2008-02-21 07:00:15 +01:00
< ? php
2008-09-01 07:45:41 +02:00
/**
* WordPress API for media display .
*
* @ package WordPress
2012-12-06 08:10:20 +01:00
* @ subpackage Media
2008-09-01 07:45:41 +02:00
*/
2008-02-21 07:00:15 +01:00
2016-08-22 06:37:28 +02:00
/**
2022-09-15 12:52:08 +02:00
* Retrieves additional image sizes .
2016-08-22 06:37:28 +02:00
*
* @ since 4.7 . 0
*
* @ global array $_wp_additional_image_sizes
*
* @ return array Additional images size data .
*/
function wp_get_additional_image_sizes () {
global $_wp_additional_image_sizes ;
2019-06-15 03:02:52 +02:00
2016-08-22 06:37:28 +02:00
if ( ! $_wp_additional_image_sizes ) {
$_wp_additional_image_sizes = array ();
}
2019-06-15 03:02:52 +02:00
2016-08-22 06:37:28 +02:00
return $_wp_additional_image_sizes ;
}
2008-09-01 07:45:41 +02:00
/**
2022-09-15 12:52:08 +02:00
* Scales down the default size of an image .
2008-09-01 07:45:41 +02:00
*
* This is so that the image is a better fit for the editor and theme .
*
2014-11-30 11:06:23 +01:00
* The `$size` parameter accepts either an array or a string . The supported string
2008-09-01 07:45:41 +02:00
* values are 'thumb' or 'thumbnail' for the given thumbnail size or defaults at
* 128 width and 96 height in pixels . Also supported for the string value is
2015-10-31 21:50:25 +01:00
* 'medium' , 'medium_large' and 'full' . The 'full' isn ' t actually supported , but any value other
2008-09-01 07:45:41 +02:00
* than the supported will result in the content_width size or 500 if that is
* not set .
*
2014-11-30 11:06:23 +01:00
* Finally , there is a filter named { @ see 'editor_max_image_size' }, that will be
2019-10-26 22:43:04 +02:00
* called on the calculated array for width and height , respectively .
2008-09-01 07:45:41 +02:00
*
* @ since 2.5 . 0
*
2020-11-14 17:35:06 +01:00
* @ global int $content_width
2015-05-26 21:23:25 +02:00
*
2014-11-30 11:06:23 +01:00
* @ param int $width Width of the image in pixels .
* @ param int $height Height of the image in pixels .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Optional . Image size . Accepts any registered image size name , or an array
* of width and height values in pixels ( in that order ) . Default 'medium' .
2014-11-30 11:06:23 +01:00
* @ param string $context Optional . Could be 'display' ( like in a theme ) or 'edit'
* ( like inserting into an editor ) . Default null .
2019-10-26 22:43:04 +02:00
* @ return int [] {
* An array of width and height values .
*
* @ type int $ 0 The maximum width in pixels .
* @ type int $ 1 The maximum height in pixels .
* }
2008-09-01 07:45:41 +02:00
*/
2014-11-30 11:06:23 +01:00
function image_constrain_size_for_editor ( $width , $height , $size = 'medium' , $context = null ) {
2016-08-22 06:37:28 +02:00
global $content_width ;
$_wp_additional_image_sizes = wp_get_additional_image_sizes ();
2008-03-02 21:17:30 +01:00
2017-12-01 00:11:00 +01:00
if ( ! $context ) {
2012-12-06 07:25:39 +01:00
$context = is_admin () ? 'edit' : 'display' ;
2017-12-01 00:11:00 +01:00
}
2012-12-06 07:25:39 +01:00
2017-12-01 00:11:00 +01:00
if ( is_array ( $size ) ) {
$max_width = $size [ 0 ];
2008-03-12 09:10:00 +01:00
$max_height = $size [ 1 ];
2020-02-09 17:55:09 +01:00
} elseif ( 'thumb' === $size || 'thumbnail' === $size ) {
2020-10-08 23:15:13 +02:00
$max_width = ( int ) get_option ( 'thumbnail_size_w' );
$max_height = ( int ) get_option ( 'thumbnail_size_h' );
2020-01-29 01:45:18 +01:00
// Last chance thumbnail size defaults.
2017-12-01 00:11:00 +01:00
if ( ! $max_width && ! $max_height ) {
$max_width = 128 ;
2008-02-21 07:00:15 +01:00
$max_height = 96 ;
}
2020-02-09 17:55:09 +01:00
} elseif ( 'medium' === $size ) {
2020-10-08 23:15:13 +02:00
$max_width = ( int ) get_option ( 'medium_size_w' );
$max_height = ( int ) get_option ( 'medium_size_h' );
2015-10-31 21:50:25 +01:00
2020-02-09 17:55:09 +01:00
} elseif ( 'medium_large' === $size ) {
2020-10-08 23:15:13 +02:00
$max_width = ( int ) get_option ( 'medium_large_size_w' );
$max_height = ( int ) get_option ( 'medium_large_size_h' );
2015-10-31 21:50:25 +01:00
2020-10-08 23:15:13 +02:00
if ( ( int ) $content_width > 0 ) {
$max_width = min ( ( int ) $content_width , $max_width );
2015-10-31 21:50:25 +01:00
}
2020-02-09 17:55:09 +01:00
} elseif ( 'large' === $size ) {
2015-02-24 08:42:24 +01:00
/*
* We 're inserting a large size image into the editor. If it' s a really
* big image we ' ll scale it down to fit reasonably within the editor
* itself , and within the theme 's content width if it' s known . The user
* can resize it in the editor if they wish .
*/
2020-10-08 23:15:13 +02:00
$max_width = ( int ) get_option ( 'large_size_w' );
$max_height = ( int ) get_option ( 'large_size_h' );
2019-06-15 03:02:52 +02:00
2020-10-08 23:15:13 +02:00
if ( ( int ) $content_width > 0 ) {
$max_width = min ( ( int ) $content_width , $max_width );
2015-10-31 21:50:25 +01:00
}
2019-06-15 03:02:52 +02:00
} elseif ( ! empty ( $_wp_additional_image_sizes ) && in_array ( $size , array_keys ( $_wp_additional_image_sizes ), true ) ) {
2020-10-08 23:15:13 +02:00
$max_width = ( int ) $_wp_additional_image_sizes [ $size ][ 'width' ];
$max_height = ( int ) $_wp_additional_image_sizes [ $size ][ 'height' ];
2016-08-22 06:37:28 +02:00
// Only in admin. Assume that theme authors know what they're doing.
2020-10-08 23:15:13 +02:00
if ( ( int ) $content_width > 0 && 'edit' === $context ) {
$max_width = min ( ( int ) $content_width , $max_width );
2016-08-22 06:37:28 +02:00
}
2020-01-29 01:45:18 +01:00
} else { // $size === 'full' has no constraint.
2017-12-01 00:11:00 +01:00
$max_width = $width ;
2008-08-11 05:54:26 +02:00
$max_height = $height ;
2008-02-21 07:00:15 +01:00
}
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the maximum image size dimensions for the editor .
2014-04-15 03:36:14 +02:00
*
* @ since 2.5 . 0
*
2019-10-26 22:43:04 +02:00
* @ param int [] $max_image_size {
* An array of width and height values .
*
* @ type int $ 0 The maximum width in pixels .
* @ type int $ 1 The maximum height in pixels .
* }
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Requested image size . Can be any registered image size name , or
* an array of width and height values in pixels ( in that order ) .
* @ param string $context The context the image is being resized for .
* Possible values are 'display' ( like in a theme )
* or 'edit' ( like inserting into an editor ) .
2014-04-15 03:36:14 +02:00
*/
2012-12-06 07:25:39 +01:00
list ( $max_width , $max_height ) = apply_filters ( 'editor_max_image_size' , array ( $max_width , $max_height ), $size , $context );
2008-12-09 19:03:31 +01:00
2008-02-21 07:00:15 +01:00
return wp_constrain_dimensions ( $width , $height , $max_width , $max_height );
}
2008-09-01 07:45:41 +02:00
/**
2022-09-15 12:52:08 +02:00
* Retrieves width and height attributes using given width and height values .
2008-09-01 07:45:41 +02:00
*
* Both attributes are required in the sense that both parameters must have a
* value , but are optional in that if you set them to false or null , then they
* will not be added to the returned string .
*
* You can set the value using a string , but it will only take numeric values .
* If you wish to put 'px' after the numbers , then it will be stripped out of
* the return .
*
* @ since 2.5 . 0
*
2015-02-24 08:42:24 +01:00
* @ param int | string $width Image width in pixels .
* @ param int | string $height Image height in pixels .
2008-09-01 07:45:41 +02:00
* @ return string HTML attributes for width and , or height .
*/
2015-02-24 08:42:24 +01:00
function image_hwstring ( $width , $height ) {
2008-02-21 07:00:15 +01:00
$out = '' ;
2017-12-01 00:11:00 +01:00
if ( $width ) {
2020-10-08 23:15:13 +02:00
$out .= 'width="' . ( int ) $width . '" ' ;
2017-12-01 00:11:00 +01:00
}
if ( $height ) {
2020-10-08 23:15:13 +02:00
$out .= 'height="' . ( int ) $height . '" ' ;
2017-12-01 00:11:00 +01:00
}
2008-02-21 07:00:15 +01:00
return $out ;
}
2008-09-01 07:45:41 +02:00
/**
2022-09-15 12:52:08 +02:00
* Scales an image to fit a particular size ( such as 'thumb' or 'medium' ) .
2008-09-01 07:45:41 +02:00
*
* The URL might be the original image , or it might be a resized version . This
* function won ' t create a new resized copy , it will just return an already
* resized one if it exists .
*
2016-05-23 21:01:27 +02:00
* A plugin may use the { @ see 'image_downsize' } filter to hook into and offer image
2008-09-18 08:14:46 +02:00
* resizing services for images . The hook must return an array with the same
2020-02-29 17:49:07 +01:00
* elements that are normally returned from the function .
2008-09-18 08:14:46 +02:00
*
2008-09-01 07:45:41 +02:00
* @ since 2.5 . 0
*
2015-02-24 08:42:24 +01:00
* @ param int $id Attachment ID for image .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Optional . Image size . Accepts any registered image size name , or an array
* of width and height values in pixels ( in that order ) . Default 'medium' .
2020-02-29 17:49:07 +01:00
* @ return array | false {
* Array of image data , or boolean false if no image is available .
*
* @ type string $ 0 Image source URL .
* @ type int $ 1 Image width in pixels .
* @ type int $ 2 Image height in pixels .
* @ type bool $ 3 Whether the image is a resized image .
* }
2008-09-01 07:45:41 +02:00
*/
2015-02-24 08:42:24 +01:00
function image_downsize ( $id , $size = 'medium' ) {
Media: Add support for rendering PDF thumbnails.
When support for PDFs is available, on upload,
render 'Thumbnail', 'Medium', 'Large', and 'Full' sizes of
the first page, and save them in attachment meta.
Use these renders within Add Media, Media Gallery and List views,
Attachment Details, Post/Attachment Edit screens, and Attachment pages.
Support available by default via Imagick -> ImageMagick -> Ghostscript,
but can be provided by any `WP_Image_Editor` that supports PDFs.
Props adamsilverstein, azaozz, celloexpressions, desrosj, dglingren, ericlewis, ipstenu, joemcgill, joyously, markoheijnen, melchoyce, mikeschroder, tomauger.
Fixes #31050.
Built from https://develop.svn.wordpress.org/trunk@38949
git-svn-id: http://core.svn.wordpress.org/trunk@38892 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-26 09:28:32 +02:00
$is_image = wp_attachment_is_image ( $id );
2008-03-10 22:31:33 +01:00
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters whether to preempt the output of image_downsize () .
2014-04-15 03:36:14 +02:00
*
2020-02-29 17:49:07 +01:00
* Returning a truthy value from the filter will effectively short - circuit
* down - sizing the image , returning that value instead .
2014-04-15 03:36:14 +02:00
*
* @ since 2.5 . 0
*
2020-02-29 17:49:07 +01:00
* @ param bool | array $downsize Whether to short - circuit the image downsize .
2014-04-15 03:36:14 +02:00
* @ param int $id Attachment ID for image .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Requested image size . Can be any registered image size name , or
* an array of width and height values in pixels ( in that order ) .
2014-04-15 03:36:14 +02:00
*/
2019-06-15 03:02:52 +02:00
$out = apply_filters ( 'image_downsize' , false , $id , $size );
if ( $out ) {
2013-02-14 05:30:55 +01:00
return $out ;
2014-04-15 03:36:14 +02:00
}
2013-02-14 05:30:55 +01:00
2017-12-01 00:11:00 +01:00
$img_url = wp_get_attachment_url ( $id );
$meta = wp_get_attachment_metadata ( $id );
2019-06-15 03:02:52 +02:00
$width = 0 ;
$height = 0 ;
2017-12-01 00:11:00 +01:00
$is_intermediate = false ;
$img_url_basename = wp_basename ( $img_url );
2008-03-02 21:17:30 +01:00
Media: Add support for rendering PDF thumbnails.
When support for PDFs is available, on upload,
render 'Thumbnail', 'Medium', 'Large', and 'Full' sizes of
the first page, and save them in attachment meta.
Use these renders within Add Media, Media Gallery and List views,
Attachment Details, Post/Attachment Edit screens, and Attachment pages.
Support available by default via Imagick -> ImageMagick -> Ghostscript,
but can be provided by any `WP_Image_Editor` that supports PDFs.
Props adamsilverstein, azaozz, celloexpressions, desrosj, dglingren, ericlewis, ipstenu, joemcgill, joyously, markoheijnen, melchoyce, mikeschroder, tomauger.
Fixes #31050.
Built from https://develop.svn.wordpress.org/trunk@38949
git-svn-id: http://core.svn.wordpress.org/trunk@38892 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-26 09:28:32 +02:00
// If the file isn't an image, attempt to replace its URL with a rendered image from its meta.
// Otherwise, a non-image type could be returned.
if ( ! $is_image ) {
2019-11-25 11:07:02 +01:00
if ( ! empty ( $meta [ 'sizes' ][ 'full' ] ) ) {
2017-12-01 00:11:00 +01:00
$img_url = str_replace ( $img_url_basename , $meta [ 'sizes' ][ 'full' ][ 'file' ], $img_url );
Media: Add support for rendering PDF thumbnails.
When support for PDFs is available, on upload,
render 'Thumbnail', 'Medium', 'Large', and 'Full' sizes of
the first page, and save them in attachment meta.
Use these renders within Add Media, Media Gallery and List views,
Attachment Details, Post/Attachment Edit screens, and Attachment pages.
Support available by default via Imagick -> ImageMagick -> Ghostscript,
but can be provided by any `WP_Image_Editor` that supports PDFs.
Props adamsilverstein, azaozz, celloexpressions, desrosj, dglingren, ericlewis, ipstenu, joemcgill, joyously, markoheijnen, melchoyce, mikeschroder, tomauger.
Fixes #31050.
Built from https://develop.svn.wordpress.org/trunk@38949
git-svn-id: http://core.svn.wordpress.org/trunk@38892 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-26 09:28:32 +02:00
$img_url_basename = $meta [ 'sizes' ][ 'full' ][ 'file' ];
2017-12-01 00:11:00 +01:00
$width = $meta [ 'sizes' ][ 'full' ][ 'width' ];
$height = $meta [ 'sizes' ][ 'full' ][ 'height' ];
Media: Add support for rendering PDF thumbnails.
When support for PDFs is available, on upload,
render 'Thumbnail', 'Medium', 'Large', and 'Full' sizes of
the first page, and save them in attachment meta.
Use these renders within Add Media, Media Gallery and List views,
Attachment Details, Post/Attachment Edit screens, and Attachment pages.
Support available by default via Imagick -> ImageMagick -> Ghostscript,
but can be provided by any `WP_Image_Editor` that supports PDFs.
Props adamsilverstein, azaozz, celloexpressions, desrosj, dglingren, ericlewis, ipstenu, joemcgill, joyously, markoheijnen, melchoyce, mikeschroder, tomauger.
Fixes #31050.
Built from https://develop.svn.wordpress.org/trunk@38949
git-svn-id: http://core.svn.wordpress.org/trunk@38892 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-26 09:28:32 +02:00
} else {
return false ;
}
}
2020-01-29 01:45:18 +01:00
// Try for a new style intermediate size.
2019-06-15 03:02:52 +02:00
$intermediate = image_get_intermediate_size ( $id , $size );
if ( $intermediate ) {
2017-12-01 00:11:00 +01:00
$img_url = str_replace ( $img_url_basename , $intermediate [ 'file' ], $img_url );
$width = $intermediate [ 'width' ];
$height = $intermediate [ 'height' ];
2008-08-11 05:54:26 +02:00
$is_intermediate = true ;
Media:
- Deprecate `wp_get_attachment_thumb_file()`.
- Make `wp_get_attachment_thumb_url()` an alias of `wp_get_attachment_image_url()`. This fixes it to return the proper thumbnail URL and fall back to returning the URL to `image_meta['thumb']` if only that exists.
Props: markhowellsmead, mukesh27, csesumonpro, SergeyBiryukov, mikeschroder, killua99, joemcgill, mashukushibiki, mfgmicha, swissspidy, romulodl, nacin, JoshuaAbenazer, wonderboymusic, lonnylot, azaozz.
Built from https://develop.svn.wordpress.org/trunk@53685
git-svn-id: http://core.svn.wordpress.org/trunk@53244 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-07-08 01:32:11 +02:00
} elseif ( 'thumbnail' === $size && ! empty ( $meta [ 'thumb' ] ) && is_string ( $meta [ 'thumb' ] ) ) {
2020-01-29 01:45:18 +01:00
// Fall back to the old thumbnail.
Media:
- Deprecate `wp_get_attachment_thumb_file()`.
- Make `wp_get_attachment_thumb_url()` an alias of `wp_get_attachment_image_url()`. This fixes it to return the proper thumbnail URL and fall back to returning the URL to `image_meta['thumb']` if only that exists.
Props: markhowellsmead, mukesh27, csesumonpro, SergeyBiryukov, mikeschroder, killua99, joemcgill, mashukushibiki, mfgmicha, swissspidy, romulodl, nacin, JoshuaAbenazer, wonderboymusic, lonnylot, azaozz.
Built from https://develop.svn.wordpress.org/trunk@53685
git-svn-id: http://core.svn.wordpress.org/trunk@53244 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-07-08 01:32:11 +02:00
$imagefile = get_attached_file ( $id );
$thumbfile = str_replace ( wp_basename ( $imagefile ), wp_basename ( $meta [ 'thumb' ] ), $imagefile );
2019-06-15 03:32:53 +02:00
Media:
- Deprecate `wp_get_attachment_thumb_file()`.
- Make `wp_get_attachment_thumb_url()` an alias of `wp_get_attachment_image_url()`. This fixes it to return the proper thumbnail URL and fall back to returning the URL to `image_meta['thumb']` if only that exists.
Props: markhowellsmead, mukesh27, csesumonpro, SergeyBiryukov, mikeschroder, killua99, joemcgill, mashukushibiki, mfgmicha, swissspidy, romulodl, nacin, JoshuaAbenazer, wonderboymusic, lonnylot, azaozz.
Built from https://develop.svn.wordpress.org/trunk@53685
git-svn-id: http://core.svn.wordpress.org/trunk@53244 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-07-08 01:32:11 +02:00
if ( file_exists ( $thumbfile ) ) {
$info = wp_getimagesize ( $thumbfile );
2019-06-15 03:02:52 +02:00
Media:
- Deprecate `wp_get_attachment_thumb_file()`.
- Make `wp_get_attachment_thumb_url()` an alias of `wp_get_attachment_image_url()`. This fixes it to return the proper thumbnail URL and fall back to returning the URL to `image_meta['thumb']` if only that exists.
Props: markhowellsmead, mukesh27, csesumonpro, SergeyBiryukov, mikeschroder, killua99, joemcgill, mashukushibiki, mfgmicha, swissspidy, romulodl, nacin, JoshuaAbenazer, wonderboymusic, lonnylot, azaozz.
Built from https://develop.svn.wordpress.org/trunk@53685
git-svn-id: http://core.svn.wordpress.org/trunk@53244 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-07-08 01:32:11 +02:00
if ( $info ) {
$img_url = str_replace ( $img_url_basename , wp_basename ( $thumbfile ), $img_url );
$width = $info [ 0 ];
$height = $info [ 1 ];
$is_intermediate = true ;
}
2008-02-21 07:00:15 +01:00
}
}
2019-06-15 03:02:52 +02:00
2017-12-01 00:11:00 +01:00
if ( ! $width && ! $height && isset ( $meta [ 'width' ], $meta [ 'height' ] ) ) {
2020-01-29 01:45:18 +01:00
// Any other type: use the real image.
2017-12-01 00:11:00 +01:00
$width = $meta [ 'width' ];
2008-08-11 05:54:26 +02:00
$height = $meta [ 'height' ];
2008-02-21 07:00:15 +01:00
}
2008-12-09 19:03:31 +01:00
2017-12-01 00:11:00 +01:00
if ( $img_url ) {
2020-01-29 01:45:18 +01:00
// We have the actual image size, but might need to further constrain it if content_width is narrower.
2008-08-11 05:54:26 +02:00
list ( $width , $height ) = image_constrain_size_for_editor ( $width , $height , $size );
2008-03-02 21:17:30 +01:00
2008-08-11 05:54:26 +02:00
return array ( $img_url , $width , $height , $is_intermediate );
}
2008-03-02 21:17:30 +01:00
2019-06-15 03:02:52 +02:00
return false ;
2008-02-21 07:00:15 +01:00
}
2009-12-08 22:08:19 +01:00
/**
2022-09-15 12:52:08 +02:00
* Registers a new image size .
2011-09-30 00:57:43 +02:00
*
* @ since 2.9 . 0
2014-02-08 01:41:13 +01:00
*
2014-11-30 06:49:23 +01:00
* @ global array $_wp_additional_image_sizes Associative array of additional image sizes .
*
2014-03-08 07:14:15 +01:00
* @ param string $name Image size identifier .
2018-12-19 08:26:47 +01:00
* @ param int $width Optional . Image width in pixels . Default 0.
* @ param int $height Optional . Image height in pixels . Default 0.
2019-10-03 16:47:59 +02:00
* @ param bool | array $crop Optional . Image cropping behavior . If false , the image will be scaled ( default ),
* If true , image will be cropped to the specified dimensions using center positions .
* If an array , the image will be cropped using the array to specify the crop location .
* Array values must be in the format : array ( x_crop_position , y_crop_position ) where :
* - x_crop_position accepts : 'left' , 'center' , or 'right' .
* - y_crop_position accepts : 'top' , 'center' , or 'bottom' .
2009-12-08 22:08:19 +01:00
*/
2010-10-27 02:33:29 +02:00
function add_image_size ( $name , $width = 0 , $height = 0 , $crop = false ) {
2009-12-08 22:08:19 +01:00
global $_wp_additional_image_sizes ;
2014-03-08 07:14:15 +01:00
2014-02-08 01:41:13 +01:00
$_wp_additional_image_sizes [ $name ] = array (
'width' => absint ( $width ),
'height' => absint ( $height ),
2014-03-08 07:14:15 +01:00
'crop' => $crop ,
2014-02-08 01:41:13 +01:00
);
2009-12-08 22:08:19 +01:00
}
2014-02-08 01:20:13 +01:00
/**
2022-09-15 12:52:08 +02:00
* Checks if an image size exists .
2014-02-08 01:20:13 +01:00
*
* @ since 3.9 . 0
*
2014-02-09 00:53:12 +01:00
* @ param string $name The image size to check .
2014-02-08 23:55:11 +01:00
* @ return bool True if the image size exists , false if not .
2014-02-08 01:20:13 +01:00
*/
2014-02-09 00:53:12 +01:00
function has_image_size ( $name ) {
2016-08-22 06:37:28 +02:00
$sizes = wp_get_additional_image_sizes ();
return isset ( $sizes [ $name ] );
2014-02-08 01:41:13 +01:00
}
/**
2022-09-15 12:52:08 +02:00
* Removes a new image size .
2014-02-08 01:41:13 +01:00
*
* @ since 3.9 . 0
*
2015-05-26 21:23:25 +02:00
* @ global array $_wp_additional_image_sizes
*
2014-02-08 01:41:13 +01:00
* @ param string $name The image size to remove .
2014-02-08 23:55:11 +01:00
* @ return bool True if the image size was successfully removed , false on failure .
2014-02-08 01:41:13 +01:00
*/
function remove_image_size ( $name ) {
global $_wp_additional_image_sizes ;
if ( isset ( $_wp_additional_image_sizes [ $name ] ) ) {
unset ( $_wp_additional_image_sizes [ $name ] );
return true ;
}
return false ;
2014-02-08 01:20:13 +01:00
}
2009-12-08 22:08:19 +01:00
/**
2014-03-08 07:14:15 +01:00
* Registers an image size for the post thumbnail .
2011-09-30 00:57:43 +02:00
*
* @ since 2.9 . 0
2014-11-30 06:49:23 +01:00
*
2014-03-08 07:14:15 +01:00
* @ see add_image_size () for details on cropping behavior .
*
* @ param int $width Image width in pixels .
* @ param int $height Image height in pixels .
2015-10-12 18:00:26 +02:00
* @ param bool | array $crop Optional . Whether to crop images to specified width and height or resize .
2014-03-08 07:14:15 +01:00
* An array can specify positioning of the crop area . Default false .
2009-12-08 22:08:19 +01:00
*/
2010-10-27 02:33:29 +02:00
function set_post_thumbnail_size ( $width = 0 , $height = 0 , $crop = false ) {
2009-12-10 07:14:36 +01:00
add_image_size ( 'post-thumbnail' , $width , $height , $crop );
2009-12-08 22:08:19 +01:00
}
2008-05-31 21:12:55 +02:00
/**
2015-02-24 08:42:24 +01:00
* Gets an img tag for an image attachment , scaling it down if requested .
2008-05-31 21:12:55 +02:00
*
2016-05-23 21:01:27 +02:00
* The { @ see 'get_image_tag_class' } filter allows for changing the class name for the
2008-09-18 08:14:46 +02:00
* image without having to use regular expressions on the HTML content . The
* parameters are : what WordPress will use for the class , the Attachment ID ,
* image align value , and the size the image should be .
*
2016-05-23 21:01:27 +02:00
* The second filter , { @ see 'get_image_tag' }, has the HTML content , which can then be
2008-09-18 08:14:46 +02:00
* further manipulated by a plugin to change all attribute values and even HTML
* content .
2008-05-31 21:12:55 +02:00
*
2008-09-01 07:45:41 +02:00
* @ since 2.5 . 0
*
2015-02-24 08:42:24 +01:00
* @ param int $id Attachment ID .
2020-02-10 23:03:07 +01:00
* @ param string $alt Image description for the alt attribute .
* @ param string $title Image description for the title attribute .
2015-02-24 08:42:24 +01:00
* @ param string $align Part of the class name for aligning the image .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Optional . Image size . Accepts any registered image size name , or an array of
2020-10-11 22:01:06 +02:00
* width and height values in pixels ( in that order ) . Default 'medium' .
2022-09-15 12:52:08 +02:00
* @ return string HTML IMG element for given image attachment ?
2008-05-31 21:12:55 +02:00
*/
2015-02-24 08:42:24 +01:00
function get_image_tag ( $id , $alt , $title , $align , $size = 'medium' ) {
2008-02-21 07:00:15 +01:00
2017-12-01 00:11:00 +01:00
list ( $img_src , $width , $height ) = image_downsize ( $id , $size );
$hwstring = image_hwstring ( $width , $height );
2008-02-21 07:00:15 +01:00
2012-11-21 12:50:30 +01:00
$title = $title ? 'title="' . esc_attr ( $title ) . '" ' : '' ;
2020-10-11 22:01:06 +02:00
$size_class = is_array ( $size ) ? implode ( 'x' , $size ) : $size ;
$class = 'align' . esc_attr ( $align ) . ' size-' . esc_attr ( $size_class ) . ' wp-image-' . $id ;
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the value of the attachment ' s image tag class attribute .
2014-04-15 03:36:14 +02:00
*
* @ since 2.6 . 0
*
2015-10-12 19:09:25 +02:00
* @ param string $class CSS class name or space - separated list of classes .
* @ param int $id Attachment ID .
* @ param string $align Part of the class name for aligning the image .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Requested image size . Can be any registered image size name , or
* an array of width and height values in pixels ( in that order ) .
2014-04-15 03:36:14 +02:00
*/
$class = apply_filters ( 'get_image_tag_class' , $class , $id , $align , $size );
2008-05-31 21:12:55 +02:00
2022-03-19 21:31:12 +01:00
$html = '<img src="' . esc_url ( $img_src ) . '" alt="' . esc_attr ( $alt ) . '" ' . $title . $hwstring . 'class="' . $class . '" />' ;
2008-02-21 07:00:15 +01:00
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the HTML content for the image tag .
2014-04-15 03:36:14 +02:00
*
* @ since 2.6 . 0
*
2015-10-12 19:11:24 +02:00
* @ param string $html HTML content for the image .
* @ param int $id Attachment ID .
2020-02-10 23:03:07 +01:00
* @ param string $alt Image description for the alt attribute .
* @ param string $title Image description for the title attribute .
2015-10-12 19:11:24 +02:00
* @ param string $align Part of the class name for aligning the image .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Requested image size . Can be any registered image size name , or
* an array of width and height values in pixels ( in that order ) .
2014-04-15 03:36:14 +02:00
*/
2015-05-26 21:23:25 +02:00
return apply_filters ( 'get_image_tag' , $html , $id , $alt , $title , $align , $size );
2008-02-21 07:00:15 +01:00
}
2008-09-18 08:14:46 +02:00
/**
2015-02-24 08:42:24 +01:00
* Calculates the new dimensions for a down - sampled image .
2008-09-18 08:14:46 +02:00
*
2010-01-25 19:50:01 +01:00
* If either width or height are empty , no constraint is applied on
2008-09-18 08:14:46 +02:00
* that dimension .
*
* @ since 2.5 . 0
*
2015-02-24 08:42:24 +01:00
* @ param int $current_width Current width of the image .
2008-09-18 08:14:46 +02:00
* @ param int $current_height Current height of the image .
2015-02-24 08:42:24 +01:00
* @ param int $max_width Optional . Max width in pixels to constrain to . Default 0.
* @ param int $max_height Optional . Max height in pixels to constrain to . Default 0.
2019-10-26 22:43:04 +02:00
* @ return int [] {
* An array of width and height values .
*
* @ type int $ 0 The width in pixels .
* @ type int $ 1 The height in pixels .
* }
2008-09-18 08:14:46 +02:00
*/
2015-02-24 08:42:24 +01:00
function wp_constrain_dimensions ( $current_width , $current_height , $max_width = 0 , $max_height = 0 ) {
2017-12-01 00:11:00 +01:00
if ( ! $max_width && ! $max_height ) {
2008-02-26 19:46:03 +01:00
return array ( $current_width , $current_height );
2017-12-01 00:11:00 +01:00
}
2008-03-02 21:17:30 +01:00
2019-06-15 03:02:52 +02:00
$width_ratio = 1.0 ;
$height_ratio = 1.0 ;
$did_width = false ;
$did_height = false ;
2008-03-02 21:17:30 +01:00
2010-05-27 22:37:42 +02:00
if ( $max_width > 0 && $current_width > 0 && $current_width > $max_width ) {
2008-02-26 19:46:03 +01:00
$width_ratio = $max_width / $current_width ;
2017-12-01 00:11:00 +01:00
$did_width = true ;
2010-05-27 22:37:42 +02:00
}
2008-03-02 21:17:30 +01:00
2010-05-27 22:37:42 +02:00
if ( $max_height > 0 && $current_height > 0 && $current_height > $max_height ) {
2008-02-26 19:46:03 +01:00
$height_ratio = $max_height / $current_height ;
2017-12-01 00:11:00 +01:00
$did_height = true ;
2010-05-27 22:37:42 +02:00
}
2008-03-02 21:17:30 +01:00
2020-01-29 01:45:18 +01:00
// Calculate the larger/smaller ratios.
2010-05-27 22:37:42 +02:00
$smaller_ratio = min ( $width_ratio , $height_ratio );
$larger_ratio = max ( $width_ratio , $height_ratio );
2014-11-30 20:54:23 +01:00
if ( ( int ) round ( $current_width * $larger_ratio ) > $max_width || ( int ) round ( $current_height * $larger_ratio ) > $max_height ) {
2017-12-01 00:11:00 +01:00
// The larger ratio is too big. It would result in an overflow.
2010-05-27 22:37:42 +02:00
$ratio = $smaller_ratio ;
2014-11-30 20:54:23 +01:00
} else {
2010-05-27 22:37:42 +02:00
// The larger ratio fits, and is likely to be a more "snug" fit.
$ratio = $larger_ratio ;
2014-11-30 20:54:23 +01:00
}
2010-05-27 22:37:42 +02:00
2013-10-09 21:07:17 +02:00
// Very small dimensions may result in 0, 1 should be the minimum.
2017-12-01 00:11:00 +01:00
$w = max ( 1 , ( int ) round ( $current_width * $ratio ) );
$h = max ( 1 , ( int ) round ( $current_height * $ratio ) );
2010-05-27 22:37:42 +02:00
2020-01-29 01:45:18 +01:00
/*
* Sometimes , due to rounding , we ' ll end up with a result like this :
* 465 x700 in a 177 x177 box is 117 x176 ... a pixel short .
* We also have issues with recursive calls resulting in an ever - changing result .
* Constraining to the result of a constraint should yield the original result .
* Thus we look for dimensions that are one pixel shy of the max value and bump them up .
*/
2014-11-30 20:54:23 +01:00
// Note: $did_width means it is possible $smaller_ratio == $width_ratio.
2019-06-15 03:02:52 +02:00
if ( $did_width && $w === $max_width - 1 ) {
2020-01-29 01:45:18 +01:00
$w = $max_width ; // Round it up.
2014-11-30 20:54:23 +01:00
}
// Note: $did_height means it is possible $smaller_ratio == $height_ratio.
2019-06-15 03:02:52 +02:00
if ( $did_height && $h === $max_height - 1 ) {
2020-01-29 01:45:18 +01:00
$h = $max_height ; // Round it up.
2014-11-30 20:54:23 +01:00
}
2010-05-27 22:37:42 +02:00
2015-02-24 08:42:24 +01:00
/**
2016-05-22 20:32:27 +02:00
* Filters dimensions to constrain down - sampled images to .
2015-02-24 08:42:24 +01:00
*
* @ since 4.1 . 0
*
2019-10-26 22:43:04 +02:00
* @ param int [] $dimensions {
* An array of width and height values .
*
* @ type int $ 0 The width in pixels .
* @ type int $ 1 The height in pixels .
* }
2017-12-01 00:11:00 +01:00
* @ param int $current_width The current width of the image .
* @ param int $current_height The current height of the image .
* @ param int $max_width The maximum width permitted .
* @ param int $max_height The maximum height permitted .
2015-02-24 08:42:24 +01:00
*/
2014-11-30 20:54:23 +01:00
return apply_filters ( 'wp_constrain_dimensions' , array ( $w , $h ), $current_width , $current_height , $max_width , $max_height );
2008-02-26 19:46:03 +01:00
}
2008-09-18 08:14:46 +02:00
/**
2015-02-24 08:42:24 +01:00
* Retrieves calculated resize dimensions for use in WP_Image_Editor .
2008-09-18 08:14:46 +02:00
*
2014-03-08 07:14:15 +01:00
* Calculates dimensions and coordinates for a resized image that fits
* within a specified width and height .
*
* Cropping behavior is dependent on the value of $crop :
* 1. If false ( default ), images will not be cropped .
* 2. If an array in the form of array ( x_crop_position , y_crop_position ) :
* - x_crop_position accepts 'left' 'center' , or 'right' .
* - y_crop_position accepts 'top' , 'center' , or 'bottom' .
* Images will be cropped to the specified dimensions within the defined crop area .
* 3. If true , images will be cropped to the specified dimensions using center positions .
2008-09-18 08:14:46 +02:00
*
* @ since 2.5 . 0
2014-03-08 07:14:15 +01:00
*
* @ param int $orig_w Original width in pixels .
* @ param int $orig_h Original height in pixels .
* @ param int $dest_w New width in pixels .
* @ param int $dest_h New height in pixels .
2015-10-12 18:02:24 +02:00
* @ param bool | array $crop Optional . Whether to crop image to specified width and height or resize .
2014-03-08 07:14:15 +01:00
* An array can specify positioning of the crop area . Default false .
2020-01-11 19:32:05 +01:00
* @ return array | false Returned array matches parameters for `imagecopyresampled()` . False on failure .
2008-09-18 08:14:46 +02:00
*/
2015-10-12 18:02:24 +02:00
function image_resize_dimensions ( $orig_w , $orig_h , $dest_w , $dest_h , $crop = false ) {
2008-03-02 21:17:30 +01:00
2017-12-01 00:11:00 +01:00
if ( $orig_w <= 0 || $orig_h <= 0 ) {
2008-02-26 19:46:03 +01:00
return false ;
2017-12-01 00:11:00 +01:00
}
2020-01-29 01:45:18 +01:00
// At least one of $dest_w or $dest_h must be specific.
2017-12-01 00:11:00 +01:00
if ( $dest_w <= 0 && $dest_h <= 0 ) {
2008-02-26 19:46:03 +01:00
return false ;
2017-12-01 00:11:00 +01:00
}
2008-03-02 21:17:30 +01:00
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters whether to preempt calculating the image resize dimensions .
2014-04-15 03:36:14 +02:00
*
2020-06-26 20:49:09 +02:00
* Returning a non - null value from the filter will effectively short - circuit
2014-04-15 03:36:14 +02:00
* image_resize_dimensions (), returning that value instead .
*
* @ since 3.4 . 0
*
* @ param null | mixed $null Whether to preempt output of the resize dimensions .
* @ param int $orig_w Original width in pixels .
* @ param int $orig_h Original height in pixels .
* @ param int $dest_w New width in pixels .
* @ param int $dest_h New height in pixels .
2015-10-12 18:02:24 +02:00
* @ param bool | array $crop Whether to crop image to specified width and height or resize .
2014-04-15 03:36:14 +02:00
* An array can specify positioning of the crop area . Default false .
*/
2012-05-02 22:15:44 +02:00
$output = apply_filters ( 'image_resize_dimensions' , null , $orig_w , $orig_h , $dest_w , $dest_h , $crop );
2019-06-15 03:02:52 +02:00
2017-12-01 00:11:00 +01:00
if ( null !== $output ) {
2012-05-02 22:15:44 +02:00
return $output ;
2017-12-01 00:11:00 +01:00
}
2012-05-02 22:15:44 +02:00
2019-09-07 03:34:55 +02:00
// Stop if the destination size is larger than the original image dimensions.
if ( empty ( $dest_h ) ) {
if ( $orig_w < $dest_w ) {
return false ;
}
} elseif ( empty ( $dest_w ) ) {
if ( $orig_h < $dest_h ) {
return false ;
}
} else {
if ( $orig_w < $dest_w && $orig_h < $dest_h ) {
return false ;
}
}
2008-02-26 19:46:03 +01:00
if ( $crop ) {
2020-01-29 01:45:18 +01:00
/*
* Crop the largest possible portion of the original image that we can size to $dest_w x $dest_h .
* Note that the requested crop dimensions are used as a maximum bounding box for the original image .
* If the original image ' s width or height is less than the requested width or height
* only the greater one will be cropped .
* For example when the original image is 600 x300 , and the requested crop dimensions are 400 x400 ,
* the resulting image will be 400 x300 .
*/
2008-02-26 19:46:03 +01:00
$aspect_ratio = $orig_w / $orig_h ;
2017-12-01 00:11:00 +01:00
$new_w = min ( $dest_w , $orig_w );
$new_h = min ( $dest_h , $orig_h );
2009-11-26 07:58:21 +01:00
2014-11-30 20:54:23 +01:00
if ( ! $new_w ) {
$new_w = ( int ) round ( $new_h * $aspect_ratio );
2008-02-26 19:46:03 +01:00
}
2009-11-26 07:58:21 +01:00
2014-11-30 20:54:23 +01:00
if ( ! $new_h ) {
$new_h = ( int ) round ( $new_w / $aspect_ratio );
2008-02-26 19:46:03 +01:00
}
2017-12-01 00:11:00 +01:00
$size_ratio = max ( $new_w / $orig_w , $new_h / $orig_h );
2008-03-02 21:17:30 +01:00
2017-12-01 00:11:00 +01:00
$crop_w = round ( $new_w / $size_ratio );
$crop_h = round ( $new_h / $size_ratio );
2008-02-26 19:46:03 +01:00
2014-03-08 07:14:15 +01:00
if ( ! is_array ( $crop ) || count ( $crop ) !== 2 ) {
$crop = array ( 'center' , 'center' );
}
list ( $x , $y ) = $crop ;
if ( 'left' === $x ) {
$s_x = 0 ;
} elseif ( 'right' === $x ) {
$s_x = $orig_w - $crop_w ;
} else {
$s_x = floor ( ( $orig_w - $crop_w ) / 2 );
}
if ( 'top' === $y ) {
$s_y = 0 ;
} elseif ( 'bottom' === $y ) {
$s_y = $orig_h - $crop_h ;
} else {
$s_y = floor ( ( $orig_h - $crop_h ) / 2 );
}
2009-11-26 07:58:21 +01:00
} else {
2019-09-07 03:34:55 +02:00
// Resize using $dest_w x $dest_h as a maximum bounding box.
2008-02-26 19:46:03 +01:00
$crop_w = $orig_w ;
$crop_h = $orig_h ;
2008-03-02 21:17:30 +01:00
2008-02-26 19:46:03 +01:00
$s_x = 0 ;
$s_y = 0 ;
2008-03-02 21:17:30 +01:00
2008-02-26 19:46:03 +01:00
list ( $new_w , $new_h ) = wp_constrain_dimensions ( $orig_w , $orig_h , $dest_w , $dest_h );
}
2008-03-02 21:17:30 +01:00
2019-09-07 03:34:55 +02:00
if ( wp_fuzzy_number_match ( $new_w , $orig_w ) && wp_fuzzy_number_match ( $new_h , $orig_h ) ) {
// The new size has virtually the same dimensions as the original image.
/**
* Filters whether to proceed with making an image sub - size with identical dimensions
* with the original / source image . Differences of 1 px may be due to rounding and are ignored .
*
* @ since 5.3 . 0
2019-09-07 04:12:55 +02:00
*
2019-10-27 20:11:02 +01:00
* @ param bool $proceed The filtered value .
* @ param int $orig_w Original image width .
* @ param int $orig_h Original image height .
2019-09-07 03:34:55 +02:00
*/
$proceed = ( bool ) apply_filters ( 'wp_image_resize_identical_dimensions' , false , $orig_w , $orig_h );
if ( ! $proceed ) {
return false ;
}
2014-11-30 07:27:23 +01:00
}
2008-02-26 19:46:03 +01:00
2019-09-07 03:34:55 +02:00
// The return array matches the parameters to imagecopyresampled().
2008-02-26 19:46:03 +01:00
// int dst_x, int dst_y, int src_x, int src_y, int dst_w, int dst_h, int src_w, int src_h
2009-12-12 09:06:24 +01:00
return array ( 0 , 0 , ( int ) $s_x , ( int ) $s_y , ( int ) $new_w , ( int ) $new_h , ( int ) $crop_w , ( int ) $crop_h );
2008-02-26 19:46:03 +01:00
}
2008-09-18 08:14:46 +02:00
/**
2015-02-24 08:42:24 +01:00
* Resizes an image to make a thumbnail or intermediate size .
2008-09-18 08:14:46 +02:00
*
* The returned array has the file size , the image width , and image height . The
2016-05-23 21:01:27 +02:00
* { @ see 'image_make_intermediate_size' } filter can be used to hook in and change the
2008-09-18 08:14:46 +02:00
* values of the returned array . The only parameter is the resized file path .
*
* @ since 2.5 . 0
*
2015-02-24 08:42:24 +01:00
* @ param string $file File path .
* @ param int $width Image width .
* @ param int $height Image height .
2015-10-12 18:06:24 +02:00
* @ param bool $crop Optional . Whether to crop image to specified width and height or resize .
2015-02-24 08:42:24 +01:00
* Default false .
2020-01-11 19:32:05 +01:00
* @ return array | false Metadata array on success . False if no image was created .
2008-09-18 08:14:46 +02:00
*/
2012-10-01 22:59:06 +02:00
function image_make_intermediate_size ( $file , $width , $height , $crop = false ) {
2008-03-03 05:17:37 +01:00
if ( $width || $height ) {
2012-11-22 10:52:16 +01:00
$editor = wp_get_image_editor ( $file );
2012-10-01 22:59:06 +02:00
2017-12-01 00:11:00 +01:00
if ( is_wp_error ( $editor ) || is_wp_error ( $editor -> resize ( $width , $height , $crop ) ) ) {
2012-10-01 22:59:06 +02:00
return false ;
2017-12-01 00:11:00 +01:00
}
2012-10-01 22:59:06 +02:00
$resized_file = $editor -> save ();
if ( ! is_wp_error ( $resized_file ) && $resized_file ) {
unset ( $resized_file [ 'path' ] );
return $resized_file ;
2008-03-03 05:17:37 +01:00
}
}
return false ;
}
2016-07-18 04:14:29 +02:00
/**
* Helper function to test if aspect ratios for two images match .
*
* @ since 4.6 . 0
*
* @ param int $source_width Width of the first image in pixels .
* @ param int $source_height Height of the first image in pixels .
* @ param int $target_width Width of the second image in pixels .
* @ param int $target_height Height of the second image in pixels .
* @ return bool True if aspect ratios match within 1 px . False if not .
*/
function wp_image_matches_ratio ( $source_width , $source_height , $target_width , $target_height ) {
/*
* To test for varying crops , we constrain the dimensions of the larger image
* to the dimensions of the smaller image and see if they match .
*/
if ( $source_width > $target_width ) {
$constrained_size = wp_constrain_dimensions ( $source_width , $source_height , $target_width );
2017-12-01 00:11:00 +01:00
$expected_size = array ( $target_width , $target_height );
2016-07-18 04:14:29 +02:00
} else {
$constrained_size = wp_constrain_dimensions ( $target_width , $target_height , $source_width );
2017-12-01 00:11:00 +01:00
$expected_size = array ( $source_width , $source_height );
2016-07-18 04:14:29 +02:00
}
// If the image dimensions are within 1px of the expected size, we consider it a match.
2019-09-07 03:34:55 +02:00
$matched = ( wp_fuzzy_number_match ( $constrained_size [ 0 ], $expected_size [ 0 ] ) && wp_fuzzy_number_match ( $constrained_size [ 1 ], $expected_size [ 1 ] ) );
2016-07-18 04:14:29 +02:00
return $matched ;
}
2008-09-18 08:14:46 +02:00
/**
2015-02-24 08:42:24 +01:00
* Retrieves the image ' s intermediate size ( resized ) path , width , and height .
2008-09-18 08:14:46 +02:00
*
* The $size parameter can be an array with the width and height respectively .
* If the size matches the 'sizes' metadata array for width and height , then it
* will be used . If there is no direct match , then the nearest image size larger
* than the specified size will be used . If nothing is found , then the function
* will break out and return false .
2008-12-09 19:03:31 +01:00
*
2008-09-18 08:14:46 +02:00
* The metadata 'sizes' is used for compatible sizes that can be used for the
* parameter $size value .
*
* The url path will be given , when the $size parameter is a string .
*
2010-05-27 07:03:46 +02:00
* If you are passing an array for the $size , you should consider using
* add_image_size () so that a cropped version is generated . It ' s much more
* efficient than having to find the closest - sized image and then having the
* browser scale down the image .
*
2008-09-18 08:14:46 +02:00
* @ since 2.5 . 0
*
2015-02-24 08:42:24 +01:00
* @ param int $post_id Attachment ID .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Optional . Image size . Accepts any registered image size name , or an array
* of width and height values in pixels ( in that order ) . Default 'thumbnail' .
2020-06-20 00:55:12 +02:00
* @ return array | false {
2015-10-20 09:24:27 +02:00
* Array of file relative path , width , and height on success . Additionally includes absolute
2020-09-20 17:55:10 +02:00
* path and URL if registered size is passed to `$size` parameter . False on failure .
2015-10-20 09:24:27 +02:00
*
2020-09-20 17:55:10 +02:00
* @ type string $file Path of image relative to uploads directory .
* @ type int $width Width of image in pixels .
* @ type int $height Height of image in pixels .
* @ type string $path Absolute filesystem path of image .
* @ type string $url URL of image .
2015-10-20 09:24:27 +02:00
* }
2008-09-18 08:14:46 +02:00
*/
2015-02-24 08:42:24 +01:00
function image_get_intermediate_size ( $post_id , $size = 'thumbnail' ) {
2019-06-15 03:02:52 +02:00
$imagedata = wp_get_attachment_metadata ( $post_id );
if ( ! $size || ! is_array ( $imagedata ) || empty ( $imagedata [ 'sizes' ] ) ) {
2008-03-03 05:17:37 +01:00
return false ;
2016-07-18 04:14:29 +02:00
}
2008-03-12 09:10:00 +01:00
2016-07-18 04:14:29 +02:00
$data = array ();
// Find the best match when '$size' is an array.
if ( is_array ( $size ) ) {
2015-08-30 04:41:21 +02:00
$candidates = array ();
2014-12-20 23:47:22 +01:00
Media: Add support for rendering PDF thumbnails.
When support for PDFs is available, on upload,
render 'Thumbnail', 'Medium', 'Large', and 'Full' sizes of
the first page, and save them in attachment meta.
Use these renders within Add Media, Media Gallery and List views,
Attachment Details, Post/Attachment Edit screens, and Attachment pages.
Support available by default via Imagick -> ImageMagick -> Ghostscript,
but can be provided by any `WP_Image_Editor` that supports PDFs.
Props adamsilverstein, azaozz, celloexpressions, desrosj, dglingren, ericlewis, ipstenu, joemcgill, joyously, markoheijnen, melchoyce, mikeschroder, tomauger.
Fixes #31050.
Built from https://develop.svn.wordpress.org/trunk@38949
git-svn-id: http://core.svn.wordpress.org/trunk@38892 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-26 09:28:32 +02:00
if ( ! isset ( $imagedata [ 'file' ] ) && isset ( $imagedata [ 'sizes' ][ 'full' ] ) ) {
$imagedata [ 'height' ] = $imagedata [ 'sizes' ][ 'full' ][ 'height' ];
$imagedata [ 'width' ] = $imagedata [ 'sizes' ][ 'full' ][ 'width' ];
}
2008-03-12 09:10:00 +01:00
foreach ( $imagedata [ 'sizes' ] as $_size => $data ) {
2015-08-30 04:41:21 +02:00
// If there's an exact match to an existing image size, short circuit.
2020-10-08 23:15:13 +02:00
if ( ( int ) $data [ 'width' ] === ( int ) $size [ 0 ] && ( int ) $data [ 'height' ] === ( int ) $size [ 1 ] ) {
2016-07-18 04:14:29 +02:00
$candidates [ $data [ 'width' ] * $data [ 'height' ] ] = $data ;
break ;
2008-03-12 09:10:00 +01:00
}
2016-07-18 04:14:29 +02:00
// If it's not an exact match, consider larger sizes with the same aspect ratio.
2015-08-30 04:41:21 +02:00
if ( $data [ 'width' ] >= $size [ 0 ] && $data [ 'height' ] >= $size [ 1 ] ) {
2016-07-18 04:14:29 +02:00
// If '0' is passed to either size, we test ratios against the original file.
if ( 0 === $size [ 0 ] || 0 === $size [ 1 ] ) {
$same_ratio = wp_image_matches_ratio ( $data [ 'width' ], $data [ 'height' ], $imagedata [ 'width' ], $imagedata [ 'height' ] );
} else {
$same_ratio = wp_image_matches_ratio ( $data [ 'width' ], $data [ 'height' ], $size [ 0 ], $size [ 1 ] );
}
if ( $same_ratio ) {
$candidates [ $data [ 'width' ] * $data [ 'height' ] ] = $data ;
}
2015-08-30 04:41:21 +02:00
}
2008-03-12 09:10:00 +01:00
}
2015-08-30 04:41:21 +02:00
if ( ! empty ( $candidates ) ) {
2016-07-18 04:14:29 +02:00
// Sort the array by size if we have more than one candidate.
if ( 1 < count ( $candidates ) ) {
ksort ( $candidates );
2008-03-12 09:10:00 +01:00
}
2016-07-18 04:14:29 +02:00
$data = array_shift ( $candidates );
2017-12-01 00:11:00 +01:00
/*
* When the size requested is smaller than the thumbnail dimensions , we
2019-04-17 15:26:51 +02:00
* fall back to the thumbnail size to maintain backward compatibility with
2017-12-01 00:11:00 +01:00
* pre 4.6 versions of WordPress .
*/
2016-07-18 04:14:29 +02:00
} elseif ( ! empty ( $imagedata [ 'sizes' ][ 'thumbnail' ] ) && $imagedata [ 'sizes' ][ 'thumbnail' ][ 'width' ] >= $size [ 0 ] && $imagedata [ 'sizes' ][ 'thumbnail' ][ 'width' ] >= $size [ 1 ] ) {
$data = $imagedata [ 'sizes' ][ 'thumbnail' ];
} else {
return false ;
2008-03-12 09:10:00 +01:00
}
2016-07-18 04:14:29 +02:00
// Constrain the width and height attributes to the requested values.
list ( $data [ 'width' ], $data [ 'height' ] ) = image_constrain_size_for_editor ( $data [ 'width' ], $data [ 'height' ], $size );
} elseif ( ! empty ( $imagedata [ 'sizes' ][ $size ] ) ) {
$data = $imagedata [ 'sizes' ][ $size ];
2008-03-12 09:10:00 +01:00
}
2016-07-18 04:14:29 +02:00
// If we still don't have a match at this point, return false.
if ( empty ( $data ) ) {
2008-03-03 05:17:37 +01:00
return false ;
2016-07-18 04:14:29 +02:00
}
2008-08-09 07:36:14 +02:00
2020-01-29 01:45:18 +01:00
// Include the full filesystem path of the intermediate file.
Media: Add support for rendering PDF thumbnails.
When support for PDFs is available, on upload,
render 'Thumbnail', 'Medium', 'Large', and 'Full' sizes of
the first page, and save them in attachment meta.
Use these renders within Add Media, Media Gallery and List views,
Attachment Details, Post/Attachment Edit screens, and Attachment pages.
Support available by default via Imagick -> ImageMagick -> Ghostscript,
but can be provided by any `WP_Image_Editor` that supports PDFs.
Props adamsilverstein, azaozz, celloexpressions, desrosj, dglingren, ericlewis, ipstenu, joemcgill, joyously, markoheijnen, melchoyce, mikeschroder, tomauger.
Fixes #31050.
Built from https://develop.svn.wordpress.org/trunk@38949
git-svn-id: http://core.svn.wordpress.org/trunk@38892 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-26 09:28:32 +02:00
if ( empty ( $data [ 'path' ] ) && ! empty ( $data [ 'file' ] ) && ! empty ( $imagedata [ 'file' ] ) ) {
2017-12-01 00:11:00 +01:00
$file_url = wp_get_attachment_url ( $post_id );
$data [ 'path' ] = path_join ( dirname ( $imagedata [ 'file' ] ), $data [ 'file' ] );
$data [ 'url' ] = path_join ( dirname ( $file_url ), $data [ 'file' ] );
2008-03-13 00:15:31 +01:00
}
2015-10-20 09:24:27 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the output of image_get_intermediate_size ()
2015-10-20 09:24:27 +02:00
*
* @ since 4.4 . 0
*
* @ see image_get_intermediate_size ()
*
* @ param array $data Array of file relative path , width , and height on success . May also include
* file absolute path and URL .
2020-09-20 18:23:07 +02:00
* @ param int $post_id The ID of the image attachment .
* @ param string | int [] $size Requested image size . Can be any registered image size name , or
* an array of width and height values in pixels ( in that order ) .
2015-10-20 09:24:27 +02:00
*/
return apply_filters ( 'image_get_intermediate_size' , $data , $post_id , $size );
2008-03-03 05:17:37 +01:00
}
2010-01-08 09:51:12 +01:00
/**
2019-11-05 22:23:02 +01:00
* Gets the available intermediate image size names .
2015-02-24 08:42:24 +01:00
*
2010-03-26 20:13:36 +01:00
* @ since 3.0 . 0
2015-02-24 08:42:24 +01:00
*
2019-11-05 22:23:02 +01:00
* @ return string [] An array of image size names .
2010-01-08 09:51:12 +01:00
*/
function get_intermediate_image_sizes () {
2019-06-15 03:02:52 +02:00
$default_sizes = array ( 'thumbnail' , 'medium' , 'medium_large' , 'large' );
$additional_sizes = wp_get_additional_image_sizes ();
if ( ! empty ( $additional_sizes ) ) {
$default_sizes = array_merge ( $default_sizes , array_keys ( $additional_sizes ) );
2016-08-22 06:37:28 +02:00
}
2010-01-08 09:51:12 +01:00
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the list of intermediate image sizes .
2014-04-15 03:36:14 +02:00
*
* @ since 2.5 . 0
*
2019-11-05 22:23:02 +01:00
* @ param string [] $default_sizes An array of intermediate image size names . Defaults
* are 'thumbnail' , 'medium' , 'medium_large' , 'large' .
2014-04-15 03:36:14 +02:00
*/
2019-06-15 03:02:52 +02:00
return apply_filters ( 'intermediate_image_sizes' , $default_sizes );
}
/**
* Returns a normalized list of all currently registered image sub - sizes .
*
* @ since 5.3 . 0
* @ uses wp_get_additional_image_sizes ()
* @ uses get_intermediate_image_sizes ()
*
2021-12-07 13:20:02 +01:00
* @ return array [] Associative array of arrays of image sub - size information ,
* keyed by image size name .
2019-06-15 03:02:52 +02:00
*/
function wp_get_registered_image_subsizes () {
$additional_sizes = wp_get_additional_image_sizes ();
$all_sizes = array ();
foreach ( get_intermediate_image_sizes () as $size_name ) {
$size_data = array (
'width' => 0 ,
'height' => 0 ,
'crop' => false ,
);
if ( isset ( $additional_sizes [ $size_name ][ 'width' ] ) ) {
// For sizes added by plugins and themes.
2020-10-08 23:15:13 +02:00
$size_data [ 'width' ] = ( int ) $additional_sizes [ $size_name ][ 'width' ];
2019-06-15 03:02:52 +02:00
} else {
// For default sizes set in options.
2020-10-08 23:15:13 +02:00
$size_data [ 'width' ] = ( int ) get_option ( " { $size_name } _size_w " );
2019-06-15 03:02:52 +02:00
}
if ( isset ( $additional_sizes [ $size_name ][ 'height' ] ) ) {
2020-10-08 23:15:13 +02:00
$size_data [ 'height' ] = ( int ) $additional_sizes [ $size_name ][ 'height' ];
2019-06-15 03:02:52 +02:00
} else {
2020-10-08 23:15:13 +02:00
$size_data [ 'height' ] = ( int ) get_option ( " { $size_name } _size_h " );
2019-06-15 03:02:52 +02:00
}
if ( empty ( $size_data [ 'width' ] ) && empty ( $size_data [ 'height' ] ) ) {
// This size isn't set.
continue ;
}
if ( isset ( $additional_sizes [ $size_name ][ 'crop' ] ) ) {
2019-06-15 19:17:52 +02:00
$size_data [ 'crop' ] = $additional_sizes [ $size_name ][ 'crop' ];
2019-06-15 03:02:52 +02:00
} else {
2019-06-15 19:17:52 +02:00
$size_data [ 'crop' ] = get_option ( " { $size_name } _crop " );
}
if ( ! is_array ( $size_data [ 'crop' ] ) || empty ( $size_data [ 'crop' ] ) ) {
$size_data [ 'crop' ] = ( bool ) $size_data [ 'crop' ];
2019-06-15 03:02:52 +02:00
}
$all_sizes [ $size_name ] = $size_data ;
}
return $all_sizes ;
2010-01-08 09:51:12 +01:00
}
2008-09-18 08:14:46 +02:00
/**
2020-02-29 17:49:07 +01:00
* Retrieves an image to represent an attachment .
2015-09-24 05:14:24 +02:00
*
2008-09-18 08:14:46 +02:00
* @ since 2.5 . 0
*
2015-02-24 08:42:24 +01:00
* @ param int $attachment_id Image attachment ID .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Optional . Image size . Accepts any registered image size name , or an array of
* width and height values in pixels ( in that order ) . Default 'thumbnail' .
2020-02-29 17:49:07 +01:00
* @ param bool $icon Optional . Whether the image should fall back to a mime type icon . Default false .
* @ return array | false {
* Array of image data , or boolean false if no image is available .
*
* @ type string $ 0 Image source URL .
* @ type int $ 1 Image width in pixels .
* @ type int $ 2 Image height in pixels .
2020-05-03 00:57:06 +02:00
* @ type bool $ 3 Whether the image is a resized image .
2020-02-29 17:49:07 +01:00
* }
2008-09-18 08:14:46 +02:00
*/
2015-02-24 08:42:24 +01:00
function wp_get_attachment_image_src ( $attachment_id , $size = 'thumbnail' , $icon = false ) {
2020-01-29 01:45:18 +01:00
// Get a thumbnail or intermediate image if there is one.
2015-06-19 23:27:25 +02:00
$image = image_downsize ( $attachment_id , $size );
if ( ! $image ) {
$src = false ;
2008-03-10 22:31:33 +01:00
2019-06-15 03:02:52 +02:00
if ( $icon ) {
$src = wp_mime_type_icon ( $attachment_id );
if ( $src ) {
/** This filter is documented in wp-includes/post.php */
$icon_dir = apply_filters ( 'icon_dir' , ABSPATH . WPINC . '/images/media' );
2009-06-06 17:02:55 +02:00
2019-07-09 07:45:58 +02:00
$src_file = $icon_dir . '/' . wp_basename ( $src );
2021-02-02 17:53:04 +01:00
list ( $width , $height ) = wp_getimagesize ( $src_file );
2019-06-15 03:02:52 +02:00
}
2015-06-19 23:27:25 +02:00
}
2015-02-24 08:42:24 +01:00
2015-06-19 23:27:25 +02:00
if ( $src && $width && $height ) {
2020-05-03 00:57:06 +02:00
$image = array ( $src , $width , $height , false );
2015-06-19 23:27:25 +02:00
}
2008-03-04 05:21:37 +01:00
}
2015-06-19 23:27:25 +02:00
/**
2020-02-29 17:49:07 +01:00
* Filters the attachment image source result .
2015-06-19 23:27:25 +02:00
*
* @ since 4.3 . 0
*
2020-02-29 17:49:07 +01:00
* @ param array | false $image {
* Array of image data , or boolean false if no image is available .
*
* @ type string $ 0 Image source URL .
* @ type int $ 1 Image width in pixels .
* @ type int $ 2 Image height in pixels .
2020-05-03 00:57:06 +02:00
* @ type bool $ 3 Whether the image is a resized image .
2020-02-29 17:49:07 +01:00
* }
2015-06-25 23:02:25 +02:00
* @ param int $attachment_id Image attachment ID .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Requested image size . Can be any registered image size name , or
* an array of width and height values in pixels ( in that order ) .
2020-02-29 17:49:07 +01:00
* @ param bool $icon Whether the image should be treated as an icon .
2015-06-19 23:27:25 +02:00
*/
2015-07-01 05:47:24 +02:00
return apply_filters ( 'wp_get_attachment_image_src' , $image , $attachment_id , $size , $icon );
2008-03-04 05:21:37 +01:00
}
2008-09-18 08:14:46 +02:00
/**
2022-09-15 12:52:08 +02:00
* Gets an HTML img element representing an image attachment .
2008-09-18 08:14:46 +02:00
*
2015-02-24 08:42:24 +01:00
* While `$size` will accept an array , it is better to register a size with
2010-05-27 07:03:46 +02:00
* add_image_size () so that a cropped version is generated . It ' s much more
* efficient than having to find the closest - sized image and then having the
* browser scale down the image .
*
2014-04-15 03:36:14 +02:00
* @ since 2.5 . 0
2020-08-25 00:12:03 +02:00
* @ since 4.4 . 0 The `$srcset` and `$sizes` attributes were added .
2020-08-25 00:04:04 +02:00
* @ since 5.5 . 0 The `$loading` attribute was added .
2022-06-09 18:21:14 +02:00
* @ since 6.1 . 0 The `$decoding` attribute was added .
2014-04-15 03:36:14 +02:00
*
2014-10-05 19:52:15 +02:00
* @ param int $attachment_id Image attachment ID .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Optional . Image size . Accepts any registered image size name , or an array
* of width and height values in pixels ( in that order ) . Default 'thumbnail' .
2015-02-24 08:42:24 +01:00
* @ param bool $icon Optional . Whether the image should be treated as an icon . Default false .
2020-02-10 23:03:07 +01:00
* @ param string | array $attr {
* Optional . Attributes for the image markup .
*
Media: Add `decoding="async"` to image attributes.
Dynamically add `decoding="async"` to image tags on the front end of a site to instruct browsers to download them in parallel.
Modifies `wp_get_attachment_image()`, `get_avatar()` to include the attribute by default. Modifies `wp_filter_content_tags()` to add the attribute during the front-end render of the site.
Introduces `wp_img_tag_add_decoding_attr()` to take an image tag and modify it to include the attribute. Introduces the filter `wp_img_tag_add_decoding_attr` used to define the default value for the attribute.
Props adamsilverstein, ayeshrajans, costdev, flixos90, hellofromtonya, isaumya, michaelbourne, mihai2u, mitogh, sergiomdgomes, spacedmonkey, westonruter, peterwilsoncc.
Fixes #53232.
Built from https://develop.svn.wordpress.org/trunk@53480
git-svn-id: http://core.svn.wordpress.org/trunk@53069 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-06-09 07:31:12 +02:00
* @ type string $src Image attachment URL .
* @ type string $class CSS class name or space - separated list of classes .
* Default `attachment-$size_class size-$size_class` ,
* where `$size_class` is the image size being requested .
* @ type string $alt Image description for the alt attribute .
* @ type string $srcset The 'srcset' attribute value .
* @ type string $sizes The 'sizes' attribute value .
* @ type string | false $loading The 'loading' attribute value . Passing a value of false
* will result in the attribute being omitted for the image .
* Defaults to 'lazy' , depending on wp_lazy_loading_enabled () .
* @ type string $decoding The 'decoding' attribute value . Possible values are
2023-01-31 20:41:14 +01:00
* 'async' ( default ), 'sync' , or 'auto' . Passing false or an empty
* string will result in the attribute being omitted .
2020-02-10 23:03:07 +01:00
* }
2008-09-18 08:14:46 +02:00
* @ return string HTML img element or empty string on failure .
*/
2017-12-01 00:11:00 +01:00
function wp_get_attachment_image ( $attachment_id , $size = 'thumbnail' , $icon = false , $attr = '' ) {
$html = '' ;
$image = wp_get_attachment_image_src ( $attachment_id , $size , $icon );
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
2008-03-04 05:21:37 +01:00
if ( $image ) {
2020-02-10 23:03:07 +01:00
list ( $src , $width , $height ) = $image ;
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
$attachment = get_post ( $attachment_id );
$hwstring = image_hwstring ( $width , $height );
$size_class = $size ;
2014-10-05 19:50:16 +02:00
if ( is_array ( $size_class ) ) {
2020-10-18 19:27:06 +02:00
$size_class = implode ( 'x' , $size_class );
2014-10-05 19:50:16 +02:00
}
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
2009-10-15 14:31:48 +02:00
$default_attr = array (
Media: Add `decoding="async"` to image attributes.
Dynamically add `decoding="async"` to image tags on the front end of a site to instruct browsers to download them in parallel.
Modifies `wp_get_attachment_image()`, `get_avatar()` to include the attribute by default. Modifies `wp_filter_content_tags()` to add the attribute during the front-end render of the site.
Introduces `wp_img_tag_add_decoding_attr()` to take an image tag and modify it to include the attribute. Introduces the filter `wp_img_tag_add_decoding_attr` used to define the default value for the attribute.
Props adamsilverstein, ayeshrajans, costdev, flixos90, hellofromtonya, isaumya, michaelbourne, mihai2u, mitogh, sergiomdgomes, spacedmonkey, westonruter, peterwilsoncc.
Fixes #53232.
Built from https://develop.svn.wordpress.org/trunk@53480
git-svn-id: http://core.svn.wordpress.org/trunk@53069 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-06-09 07:31:12 +02:00
'src' => $src ,
'class' => " attachment- $size_class size- $size_class " ,
'alt' => trim ( strip_tags ( get_post_meta ( $attachment_id , '_wp_attachment_image_alt' , true ) ) ),
'decoding' => 'async' ,
2009-10-15 14:31:48 +02:00
);
2010-04-18 10:52:18 +02:00
2023-05-17 20:31:24 +02:00
/**
* Filters the context in which wp_get_attachment_image () is used .
*
* @ since 6.3 . 0
*
* @ param string $context The context . Default 'wp_get_attachment_image' .
*/
$context = apply_filters ( 'wp_get_attachment_image_context' , 'wp_get_attachment_image' );
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
$attr = wp_parse_args ( $attr , $default_attr );
$loading_attr = $attr ;
$loading_attr [ 'width' ] = $width ;
$loading_attr [ 'height' ] = $height ;
$loading_optimization_attr = wp_get_loading_optimization_attributes (
'img' ,
$loading_attr ,
$context
);
2023-05-17 20:31:24 +02:00
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
// Add loading optimization attributes if not available.
$attr = array_merge ( $attr , $loading_optimization_attr );
2014-04-15 03:36:14 +02:00
2023-01-31 20:41:14 +01:00
// Omit the `decoding` attribute if the value is invalid according to the spec.
if ( empty ( $attr [ 'decoding' ] ) || ! in_array ( $attr [ 'decoding' ], array ( 'async' , 'sync' , 'auto' ), true ) ) {
unset ( $attr [ 'decoding' ] );
}
2020-08-25 00:04:04 +02:00
// If the default value of `lazy` for the `loading` attribute is overridden
// to omit the attribute for this image, ensure it is not included.
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
if ( isset ( $attr [ 'loading' ] ) && ! $attr [ 'loading' ] ) {
2020-07-02 04:03:03 +02:00
unset ( $attr [ 'loading' ] );
}
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
// If the `fetchpriority` attribute is overridden and set to false or an empty string.
if ( isset ( $attr [ 'fetchpriority' ] ) && ! $attr [ 'fetchpriority' ] ) {
unset ( $attr [ 'fetchpriority' ] );
}
2015-10-28 21:01:26 +01:00
// Generate 'srcset' and 'sizes' if not already present.
2015-10-26 19:40:24 +01:00
if ( empty ( $attr [ 'srcset' ] ) ) {
2016-08-21 08:15:30 +02:00
$image_meta = wp_get_attachment_metadata ( $attachment_id );
2015-10-22 18:46:24 +02:00
2015-10-28 21:01:26 +01:00
if ( is_array ( $image_meta ) ) {
$size_array = array ( absint ( $width ), absint ( $height ) );
2017-12-01 00:11:00 +01:00
$srcset = wp_calculate_image_srcset ( $size_array , $src , $image_meta , $attachment_id );
$sizes = wp_calculate_image_sizes ( $size_array , $src , $image_meta , $attachment_id );
2015-10-26 19:40:24 +01:00
2015-10-31 00:27:24 +01:00
if ( $srcset && ( $sizes || ! empty ( $attr [ 'sizes' ] ) ) ) {
$attr [ 'srcset' ] = $srcset ;
2015-10-28 21:01:26 +01:00
if ( empty ( $attr [ 'sizes' ] ) ) {
$attr [ 'sizes' ] = $sizes ;
}
2015-10-26 19:40:24 +01:00
}
2015-10-22 18:46:24 +02:00
}
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
}
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the list of attachment image attributes .
2014-04-15 03:36:14 +02:00
*
* @ since 2.8 . 0
*
2020-11-14 17:35:06 +01:00
* @ param string [] $attr Array of attribute values for the image markup , keyed by attribute name .
2020-02-10 23:03:07 +01:00
* See wp_get_attachment_image () .
2014-10-05 19:50:16 +02:00
* @ param WP_Post $attachment Image attachment post .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Requested image size . Can be any registered image size name , or
* an array of width and height values in pixels ( in that order ) .
2014-04-15 03:36:14 +02:00
*/
2014-10-05 19:50:16 +02:00
$attr = apply_filters ( 'wp_get_attachment_image_attributes' , $attr , $attachment , $size );
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
2009-05-05 21:43:53 +02:00
$attr = array_map ( 'esc_attr' , $attr );
2017-12-01 00:11:00 +01:00
$html = rtrim ( " <img $hwstring " );
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
2009-03-08 06:42:17 +01:00
foreach ( $attr as $name => $value ) {
$html .= " $name = " . '"' . $value . '"' ;
}
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
2009-03-08 06:42:17 +01:00
$html .= ' />' ;
2008-03-04 05:21:37 +01:00
}
2008-08-09 07:36:14 +02:00
2020-10-20 17:31:06 +02:00
/**
2022-09-15 12:52:08 +02:00
* Filters the HTML img element representing an image attachment .
2020-10-20 17:31:06 +02:00
*
* @ since 5.6 . 0
*
* @ param string $html HTML img element or empty string on failure .
* @ param int $attachment_id Image attachment ID .
* @ param string | int [] $size Requested image size . Can be any registered image size name , or
* an array of width and height values in pixels ( in that order ) .
* @ param bool $icon Whether the image should be treated as an icon .
2020-11-14 17:35:06 +01:00
* @ param string [] $attr Array of attribute values for the image markup , keyed by attribute name .
2020-10-20 17:31:06 +02:00
* See wp_get_attachment_image () .
*/
return apply_filters ( 'wp_get_attachment_image' , $html , $attachment_id , $size , $icon , $attr );
2008-03-04 05:21:37 +01:00
}
2008-03-03 05:17:37 +01:00
2015-09-22 06:13:27 +02:00
/**
2022-09-15 12:52:08 +02:00
* Gets the URL of an image attachment .
2015-09-22 06:13:27 +02:00
*
* @ since 4.4 . 0
*
* @ param int $attachment_id Image attachment ID .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Optional . Image size . Accepts any registered image size name , or an array of
* width and height values in pixels ( in that order ) . Default 'thumbnail' .
2015-09-22 06:13:27 +02:00
* @ param bool $icon Optional . Whether the image should be treated as an icon . Default false .
2021-02-08 15:14:08 +01:00
* @ return string | false Attachment URL or false if no image is available . If `$size` does not match
* any registered image size , the original image URL will be returned .
2015-09-22 06:13:27 +02:00
*/
function wp_get_attachment_image_url ( $attachment_id , $size = 'thumbnail' , $icon = false ) {
$image = wp_get_attachment_image_src ( $attachment_id , $size , $icon );
2021-11-25 09:35:09 +01:00
return isset ( $image [ 0 ] ) ? $image [ 0 ] : false ;
2015-09-22 06:13:27 +02:00
}
2015-12-30 01:06:28 +01:00
/**
2022-09-15 12:52:08 +02:00
* Gets the attachment path relative to the upload directory .
2015-12-30 01:06:28 +01:00
*
* @ since 4.4 . 1
* @ access private
*
* @ param string $file Attachment file name .
* @ return string Attachment path relative to the upload directory .
*/
function _wp_get_attachment_relative_path ( $file ) {
$dirname = dirname ( $file );
if ( '.' === $dirname ) {
return '' ;
}
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
if ( str_contains ( $dirname , 'wp-content/uploads' ) ) {
2020-01-29 01:45:18 +01:00
// Get the directory name relative to the upload directory (back compat for pre-2.7 uploads).
2015-12-30 01:06:28 +01:00
$dirname = substr ( $dirname , strpos ( $dirname , 'wp-content/uploads' ) + 18 );
$dirname = ltrim ( $dirname , '/' );
}
return $dirname ;
}
2015-10-28 06:41:24 +01:00
/**
2022-09-15 12:52:08 +02:00
* Gets the image size as array from its meta data .
2015-10-28 22:55:24 +01:00
*
* Used for responsive images .
*
* @ since 4.4 . 0
* @ access private
*
2020-09-20 17:55:10 +02:00
* @ param string $size_name Image size . Accepts any registered image size name .
2015-10-28 22:55:24 +01:00
* @ param array $image_meta The image meta data .
2020-09-20 17:55:10 +02:00
* @ return array | false {
* Array of width and height or false if the size isn ' t present in the meta data .
*
* @ type int $ 0 Image width .
* @ type int $ 1 Image height .
* }
2015-10-28 06:41:24 +01:00
*/
2015-10-28 22:55:24 +01:00
function _wp_get_image_size_from_meta ( $size_name , $image_meta ) {
2020-02-09 17:55:09 +01:00
if ( 'full' === $size_name ) {
2015-10-28 06:41:24 +01:00
return array (
absint ( $image_meta [ 'width' ] ),
absint ( $image_meta [ 'height' ] ),
);
2017-12-01 00:11:00 +01:00
} elseif ( ! empty ( $image_meta [ 'sizes' ][ $size_name ] ) ) {
2015-10-28 06:41:24 +01:00
return array (
2017-12-01 00:11:00 +01:00
absint ( $image_meta [ 'sizes' ][ $size_name ][ 'width' ] ),
absint ( $image_meta [ 'sizes' ][ $size_name ][ 'height' ] ),
2015-10-28 06:41:24 +01:00
);
}
return false ;
}
/**
* Retrieves the value for an image attachment 's ' srcset ' attribute .
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
*
* @ since 4.4 . 0
*
2015-11-20 07:13:26 +01:00
* @ see wp_calculate_image_srcset ()
*
2015-11-03 01:19:28 +01:00
* @ param int $attachment_id Image attachment ID .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Optional . Image size . Accepts any registered image size name , or an array of
2015-11-07 22:36:27 +01:00
* width and height values in pixels ( in that order ) . Default 'medium' .
2015-10-28 21:01:26 +01:00
* @ param array $image_meta Optional . The image meta data as returned by 'wp_get_attachment_metadata()' .
2015-11-18 23:44:27 +01:00
* Default null .
2021-01-03 23:04:04 +01:00
* @ return string | false A 'srcset' value string or false .
2015-10-28 06:41:24 +01:00
*/
function wp_get_attachment_image_srcset ( $attachment_id , $size = 'medium' , $image_meta = null ) {
2019-06-15 03:02:52 +02:00
$image = wp_get_attachment_image_src ( $attachment_id , $size );
if ( ! $image ) {
2015-10-28 06:41:24 +01:00
return false ;
}
if ( ! is_array ( $image_meta ) ) {
2016-08-21 08:15:30 +02:00
$image_meta = wp_get_attachment_metadata ( $attachment_id );
2015-10-28 06:41:24 +01:00
}
2017-12-01 00:11:00 +01:00
$image_src = $image [ 0 ];
2015-10-28 06:41:24 +01:00
$size_array = array (
absint ( $image [ 1 ] ),
2017-12-01 00:11:00 +01:00
absint ( $image [ 2 ] ),
2015-10-28 06:41:24 +01:00
);
2015-11-07 22:36:27 +01:00
return wp_calculate_image_srcset ( $size_array , $image_src , $image_meta , $attachment_id );
2015-10-28 06:41:24 +01:00
}
/**
2015-10-28 21:01:26 +01:00
* A helper function to calculate the image sources to include in a 'srcset' attribute .
2015-10-28 06:41:24 +01:00
*
* @ since 4.4 . 0
*
2019-10-26 22:43:04 +02:00
* @ param int [] $size_array {
* An array of width and height values .
*
* @ type int $ 0 The width in pixels .
* @ type int $ 1 The height in pixels .
* }
2015-11-07 22:36:27 +01:00
* @ param string $image_src The 'src' of the image .
2015-10-28 21:01:26 +01:00
* @ param array $image_meta The image meta data as returned by 'wp_get_attachment_metadata()' .
2019-10-26 22:43:04 +02:00
* @ param int $attachment_id Optional . The image attachment ID . Default 0.
2020-11-14 17:35:06 +01:00
* @ return string | false The 'srcset' attribute value . False on error or when only one source exists .
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
*/
2015-11-07 22:36:27 +01:00
function wp_calculate_image_srcset ( $size_array , $image_src , $image_meta , $attachment_id = 0 ) {
2015-12-30 02:04:27 +01:00
/**
2022-09-15 12:52:08 +02:00
* Pre - filters the image meta to be able to fix inconsistencies in the stored data .
2015-12-30 02:04:27 +01:00
*
2016-12-27 10:21:44 +01:00
* @ since 4.5 . 0
*
2015-12-30 02:04:27 +01:00
* @ param array $image_meta The image meta data as returned by 'wp_get_attachment_metadata()' .
2019-10-26 22:43:04 +02:00
* @ param int [] $size_array {
* An array of requested width and height values .
*
* @ type int $ 0 The width in pixels .
* @ type int $ 1 The height in pixels .
* }
2015-12-30 02:04:27 +01:00
* @ param string $image_src The 'src' of the image .
* @ param int $attachment_id The image attachment ID or 0 if not supplied .
*/
$image_meta = apply_filters ( 'wp_calculate_image_srcset_meta' , $image_meta , $size_array , $image_src , $attachment_id );
2016-03-16 18:48:26 +01:00
if ( empty ( $image_meta [ 'sizes' ] ) || ! isset ( $image_meta [ 'file' ] ) || strlen ( $image_meta [ 'file' ] ) < 4 ) {
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
return false ;
}
2015-10-28 06:41:24 +01:00
$image_sizes = $image_meta [ 'sizes' ];
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
2015-10-28 21:01:26 +01:00
// Get the width and height of the image.
2017-12-01 00:11:00 +01:00
$image_width = ( int ) $size_array [ 0 ];
2015-10-28 06:41:24 +01:00
$image_height = ( int ) $size_array [ 1 ];
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
2015-10-28 06:41:24 +01:00
// Bail early if error/no width.
if ( $image_width < 1 ) {
return false ;
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
}
2015-11-04 01:22:26 +01:00
$image_basename = wp_basename ( $image_meta [ 'file' ] );
2015-11-07 03:10:25 +01:00
/*
* WordPress flattens animated GIFs into one frame when generating intermediate sizes .
* To avoid hiding animation in user content , if src is a full size GIF , a srcset attribute is not generated .
* If src is an intermediate size GIF , the full size is excluded from srcset to keep a flattened GIF from becoming animated .
*/
if ( ! isset ( $image_sizes [ 'thumbnail' ][ 'mime-type' ] ) || 'image/gif' !== $image_sizes [ 'thumbnail' ][ 'mime-type' ] ) {
2016-07-06 16:05:29 +02:00
$image_sizes [] = array (
2015-11-07 03:10:25 +01:00
'width' => $image_meta [ 'width' ],
'height' => $image_meta [ 'height' ],
'file' => $image_basename ,
);
} elseif ( strpos ( $image_src , $image_meta [ 'file' ] ) ) {
return false ;
}
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
2015-12-30 02:04:27 +01:00
// Retrieve the uploads sub-directory from the full size image.
$dirname = _wp_get_attachment_relative_path ( $image_meta [ 'file' ] );
2015-10-28 06:41:24 +01:00
2015-12-30 02:04:27 +01:00
if ( $dirname ) {
$dirname = trailingslashit ( $dirname );
2015-10-28 06:41:24 +01:00
}
2017-12-01 00:11:00 +01:00
$upload_dir = wp_get_upload_dir ();
2016-02-18 01:24:27 +01:00
$image_baseurl = trailingslashit ( $upload_dir [ 'baseurl' ] ) . $dirname ;
2015-11-04 01:22:26 +01:00
2016-03-16 23:49:26 +01:00
/*
* If currently on HTTPS , prefer HTTPS URLs when we know they ' re supported by the domain
* ( which is to say , when they share the domain name of the current request ) .
*/
Code Modernization: Replace usage of `substr()` with `str_starts_with()` and `str_ends_with()`.
`str_starts_with()` and `str_ends_with()` were introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) begins or ends with the given substring (needle).
WordPress core includes a polyfill for these functions on PHP < 8.0 as of WordPress 5.9.
This commit uses `str_starts_with()` and `str_ends_with()` in core files where appropriate:
* `$needle === substr( $string, 0, $length )`, where `$length` is the length of `$needle`, is replaced with `str_starts_with( $haystack, $needle )`.
* `$needle === substr( $string, $offset )`, where `$offset` is negative and the absolute value of `$offset` is the length of `$needle`, is replaced with `str_ends_with( $haystack, $needle )`.
This aims to make the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987], [55988].
Props Soean, spacedmonkey, Clorith, ocean90, azaozz, sabernhardt, SergeyBiryukov.
Fixes #58220.
Built from https://develop.svn.wordpress.org/trunk@55990
git-svn-id: http://core.svn.wordpress.org/trunk@55502 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:57:24 +02:00
if ( is_ssl () && ! str_starts_with ( $image_baseurl , 'https' ) && parse_url ( $image_baseurl , PHP_URL_HOST ) === $_SERVER [ 'HTTP_HOST' ] ) {
2016-03-16 23:49:26 +01:00
$image_baseurl = set_url_scheme ( $image_baseurl , 'https' );
}
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
/*
* Images that have been edited in WordPress after being uploaded will
* contain a unique hash . Look for that hash and use it later to filter
* out images that are leftovers from previous versions .
*/
2015-11-04 01:22:26 +01:00
$image_edited = preg_match ( '/-e[0-9]{13}/' , wp_basename ( $image_src ), $image_edit_hash );
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
2015-10-22 21:31:25 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the maximum image width to be included in a 'srcset' attribute .
2015-10-22 21:31:25 +02:00
*
* @ since 4.4 . 0
*
2019-09-06 00:27:58 +02:00
* @ param int $max_width The maximum image width to be included in the 'srcset' . Default '2048' .
2019-10-26 22:43:04 +02:00
* @ param int [] $size_array {
* An array of requested width and height values .
*
* @ type int $ 0 The width in pixels .
* @ type int $ 1 The height in pixels .
* }
2015-10-22 21:31:25 +02:00
*/
2019-09-06 00:27:58 +02:00
$max_srcset_image_width = apply_filters ( 'max_srcset_image_width' , 2048 , $size_array );
2015-10-22 21:31:25 +02:00
2015-10-28 06:41:24 +01:00
// Array to hold URL candidates.
$sources = array ();
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
2015-12-30 02:04:27 +01:00
/**
* To make sure the ID matches our image src , we will check to see if any sizes in our attachment
2016-02-12 19:15:30 +01:00
* meta match our $image_src . If no matches are found we don ' t return a srcset to avoid serving
2015-12-30 02:04:27 +01:00
* an incorrect image . See #35045.
*/
$src_matched = false ;
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
/*
2015-10-28 06:41:24 +01:00
* Loop through available images . Only use images that are resized
* versions of the same edit .
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
*/
2015-10-28 06:41:24 +01:00
foreach ( $image_sizes as $image ) {
2016-03-18 20:45:26 +01:00
$is_src = false ;
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
2016-03-16 03:18:25 +01:00
// Check if image meta isn't corrupted.
if ( ! is_array ( $image ) ) {
continue ;
}
2015-12-30 02:04:27 +01:00
// If the file name is part of the `src`, we've confirmed a match.
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
if ( ! $src_matched && str_contains ( $image_src , $dirname . $image [ 'file' ] ) ) {
2019-06-15 03:02:52 +02:00
$src_matched = true ;
$is_src = true ;
2015-12-30 02:04:27 +01:00
}
2015-10-28 06:41:24 +01:00
// Filter out images that are from previous edits.
if ( $image_edited && ! strpos ( $image [ 'file' ], $image_edit_hash [ 0 ] ) ) {
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
continue ;
}
2015-12-28 03:29:28 +01:00
/*
2016-05-22 20:32:27 +02:00
* Filters out images that are wider than '$max_srcset_image_width' unless
2015-12-28 03:29:28 +01:00
* that file is in the 'src' attribute .
*/
2016-03-18 20:45:26 +01:00
if ( $max_srcset_image_width && $image [ 'width' ] > $max_srcset_image_width && ! $is_src ) {
2015-10-23 19:38:25 +02:00
continue ;
2015-10-22 21:31:25 +02:00
}
2015-12-20 03:39:32 +01:00
// If the image dimensions are within 1px of the expected size, use it.
2016-07-18 04:14:29 +02:00
if ( wp_image_matches_ratio ( $image_width , $image_height , $image [ 'width' ], $image [ 'height' ] ) ) {
2015-10-28 06:41:24 +01:00
// Add the URL, descriptor, and value to the sources array to be returned.
2016-03-18 20:45:26 +01:00
$source = array (
2015-11-04 01:22:26 +01:00
'url' => $image_baseurl . $image [ 'file' ],
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
'descriptor' => 'w' ,
2015-10-28 06:41:24 +01:00
'value' => $image [ 'width' ],
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
);
2016-03-18 20:45:26 +01:00
// The 'src' image has to be the first in the 'srcset', because of a bug in iOS8. See #35030.
if ( $is_src ) {
$sources = array ( $image [ 'width' ] => $source ) + $sources ;
} else {
$sources [ $image [ 'width' ] ] = $source ;
}
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
}
}
/**
2016-05-22 20:32:27 +02:00
* Filters an image 's ' srcset ' sources .
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
*
* @ since 4.4 . 0
*
2015-11-10 00:30:26 +01:00
* @ param array $sources {
2015-11-10 00:34:27 +01:00
* One or more arrays of source data to include in the 'srcset' .
2015-11-03 01:19:28 +01:00
*
2015-11-20 07:16:26 +01:00
* @ type array $width {
* @ type string $url The URL of an image source .
* @ type string $descriptor The descriptor type used in the image candidate string ,
* either 'w' or 'x' .
* @ type int $value The source width if paired with a 'w' descriptor , or a
* pixel density value if paired with an 'x' descriptor .
2015-11-10 00:30:26 +01:00
* }
* }
2019-10-26 22:43:04 +02:00
* @ param array $size_array {
* An array of requested width and height values .
*
* @ type int $ 0 The width in pixels .
* @ type int $ 1 The height in pixels .
* }
2015-11-10 00:30:26 +01:00
* @ param string $image_src The 'src' of the image .
* @ param array $image_meta The image meta data as returned by 'wp_get_attachment_metadata()' .
2016-07-13 17:24:55 +02:00
* @ param int $attachment_id Image attachment ID or 0.
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
*/
2015-11-10 00:30:26 +01:00
$sources = apply_filters ( 'wp_calculate_image_srcset' , $sources , $size_array , $image_src , $image_meta , $attachment_id );
2015-10-31 00:27:24 +01:00
// Only return a 'srcset' value if there is more than one source.
2018-02-02 08:48:31 +01:00
if ( ! $src_matched || ! is_array ( $sources ) || count ( $sources ) < 2 ) {
2015-10-31 00:27:24 +01:00
return false ;
}
$srcset = '' ;
foreach ( $sources as $source ) {
2016-07-13 17:24:55 +02:00
$srcset .= str_replace ( ' ' , '%20' , $source [ 'url' ] ) . ' ' . $source [ 'value' ] . $source [ 'descriptor' ] . ', ' ;
2015-10-31 00:27:24 +01:00
}
return rtrim ( $srcset , ', ' );
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
}
2015-11-07 22:36:27 +01:00
/**
* Retrieves the value for an image attachment 's ' sizes ' attribute .
*
* @ since 4.4 . 0
*
2015-11-20 07:13:26 +01:00
* @ see wp_calculate_image_sizes ()
*
2015-11-07 22:36:27 +01:00
* @ param int $attachment_id Image attachment ID .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Optional . Image size . Accepts any registered image size name , or an array of
* width and height values in pixels ( in that order ) . Default 'medium' .
2015-11-07 22:36:27 +01:00
* @ param array $image_meta Optional . The image meta data as returned by 'wp_get_attachment_metadata()' .
2015-11-18 23:44:27 +01:00
* Default null .
2021-01-03 23:04:04 +01:00
* @ return string | false A valid source size value for use in a 'sizes' attribute or false .
2015-11-07 22:36:27 +01:00
*/
function wp_get_attachment_image_sizes ( $attachment_id , $size = 'medium' , $image_meta = null ) {
2019-06-15 03:02:52 +02:00
$image = wp_get_attachment_image_src ( $attachment_id , $size );
if ( ! $image ) {
2015-11-07 22:36:27 +01:00
return false ;
}
if ( ! is_array ( $image_meta ) ) {
2016-08-21 08:15:30 +02:00
$image_meta = wp_get_attachment_metadata ( $attachment_id );
2015-11-07 22:36:27 +01:00
}
2017-12-01 00:11:00 +01:00
$image_src = $image [ 0 ];
2015-11-07 22:36:27 +01:00
$size_array = array (
absint ( $image [ 1 ] ),
2017-12-01 00:11:00 +01:00
absint ( $image [ 2 ] ),
2015-11-07 22:36:27 +01:00
);
return wp_calculate_image_sizes ( $size_array , $image_src , $image_meta , $attachment_id );
}
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
/**
2015-11-18 19:53:27 +01:00
* Creates a 'sizes' attribute value for an image .
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
*
* @ since 4.4 . 0
*
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Image size . Accepts any registered image size name , or an array of
* width and height values in pixels ( in that order ) .
2015-11-18 19:53:27 +01:00
* @ param string $image_src Optional . The URL to the image file . Default null .
2015-10-28 21:01:26 +01:00
* @ param array $image_meta Optional . The image meta data as returned by 'wp_get_attachment_metadata()' .
2015-11-18 19:53:27 +01:00
* Default null .
* @ param int $attachment_id Optional . Image attachment ID . Either `$image_meta` or `$attachment_id`
* is needed when using the image size name as argument for `$size` . Default 0.
2020-11-14 17:35:06 +01:00
* @ return string | false A valid source size value for use in a 'sizes' attribute or false .
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
*/
2015-11-18 19:53:27 +01:00
function wp_calculate_image_sizes ( $size , $image_src = null , $image_meta = null , $attachment_id = 0 ) {
2015-10-28 06:41:24 +01:00
$width = 0 ;
2015-11-03 01:19:28 +01:00
if ( is_array ( $size ) ) {
2015-10-28 06:41:24 +01:00
$width = absint ( $size [ 0 ] );
} elseif ( is_string ( $size ) ) {
if ( ! $image_meta && $attachment_id ) {
2016-08-21 08:15:30 +02:00
$image_meta = wp_get_attachment_metadata ( $attachment_id );
2015-10-28 06:41:24 +01:00
}
2015-10-28 21:01:26 +01:00
if ( is_array ( $image_meta ) ) {
2015-10-31 00:36:25 +01:00
$size_array = _wp_get_image_size_from_meta ( $size , $image_meta );
if ( $size_array ) {
$width = absint ( $size_array [ 0 ] );
2015-10-28 06:41:24 +01:00
}
}
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
}
2015-10-28 06:41:24 +01:00
if ( ! $width ) {
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
return false ;
}
2015-10-28 21:01:26 +01:00
// Setup the default 'sizes' attribute.
$sizes = sprintf ( '(max-width: %1$dpx) 100vw, %1$dpx' , $width );
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the output of 'wp_calculate_image_sizes()' .
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
*
* @ since 4.4 . 0
*
2015-10-22 18:46:24 +02:00
* @ param string $sizes A source size value for use in a 'sizes' attribute .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Requested image size . Can be any registered image size name , or
* an array of width and height values in pixels ( in that order ) .
2015-11-18 19:53:27 +01:00
* @ param string | null $image_src The URL to the image file or null .
* @ param array | null $image_meta The image meta data as returned by wp_get_attachment_metadata () or null .
* @ param int $attachment_id Image attachment ID of the original image or 0.
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
*/
2015-11-07 22:36:27 +01:00
return apply_filters ( 'wp_calculate_image_sizes' , $sizes , $size , $image_src , $image_meta , $attachment_id );
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
}
2020-07-06 01:32:03 +02:00
/**
* Determines if the image meta data is for the image source file .
*
* The image meta data is retrieved by attachment post ID . In some cases the post IDs may change .
* For example when the website is exported and imported at another website . Then the
* attachment post IDs that are in post_content for the exported website may not match
* the same attachments at the new website .
*
* @ since 5.5 . 0
*
2020-07-21 18:55:08 +02:00
* @ param string $image_location The full path or URI to the image file .
* @ param array $image_meta The attachment meta data as returned by 'wp_get_attachment_metadata()' .
* @ param int $attachment_id Optional . The image attachment ID . Default 0.
2020-07-06 01:32:03 +02:00
* @ return bool Whether the image meta is for this image file .
*/
2020-07-21 18:55:08 +02:00
function wp_image_file_matches_image_meta ( $image_location , $image_meta , $attachment_id = 0 ) {
2020-07-06 01:32:03 +02:00
$match = false ;
// Ensure the $image_meta is valid.
if ( isset ( $image_meta [ 'file' ] ) && strlen ( $image_meta [ 'file' ] ) > 4 ) {
2022-10-12 15:23:14 +02:00
// Remove query args in image URI.
2020-07-06 01:32:03 +02:00
list ( $image_location ) = explode ( '?' , $image_location );
// Check if the relative image path from the image meta is at the end of $image_location.
if ( strrpos ( $image_location , $image_meta [ 'file' ] ) === strlen ( $image_location ) - strlen ( $image_meta [ 'file' ] ) ) {
$match = true ;
2020-07-12 23:20:03 +02:00
} else {
2020-07-06 01:32:03 +02:00
// Retrieve the uploads sub-directory from the full size image.
$dirname = _wp_get_attachment_relative_path ( $image_meta [ 'file' ] );
if ( $dirname ) {
$dirname = trailingslashit ( $dirname );
}
2020-07-12 23:20:03 +02:00
if ( ! empty ( $image_meta [ 'original_image' ] ) ) {
$relative_path = $dirname . $image_meta [ 'original_image' ];
2020-07-06 01:32:03 +02:00
if ( strrpos ( $image_location , $relative_path ) === strlen ( $image_location ) - strlen ( $relative_path ) ) {
$match = true ;
2020-07-12 23:20:03 +02:00
}
}
if ( ! $match && ! empty ( $image_meta [ 'sizes' ] ) ) {
foreach ( $image_meta [ 'sizes' ] as $image_size_data ) {
$relative_path = $dirname . $image_size_data [ 'file' ];
if ( strrpos ( $image_location , $relative_path ) === strlen ( $image_location ) - strlen ( $relative_path ) ) {
$match = true ;
break ;
}
2020-07-06 01:32:03 +02:00
}
}
}
}
/**
2020-08-11 02:34:08 +02:00
* Filters whether an image path or URI matches image meta .
2020-07-06 01:32:03 +02:00
*
* @ since 5.5 . 0
*
* @ param bool $match Whether the image relative path from the image meta
* matches the end of the URI or path to the image file .
* @ param string $image_location Full path or URI to the tested image file .
2020-07-21 18:55:08 +02:00
* @ param array $image_meta The image meta data as returned by 'wp_get_attachment_metadata()' .
* @ param int $attachment_id The image attachment ID or 0 if not supplied .
2020-07-06 01:32:03 +02:00
*/
2020-07-21 18:55:08 +02:00
return apply_filters ( 'wp_image_file_matches_image_meta' , $match , $image_location , $image_meta , $attachment_id );
2020-07-06 01:32:03 +02:00
}
2020-06-30 21:30:08 +02:00
/**
* Determines an image ' s width and height dimensions based on the source file .
*
* @ since 5.5 . 0
*
2020-07-21 18:55:08 +02:00
* @ param string $image_src The image source file .
* @ param array $image_meta The image meta data as returned by 'wp_get_attachment_metadata()' .
* @ param int $attachment_id Optional . The image attachment ID . Default 0.
2020-06-30 21:30:08 +02:00
* @ return array | false Array with first element being the width and second element being the height ,
* or false if dimensions cannot be determined .
*/
2020-07-21 18:55:08 +02:00
function wp_image_src_get_dimensions ( $image_src , $image_meta , $attachment_id = 0 ) {
2021-02-02 03:59:05 +01:00
$dimensions = false ;
2020-06-30 21:30:08 +02:00
2020-07-06 01:32:03 +02:00
// Is it a full size image?
2021-02-02 05:27:06 +01:00
if (
isset ( $image_meta [ 'file' ] ) &&
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
str_contains ( $image_src , wp_basename ( $image_meta [ 'file' ] ) )
2021-02-02 05:27:06 +01:00
) {
2021-02-02 03:59:05 +01:00
$dimensions = array (
2020-06-30 21:30:08 +02:00
( int ) $image_meta [ 'width' ],
( int ) $image_meta [ 'height' ],
);
}
2021-02-02 03:59:05 +01:00
if ( ! $dimensions && ! empty ( $image_meta [ 'sizes' ] ) ) {
2020-07-06 01:32:03 +02:00
$src_filename = wp_basename ( $image_src );
foreach ( $image_meta [ 'sizes' ] as $image_size_data ) {
if ( $src_filename === $image_size_data [ 'file' ] ) {
2021-02-02 03:59:05 +01:00
$dimensions = array (
2020-07-06 01:32:03 +02:00
( int ) $image_size_data [ 'width' ],
( int ) $image_size_data [ 'height' ],
);
2021-02-02 03:59:05 +01:00
break ;
2020-07-06 01:32:03 +02:00
}
2020-06-30 21:30:08 +02:00
}
}
2021-02-02 03:59:05 +01:00
/**
2021-02-02 18:10:04 +01:00
* Filters the 'wp_image_src_get_dimensions' value .
2021-02-02 03:59:05 +01:00
*
* @ since 5.7 . 0
*
* @ param array | false $dimensions Array with first element being the width
* and second element being the height , or
* false if dimensions could not be determined .
* @ param string $image_src The image source file .
* @ param array $image_meta The image meta data as returned by
* 'wp_get_attachment_metadata()' .
* @ param int $attachment_id The image attachment ID . Default 0.
*/
return apply_filters ( 'wp_image_src_get_dimensions' , $dimensions , $image_src , $image_meta , $attachment_id );
2020-06-30 21:30:08 +02:00
}
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
/**
* Adds 'srcset' and 'sizes' attributes to an existing 'img' element .
*
* @ since 4.4 . 0
*
2015-11-20 07:13:26 +01:00
* @ see wp_calculate_image_srcset ()
* @ see wp_calculate_image_sizes ()
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
*
2015-10-28 06:41:24 +01:00
* @ param string $image An HTML 'img' element to be filtered .
2015-10-28 21:01:26 +01:00
* @ param array $image_meta The image meta data as returned by 'wp_get_attachment_metadata()' .
2015-10-28 06:41:24 +01:00
* @ param int $attachment_id Image attachment ID .
2015-10-28 21:01:26 +01:00
* @ return string Converted 'img' element with 'srcset' and 'sizes' attributes added .
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
*/
2015-10-28 06:41:24 +01:00
function wp_image_add_srcset_and_sizes ( $image , $image_meta , $attachment_id ) {
2015-10-28 21:01:26 +01:00
// Ensure the image meta exists.
2015-10-28 06:41:24 +01:00
if ( empty ( $image_meta [ 'sizes' ] ) ) {
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
return $image ;
}
2017-12-01 00:11:00 +01:00
$image_src = preg_match ( '/src="([^"]+)"/' , $image , $match_src ) ? $match_src [ 1 ] : '' ;
2015-11-07 22:36:27 +01:00
list ( $image_src ) = explode ( '?' , $image_src );
2015-10-22 18:46:24 +02:00
2015-10-28 21:01:26 +01:00
// Return early if we couldn't get the image source.
2015-11-07 22:36:27 +01:00
if ( ! $image_src ) {
2015-10-28 06:41:24 +01:00
return $image ;
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
}
2015-10-28 21:01:26 +01:00
// Bail early if an image has been inserted and later edited.
2015-10-28 06:41:24 +01:00
if ( preg_match ( '/-e[0-9]{13}/' , $image_meta [ 'file' ], $img_edit_hash ) &&
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
! str_contains ( wp_basename ( $image_src ), $img_edit_hash [ 0 ] ) ) {
2015-10-26 19:42:24 +01:00
2015-10-28 06:41:24 +01:00
return $image ;
}
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
2017-12-01 00:11:00 +01:00
$width = preg_match ( '/ width="([0-9]+)"/' , $image , $match_width ) ? ( int ) $match_width [ 1 ] : 0 ;
2015-10-28 06:41:24 +01:00
$height = preg_match ( '/ height="([0-9]+)"/' , $image , $match_height ) ? ( int ) $match_height [ 1 ] : 0 ;
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
2020-06-30 21:30:08 +02:00
if ( $width && $height ) {
$size_array = array ( $width , $height );
} else {
2020-07-21 18:55:08 +02:00
$size_array = wp_image_src_get_dimensions ( $image_src , $image_meta , $attachment_id );
2020-06-30 21:30:08 +02:00
if ( ! $size_array ) {
2020-06-25 20:45:08 +02:00
return $image ;
}
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
}
2020-06-30 21:30:08 +02:00
$srcset = wp_calculate_image_srcset ( $size_array , $image_src , $image_meta , $attachment_id );
2015-10-28 06:41:24 +01:00
2015-10-31 00:27:24 +01:00
if ( $srcset ) {
2015-11-18 20:48:26 +01:00
// Check if there is already a 'sizes' attribute.
$sizes = strpos ( $image , ' sizes=' );
if ( ! $sizes ) {
$sizes = wp_calculate_image_sizes ( $size_array , $image_src , $image_meta , $attachment_id );
}
2015-10-28 06:41:24 +01:00
}
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
2015-10-28 06:41:24 +01:00
if ( $srcset && $sizes ) {
2015-10-28 21:01:26 +01:00
// Format the 'srcset' and 'sizes' string and escape attributes.
2020-06-30 21:30:08 +02:00
$attr = sprintf ( ' srcset="%s"' , esc_attr ( $srcset ) );
2015-11-18 20:48:26 +01:00
if ( is_string ( $sizes ) ) {
$attr .= sprintf ( ' sizes="%s"' , esc_attr ( $sizes ) );
}
2015-10-26 19:42:24 +01:00
2020-06-30 22:34:06 +02:00
// Add the srcset and sizes attributes to the image markup.
2020-06-30 21:30:08 +02:00
return preg_replace ( '/<img ([^>]+?)[\/ ]*>/' , '<img $1' . $attr . ' />' , $image );
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
}
2020-06-30 21:30:08 +02:00
return $image ;
Merge the Responsive Images feature plugin into core, initial commit. See: https://github.com/ResponsiveImagesCG/wp-tevko-responsive-images/
New functions in `media.php`:
* `wp_get_attachment_image_srcset_array()` - Returns an array of image candidate string data used to build a `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_srcset()` - Returns the `srcset` value for an attachment given an `$attachement_id` and `$size`.
* `wp_get_attachment_image_sizes()` - Returns the `sizes` value for an attachment given an `$attachement_id` and `$size` and optional arguments used to alter its output.
* `wp_make_content_images_responsive()` - A display filter for adding `srcset` and `sizes` to images embedded in content.
* `wp_img_add_srcset_and_sizes()` - A utility function used by `wp_make_content_images_responsive()` to add `srcset` and `sizes` to a single `<img>` element.
Modifies existing core functions:
* Modify `wp_get_attachment_image()` so the HTML returned for an image includes `srcset` and `sizes`.
* Modify `get_media_embedded_in_content()` (sup, 3.6 leftover) by adding `<img>` to the list of accepted tags that can be matched in content. This is used in `wp_make_content_images_responsive()` to find all of the images embedded in content before passing them off to `wp_img_add_srcset_and_sizes()`.
Tests:
* Add a new factory method to `WP_UnitTest_Factory_For_Attachment` named `create_upload_object()`
* Adds unit tests
* Updates unit tests
Props joemcgill, tevko, jaspermdegroot, mdmcginn, barryceelen, peterwilsoncc, fsylum, wonderboymusic, chriscoyier, benjaminpick, jrfnl, #12kingkool68, janhenckens, ryanmarkel, side777, ryelle, wturrell, micahmills, mattbagwell, coliff, DrewAPicture.
See #33641.
Built from https://develop.svn.wordpress.org/trunk@34855
git-svn-id: http://core.svn.wordpress.org/trunk@34820 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2015-10-06 06:59:24 +02:00
}
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
/**
2020-08-25 00:16:06 +02:00
* Determines whether to add the `loading` attribute to the specified tag in the specified context .
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
*
* @ since 5.5 . 0
2020-12-16 22:19:07 +01:00
* @ since 5.7 . 0 Now returns `true` by default for `iframe` tags .
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
*
* @ param string $tag_name The tag name .
2020-08-25 00:16:06 +02:00
* @ param string $context Additional context , like the current filter name
* or the function name from where this was called .
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
* @ return bool Whether to add the attribute .
*/
function wp_lazy_loading_enabled ( $tag_name , $context ) {
2020-12-16 22:19:07 +01:00
// By default add to all 'img' and 'iframe' tags.
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
// See https://html.spec.whatwg.org/multipage/embedded-content.html#attr-img-loading
2020-12-16 22:19:07 +01:00
// See https://html.spec.whatwg.org/multipage/iframe-embed-object.html#attr-iframe-loading
$default = ( 'img' === $tag_name || 'iframe' === $tag_name );
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
/**
* Filters whether to add the `loading` attribute to the specified tag in the specified context .
*
* @ since 5.5 . 0
*
2020-06-20 00:28:13 +02:00
* @ param bool $default Default value .
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
* @ param string $tag_name The tag name .
2020-08-25 00:16:06 +02:00
* @ param string $context Additional context , like the current filter name
* or the function name from where this was called .
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
*/
return ( bool ) apply_filters ( 'wp_lazy_loading_enabled' , $default , $tag_name , $context );
}
/**
2020-07-27 23:49:04 +02:00
* Filters specific tags in post content and modifies their markup .
*
* Modifies HTML tags in post content to include new browser and HTML technologies
* that may not have existed at the time of post creation . These modifications currently
2020-12-16 22:19:07 +01:00
* include adding `srcset` , `sizes` , and `loading` attributes to `img` HTML tags , as well
* as adding `loading` attributes to `iframe` HTML tags .
2020-07-27 23:49:04 +02:00
* Future similar optimizations should be added / expected here .
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
*
* @ since 5.5 . 0
2020-12-16 22:19:07 +01:00
* @ since 5.7 . 0 Now supports adding `loading` attributes to `iframe` tags .
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
*
2020-06-30 21:30:08 +02:00
* @ see wp_img_tag_add_width_and_height_attr ()
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
* @ see wp_img_tag_add_srcset_and_sizes_attr ()
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
* @ see wp_img_tag_add_loading_optimization_attrs ()
2020-12-16 22:19:07 +01:00
* @ see wp_iframe_tag_add_loading_attr ()
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
*
* @ param string $content The HTML content to be filtered .
2020-06-26 20:49:09 +02:00
* @ param string $context Optional . Additional context to pass to the filters .
* Defaults to `current_filter()` when not set .
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
* @ return string Converted content with images modified .
*/
function wp_filter_content_tags ( $content , $context = null ) {
if ( null === $context ) {
$context = current_filter ();
}
2020-12-16 22:19:07 +01:00
$add_iframe_loading_attr = wp_lazy_loading_enabled ( 'iframe' , $context );
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
2020-12-16 22:19:07 +01:00
if ( ! preg_match_all ( '/<(img|iframe)\s[^>]+>/' , $content , $matches , PREG_SET_ORDER ) ) {
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
return $content ;
}
// List of the unique `img` tags found in $content.
$images = array ();
2020-12-16 22:19:07 +01:00
// List of the unique `iframe` tags found in $content.
$iframes = array ();
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
2020-12-16 22:19:07 +01:00
foreach ( $matches as $match ) {
list ( $tag , $tag_name ) = $match ;
switch ( $tag_name ) {
case 'img' :
if ( preg_match ( '/wp-image-([0-9]+)/i' , $tag , $class_id ) ) {
$attachment_id = absint ( $class_id [ 1 ] );
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
2020-12-16 22:19:07 +01:00
if ( $attachment_id ) {
// If exactly the same image tag is used more than once, overwrite it.
// All identical tags will be replaced later with 'str_replace()'.
$images [ $tag ] = $attachment_id ;
break ;
}
}
$images [ $tag ] = 0 ;
break ;
case 'iframe' :
$iframes [ $tag ] = 0 ;
break ;
}
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
}
// Reduce the array to unique attachment IDs.
$attachment_ids = array_unique ( array_filter ( array_values ( $images ) ) );
if ( count ( $attachment_ids ) > 1 ) {
/*
* Warm the object cache with post and meta information for all found
* images to avoid making individual database calls .
*/
_prime_post_caches ( $attachment_ids , false , true );
}
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
// Iterate through the matches in order of occurrence as it is relevant for whether or not to lazy-load.
foreach ( $matches as $match ) {
// Filter an image match.
if ( isset ( $images [ $match [ 0 ] ] ) ) {
$filtered_image = $match [ 0 ];
$attachment_id = $images [ $match [ 0 ] ];
// Add 'width' and 'height' attributes if applicable.
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
if ( $attachment_id > 0 && ! str_contains ( $filtered_image , ' width=' ) && ! str_contains ( $filtered_image , ' height=' ) ) {
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
$filtered_image = wp_img_tag_add_width_and_height_attr ( $filtered_image , $context , $attachment_id );
}
2020-06-30 21:30:08 +02:00
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
// Add 'srcset' and 'sizes' attributes if applicable.
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
if ( $attachment_id > 0 && ! str_contains ( $filtered_image , ' srcset=' ) ) {
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
$filtered_image = wp_img_tag_add_srcset_and_sizes_attr ( $filtered_image , $context , $attachment_id );
}
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
// Add loading optimization attributes if applicable.
$filtered_image = wp_img_tag_add_loading_optimization_attrs ( $filtered_image , $context );
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
Media: Add `decoding="async"` to image attributes.
Dynamically add `decoding="async"` to image tags on the front end of a site to instruct browsers to download them in parallel.
Modifies `wp_get_attachment_image()`, `get_avatar()` to include the attribute by default. Modifies `wp_filter_content_tags()` to add the attribute during the front-end render of the site.
Introduces `wp_img_tag_add_decoding_attr()` to take an image tag and modify it to include the attribute. Introduces the filter `wp_img_tag_add_decoding_attr` used to define the default value for the attribute.
Props adamsilverstein, ayeshrajans, costdev, flixos90, hellofromtonya, isaumya, michaelbourne, mihai2u, mitogh, sergiomdgomes, spacedmonkey, westonruter, peterwilsoncc.
Fixes #53232.
Built from https://develop.svn.wordpress.org/trunk@53480
git-svn-id: http://core.svn.wordpress.org/trunk@53069 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-06-09 07:31:12 +02:00
// Add 'decoding=async' attribute unless a 'decoding' attribute is already present.
if ( ! str_contains ( $filtered_image , ' decoding=' ) ) {
$filtered_image = wp_img_tag_add_decoding_attr ( $filtered_image , $context );
}
2022-03-30 01:58:18 +02:00
/**
* Filters an img tag within the content for a given context .
*
* @ since 6.0 . 0
*
* @ param string $filtered_image Full img tag with attributes that will replace the source img tag .
* @ param string $context Additional context , like the current filter name or the function name from where this was called .
* @ param int $attachment_id The image attachment ID . May be 0 in case the image is not an attachment .
*/
$filtered_image = apply_filters ( 'wp_content_img_tag' , $filtered_image , $context , $attachment_id );
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
if ( $filtered_image !== $match [ 0 ] ) {
$content = str_replace ( $match [ 0 ], $filtered_image , $content );
}
2022-04-12 07:18:08 +02:00
/*
* Unset image lookup to not run the same logic again unnecessarily if the same image tag is used more than
* once in the same blob of content .
*/
unset ( $images [ $match [ 0 ] ] );
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
}
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
// Filter an iframe match.
if ( isset ( $iframes [ $match [ 0 ] ] ) ) {
$filtered_iframe = $match [ 0 ];
2020-12-16 22:19:07 +01:00
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
// Add 'loading' attribute if applicable.
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
if ( $add_iframe_loading_attr && ! str_contains ( $filtered_iframe , ' loading=' ) ) {
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
$filtered_iframe = wp_iframe_tag_add_loading_attr ( $filtered_iframe , $context );
}
2020-12-16 22:19:07 +01:00
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
if ( $filtered_iframe !== $match [ 0 ] ) {
$content = str_replace ( $match [ 0 ], $filtered_iframe , $content );
}
2022-04-12 07:18:08 +02:00
/*
* Unset iframe lookup to not run the same logic again unnecessarily if the same iframe tag is used more
* than once in the same blob of content .
*/
unset ( $iframes [ $match [ 0 ] ] );
2020-12-16 22:19:07 +01:00
}
}
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
return $content ;
}
/**
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
* Adds optimization attributes to an `img` HTML tag .
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
*
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
* @ since 6.3 . 0
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
*
* @ param string $image The HTML `img` tag where the attribute should be added .
* @ param string $context Additional context to pass to the filters .
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
* @ return string Converted `img` tag with optimization attributes added .
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
*/
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
function wp_img_tag_add_loading_optimization_attrs ( $image , $context ) {
$width = preg_match ( '/ width=["\']([0-9]+)["\']/' , $image , $match_width ) ? ( int ) $match_width [ 1 ] : null ;
$height = preg_match ( '/ height=["\']([0-9]+)["\']/' , $image , $match_height ) ? ( int ) $match_height [ 1 ] : null ;
$loading_val = preg_match ( '/ loading=["\']([A-Za-z]+)["\']/' , $image , $match_loading ) ? $match_loading [ 1 ] : null ;
$fetchpriority_val = preg_match ( '/ fetchpriority=["\']([A-Za-z]+)["\']/' , $image , $match_fetchpriority ) ? $match_fetchpriority [ 1 ] : null ;
/*
* Get loading optimization attributes to use .
* This must occur before the conditional check below so that even images
* that are ineligible for being lazy - loaded are considered .
*/
$optimization_attrs = wp_get_loading_optimization_attributes (
'img' ,
array (
'width' => $width ,
'height' => $height ,
'loading' => $loading_val ,
'fetchpriority' => $fetchpriority_val ,
),
$context
);
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
// Images should have source and dimension attributes for the loading optimization attributes to be added.
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
if ( ! str_contains ( $image , ' src="' ) || ! str_contains ( $image , ' width="' ) || ! str_contains ( $image , ' height="' ) ) {
2021-04-07 03:01:05 +02:00
return $image ;
}
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
// Retained for backward compatibility.
$loading_attrs_enabled = wp_lazy_loading_enabled ( 'img' , $context );
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
if ( empty ( $loading_val ) && $loading_attrs_enabled ) {
/**
* Filters the `loading` attribute value to add to an image . Default `lazy` .
* This filter is added in for backward compatibility .
*
* Returning `false` or an empty string will not add the attribute .
* Returning `true` will add the default value .
* `true` and `false` usage supported for backward compatibility .
*
* @ since 5.5 . 0
*
* @ param string | bool $loading Current value for `loading` attribute for the image .
* @ param string $image The HTML `img` tag to be filtered .
* @ param string $context Additional context about how the function was called or where the img tag is .
*/
$filtered_loading_attr = apply_filters (
'wp_img_tag_add_loading_attr' ,
isset ( $optimization_attrs [ 'loading' ] ) ? $optimization_attrs [ 'loading' ] : false ,
$image ,
$context
);
// Validate the values after filtering.
if ( isset ( $optimization_attrs [ 'loading' ] ) && ! $filtered_loading_attr ) {
// Unset `loading` attributes if `$filtered_loading_attr` is set to `false`.
unset ( $optimization_attrs [ 'loading' ] );
} elseif ( in_array ( $filtered_loading_attr , array ( 'lazy' , 'eager' ), true ) ) {
/*
* If the filter changed the loading attribute to " lazy " when a fetchpriority attribute
* with value " high " is already present , trigger a warning since those two attribute
* values should be mutually exclusive .
*
* The same warning is present in `wp_get_loading_optimization_attributes()` , and here it
* is only intended for the specific scenario where the above filtered caused the problem .
*/
if ( isset ( $optimization_attrs [ 'fetchpriority' ] ) && 'high' === $optimization_attrs [ 'fetchpriority' ] &&
( isset ( $optimization_attrs [ 'loading' ] ) ? $optimization_attrs [ 'loading' ] : false ) !== $filtered_loading_attr &&
'lazy' === $filtered_loading_attr
) {
_doing_it_wrong (
__FUNCTION__ ,
__ ( 'An image should not be lazy-loaded and marked as high priority at the same time.' ),
'6.3.0'
);
}
// The filtered value will still be respected.
$optimization_attrs [ 'loading' ] = $filtered_loading_attr ;
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
}
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
if ( ! empty ( $optimization_attrs [ 'loading' ] ) ) {
$image = str_replace ( '<img' , '<img loading="' . esc_attr ( $optimization_attrs [ 'loading' ] ) . '"' , $image );
}
}
if ( empty ( $fetchpriority_val ) && ! empty ( $optimization_attrs [ 'fetchpriority' ] ) ) {
$image = str_replace ( '<img' , '<img fetchpriority="' . esc_attr ( $optimization_attrs [ 'fetchpriority' ] ) . '"' , $image );
2020-06-30 21:30:08 +02:00
}
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
2020-06-30 21:30:08 +02:00
return $image ;
}
Media: Add `decoding="async"` to image attributes.
Dynamically add `decoding="async"` to image tags on the front end of a site to instruct browsers to download them in parallel.
Modifies `wp_get_attachment_image()`, `get_avatar()` to include the attribute by default. Modifies `wp_filter_content_tags()` to add the attribute during the front-end render of the site.
Introduces `wp_img_tag_add_decoding_attr()` to take an image tag and modify it to include the attribute. Introduces the filter `wp_img_tag_add_decoding_attr` used to define the default value for the attribute.
Props adamsilverstein, ayeshrajans, costdev, flixos90, hellofromtonya, isaumya, michaelbourne, mihai2u, mitogh, sergiomdgomes, spacedmonkey, westonruter, peterwilsoncc.
Fixes #53232.
Built from https://develop.svn.wordpress.org/trunk@53480
git-svn-id: http://core.svn.wordpress.org/trunk@53069 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-06-09 07:31:12 +02:00
/**
2022-06-09 18:21:14 +02:00
* Adds `decoding` attribute to an `img` HTML tag .
Media: Add `decoding="async"` to image attributes.
Dynamically add `decoding="async"` to image tags on the front end of a site to instruct browsers to download them in parallel.
Modifies `wp_get_attachment_image()`, `get_avatar()` to include the attribute by default. Modifies `wp_filter_content_tags()` to add the attribute during the front-end render of the site.
Introduces `wp_img_tag_add_decoding_attr()` to take an image tag and modify it to include the attribute. Introduces the filter `wp_img_tag_add_decoding_attr` used to define the default value for the attribute.
Props adamsilverstein, ayeshrajans, costdev, flixos90, hellofromtonya, isaumya, michaelbourne, mihai2u, mitogh, sergiomdgomes, spacedmonkey, westonruter, peterwilsoncc.
Fixes #53232.
Built from https://develop.svn.wordpress.org/trunk@53480
git-svn-id: http://core.svn.wordpress.org/trunk@53069 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-06-09 07:31:12 +02:00
*
* The `decoding` attribute allows developers to indicate whether the
* browser can decode the image off the main thread ( `async` ), on the
* main thread ( `sync` ) or as determined by the browser ( `auto` ) .
*
* By default WordPress adds `decoding="async"` to images but developers
* can use the { @ see 'wp_img_tag_add_decoding_attr' } filter to modify this
* to remove the attribute or set it to another accepted value .
*
* @ since 6.1 . 0
*
* @ param string $image The HTML `img` tag where the attribute should be added .
* @ param string $context Additional context to pass to the filters .
*
* @ return string Converted `img` tag with `decoding` attribute added .
*/
function wp_img_tag_add_decoding_attr ( $image , $context ) {
2022-11-11 02:01:12 +01:00
// Only apply the decoding attribute to images that have a src attribute that
// starts with a double quote, ensuring escaped JSON is also excluded.
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
if ( ! str_contains ( $image , ' src="' ) ) {
2022-11-11 02:01:12 +01:00
return $image ;
}
Media: Add `decoding="async"` to image attributes.
Dynamically add `decoding="async"` to image tags on the front end of a site to instruct browsers to download them in parallel.
Modifies `wp_get_attachment_image()`, `get_avatar()` to include the attribute by default. Modifies `wp_filter_content_tags()` to add the attribute during the front-end render of the site.
Introduces `wp_img_tag_add_decoding_attr()` to take an image tag and modify it to include the attribute. Introduces the filter `wp_img_tag_add_decoding_attr` used to define the default value for the attribute.
Props adamsilverstein, ayeshrajans, costdev, flixos90, hellofromtonya, isaumya, michaelbourne, mihai2u, mitogh, sergiomdgomes, spacedmonkey, westonruter, peterwilsoncc.
Fixes #53232.
Built from https://develop.svn.wordpress.org/trunk@53480
git-svn-id: http://core.svn.wordpress.org/trunk@53069 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-06-09 07:31:12 +02:00
/**
* Filters the `decoding` attribute value to add to an image . Default `async` .
*
* Returning a falsey value will omit the attribute .
*
* @ since 6.1 . 0
*
2022-06-09 18:21:14 +02:00
* @ param string | false | null $value The `decoding` attribute value . Returning a falsey value
* will result in the attribute being omitted for the image .
* Otherwise , it may be : 'async' ( default ), 'sync' , or 'auto' .
Media: Add `decoding="async"` to image attributes.
Dynamically add `decoding="async"` to image tags on the front end of a site to instruct browsers to download them in parallel.
Modifies `wp_get_attachment_image()`, `get_avatar()` to include the attribute by default. Modifies `wp_filter_content_tags()` to add the attribute during the front-end render of the site.
Introduces `wp_img_tag_add_decoding_attr()` to take an image tag and modify it to include the attribute. Introduces the filter `wp_img_tag_add_decoding_attr` used to define the default value for the attribute.
Props adamsilverstein, ayeshrajans, costdev, flixos90, hellofromtonya, isaumya, michaelbourne, mihai2u, mitogh, sergiomdgomes, spacedmonkey, westonruter, peterwilsoncc.
Fixes #53232.
Built from https://develop.svn.wordpress.org/trunk@53480
git-svn-id: http://core.svn.wordpress.org/trunk@53069 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-06-09 07:31:12 +02:00
* @ param string $image The HTML `img` tag to be filtered .
2022-06-09 18:21:14 +02:00
* @ param string $context Additional context about how the function was called
* or where the img tag is .
Media: Add `decoding="async"` to image attributes.
Dynamically add `decoding="async"` to image tags on the front end of a site to instruct browsers to download them in parallel.
Modifies `wp_get_attachment_image()`, `get_avatar()` to include the attribute by default. Modifies `wp_filter_content_tags()` to add the attribute during the front-end render of the site.
Introduces `wp_img_tag_add_decoding_attr()` to take an image tag and modify it to include the attribute. Introduces the filter `wp_img_tag_add_decoding_attr` used to define the default value for the attribute.
Props adamsilverstein, ayeshrajans, costdev, flixos90, hellofromtonya, isaumya, michaelbourne, mihai2u, mitogh, sergiomdgomes, spacedmonkey, westonruter, peterwilsoncc.
Fixes #53232.
Built from https://develop.svn.wordpress.org/trunk@53480
git-svn-id: http://core.svn.wordpress.org/trunk@53069 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-06-09 07:31:12 +02:00
*/
$value = apply_filters ( 'wp_img_tag_add_decoding_attr' , 'async' , $image , $context );
2022-06-09 18:21:14 +02:00
Media: Add `decoding="async"` to image attributes.
Dynamically add `decoding="async"` to image tags on the front end of a site to instruct browsers to download them in parallel.
Modifies `wp_get_attachment_image()`, `get_avatar()` to include the attribute by default. Modifies `wp_filter_content_tags()` to add the attribute during the front-end render of the site.
Introduces `wp_img_tag_add_decoding_attr()` to take an image tag and modify it to include the attribute. Introduces the filter `wp_img_tag_add_decoding_attr` used to define the default value for the attribute.
Props adamsilverstein, ayeshrajans, costdev, flixos90, hellofromtonya, isaumya, michaelbourne, mihai2u, mitogh, sergiomdgomes, spacedmonkey, westonruter, peterwilsoncc.
Fixes #53232.
Built from https://develop.svn.wordpress.org/trunk@53480
git-svn-id: http://core.svn.wordpress.org/trunk@53069 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-06-09 07:31:12 +02:00
if ( in_array ( $value , array ( 'async' , 'sync' , 'auto' ), true ) ) {
$image = str_replace ( '<img ' , '<img decoding="' . esc_attr ( $value ) . '" ' , $image );
}
return $image ;
}
2020-06-30 21:30:08 +02:00
/**
* Adds `width` and `height` attributes to an `img` HTML tag .
*
* @ since 5.5 . 0
*
* @ param string $image The HTML `img` tag where the attribute should be added .
* @ param string $context Additional context to pass to the filters .
* @ param int $attachment_id Image attachment ID .
* @ return string Converted 'img' element with 'width' and 'height' attributes added .
*/
function wp_img_tag_add_width_and_height_attr ( $image , $context , $attachment_id ) {
$image_src = preg_match ( '/src="([^"]+)"/' , $image , $match_src ) ? $match_src [ 1 ] : '' ;
list ( $image_src ) = explode ( '?' , $image_src );
// Return early if we couldn't get the image source.
if ( ! $image_src ) {
return $image ;
}
/**
* Filters whether to add the missing `width` and `height` HTML attributes to the img tag . Default `true` .
*
* Returning anything else than `true` will not add the attributes .
*
* @ since 5.5 . 0
*
* @ param bool $value The filtered value , defaults to `true` .
* @ param string $image The HTML `img` tag where the attribute should be added .
* @ param string $context Additional context about how the function was called or where the img tag is .
* @ param int $attachment_id The image attachment ID .
*/
$add = apply_filters ( 'wp_img_tag_add_width_and_height_attr' , true , $image , $context , $attachment_id );
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
2020-06-30 21:30:08 +02:00
if ( true === $add ) {
$image_meta = wp_get_attachment_metadata ( $attachment_id );
2020-07-21 18:55:08 +02:00
$size_array = wp_image_src_get_dimensions ( $image_src , $image_meta , $attachment_id );
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
2020-06-30 21:30:08 +02:00
if ( $size_array ) {
$hw = trim ( image_hwstring ( $size_array [ 0 ], $size_array [ 1 ] ) );
return str_replace ( '<img' , " <img { $hw } " , $image );
Media: Enable lazy-loading of images by automatically adding the new `loading="lazy"` attribute to image tags on the front-end.
- Introduces `wp_lazy_loading_enabled()`, `wp_filter_content_tags()`, `wp_img_tag_add_loading_attr()`, and `wp_img_tag_add_srcset_and_sizes_attr()` functions.
- Introduces `wp_lazy_loading_enabled`, `wp_img_tag_add_loading_attr`, and `wp_img_tag_add_srcset_and_sizes_attr` filters.
Props flixos90, addyosmani, mor10, swissspidy, pierlo, westonruter, spacedmonkey, mikeschroder, jonoaldersonwp, peterwilsoncc, narwen, jeffpaul, OptimizingMatters, futtta, mukeshpanchal27, azaozz.
Fixes #44427.
Built from https://develop.svn.wordpress.org/trunk@47554
git-svn-id: http://core.svn.wordpress.org/trunk@47329 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2020-04-08 02:55:07 +02:00
}
}
return $image ;
}
/**
* Adds `srcset` and `sizes` attributes to an existing `img` HTML tag .
*
* @ since 5.5 . 0
*
* @ param string $image The HTML `img` tag where the attribute should be added .
* @ param string $context Additional context to pass to the filters .
* @ param int $attachment_id Image attachment ID .
* @ return string Converted 'img' element with 'loading' attribute added .
*/
function wp_img_tag_add_srcset_and_sizes_attr ( $image , $context , $attachment_id ) {
/**
* Filters whether to add the `srcset` and `sizes` HTML attributes to the img tag . Default `true` .
*
* Returning anything else than `true` will not add the attributes .
*
* @ since 5.5 . 0
*
* @ param bool $value The filtered value , defaults to `true` .
* @ param string $image The HTML `img` tag where the attribute should be added .
* @ param string $context Additional context about how the function was called or where the img tag is .
* @ param int $attachment_id The image attachment ID .
*/
$add = apply_filters ( 'wp_img_tag_add_srcset_and_sizes_attr' , true , $image , $context , $attachment_id );
if ( true === $add ) {
$image_meta = wp_get_attachment_metadata ( $attachment_id );
return wp_image_add_srcset_and_sizes ( $image , $image_meta , $attachment_id );
}
return $image ;
}
2020-12-16 22:19:07 +01:00
/**
* Adds `loading` attribute to an `iframe` HTML tag .
*
* @ since 5.7 . 0
*
* @ param string $iframe The HTML `iframe` tag where the attribute should be added .
* @ param string $context Additional context to pass to the filters .
* @ return string Converted `iframe` tag with `loading` attribute added .
*/
function wp_iframe_tag_add_loading_attr ( $iframe , $context ) {
2021-04-07 03:01:05 +02:00
// Iframes with fallback content (see `wp_filter_oembed_result()`) should not be lazy-loaded because they are
// visually hidden initially.
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
if ( str_contains ( $iframe , ' data-secret="' ) ) {
2021-04-07 03:01:05 +02:00
return $iframe ;
}
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
// Get loading attribute value to use. This must occur before the conditional check below so that even iframes that
// are ineligible for being lazy-loaded are considered.
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
$optimization_attrs = wp_get_loading_optimization_attributes (
'iframe' ,
array (
/*
* The concrete values for width and height are not important here for now
* since fetchpriority is not yet supported for iframes .
* TODO : Use WP_HTML_Tag_Processor to extract actual values once support is
* added .
*/
'width' => str_contains ( $iframe , ' width="' ) ? 100 : null ,
'height' => str_contains ( $iframe , ' height="' ) ? 100 : null ,
// This function is never called when a 'loading' attribute is already present.
'loading' => null ,
),
$context
);
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
2021-04-07 03:01:05 +02:00
// Iframes should have source and dimension attributes for the `loading` attribute to be added.
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
if ( ! str_contains ( $iframe , ' src="' ) || ! str_contains ( $iframe , ' width="' ) || ! str_contains ( $iframe , ' height="' ) ) {
2021-04-07 03:01:05 +02:00
return $iframe ;
}
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
$value = isset ( $optimization_attrs [ 'loading' ] ) ? $optimization_attrs [ 'loading' ] : false ;
2020-12-16 22:19:07 +01:00
/**
* Filters the `loading` attribute value to add to an iframe . Default `lazy` .
*
* Returning `false` or an empty string will not add the attribute .
* Returning `true` will add the default value .
*
* @ since 5.7 . 0
*
* @ param string | bool $value The `loading` attribute value . Returning a falsey value will result in
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
* the attribute being omitted for the iframe .
2020-12-16 22:19:07 +01:00
* @ param string $iframe The HTML `iframe` tag to be filtered .
* @ param string $context Additional context about how the function was called or where the iframe tag is .
*/
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
$value = apply_filters ( 'wp_iframe_tag_add_loading_attr' , $value , $iframe , $context );
2020-12-16 22:19:07 +01:00
if ( $value ) {
if ( ! in_array ( $value , array ( 'lazy' , 'eager' ), true ) ) {
$value = 'lazy' ;
}
return str_replace ( '<iframe' , '<iframe loading="' . esc_attr ( $value ) . '"' , $iframe );
}
return $iframe ;
}
2009-10-15 16:27:04 +02:00
/**
2015-02-24 08:42:24 +01:00
* Adds a 'wp-post-image' class to post thumbnails . Internal use only .
2009-10-15 22:26:21 +02:00
*
2016-05-23 21:01:27 +02:00
* Uses the { @ see 'begin_fetch_post_thumbnail_html' } and { @ see 'end_fetch_post_thumbnail_html' }
* action hooks to dynamically add / remove itself so as to only filter post thumbnails .
2015-02-24 08:42:24 +01:00
*
* @ ignore
2009-10-15 16:27:04 +02:00
* @ since 2.9 . 0
2015-02-24 08:42:24 +01:00
*
2019-10-26 23:09:04 +02:00
* @ param string [] $attr Array of thumbnail attributes including src , class , alt , title , keyed by attribute name .
* @ return string [] Modified array of attributes including the new 'wp-post-image' class .
2009-10-15 16:27:04 +02:00
*/
2009-12-10 07:14:36 +01:00
function _wp_post_thumbnail_class_filter ( $attr ) {
2009-10-15 16:27:04 +02:00
$attr [ 'class' ] .= ' wp-post-image' ;
return $attr ;
}
/**
2015-02-24 08:42:24 +01:00
* Adds '_wp_post_thumbnail_class_filter' callback to the 'wp_get_attachment_image_attributes'
* filter hook . Internal use only .
2009-10-15 22:26:21 +02:00
*
2015-02-24 08:42:24 +01:00
* @ ignore
2009-10-15 16:27:04 +02:00
* @ since 2.9 . 0
2015-02-24 08:42:24 +01:00
*
2019-10-26 23:09:04 +02:00
* @ param string [] $attr Array of thumbnail attributes including src , class , alt , title , keyed by attribute name .
2009-10-15 16:27:04 +02:00
*/
2009-12-10 07:14:36 +01:00
function _wp_post_thumbnail_class_filter_add ( $attr ) {
add_filter ( 'wp_get_attachment_image_attributes' , '_wp_post_thumbnail_class_filter' );
2009-10-15 16:27:04 +02:00
}
/**
2015-02-24 08:42:24 +01:00
* Removes the '_wp_post_thumbnail_class_filter' callback from the 'wp_get_attachment_image_attributes'
* filter hook . Internal use only .
2009-10-15 22:26:21 +02:00
*
2015-02-24 08:42:24 +01:00
* @ ignore
2009-10-15 16:27:04 +02:00
* @ since 2.9 . 0
2015-02-24 08:42:24 +01:00
*
2019-10-26 23:09:04 +02:00
* @ param string [] $attr Array of thumbnail attributes including src , class , alt , title , keyed by attribute name .
2009-10-15 16:27:04 +02:00
*/
2009-12-10 07:14:36 +01:00
function _wp_post_thumbnail_class_filter_remove ( $attr ) {
remove_filter ( 'wp_get_attachment_image_attributes' , '_wp_post_thumbnail_class_filter' );
2009-10-15 16:27:04 +02:00
}
2023-05-17 20:31:24 +02:00
/**
* Overrides the context used in { @ see wp_get_attachment_image ()} . Internal use only .
*
* Uses the { @ see 'begin_fetch_post_thumbnail_html' } and { @ see 'end_fetch_post_thumbnail_html' }
* action hooks to dynamically add / remove itself so as to only filter post thumbnails .
*
* @ ignore
* @ since 6.3 . 0
* @ access private
*
* @ param string $context The context for rendering an attachment image .
* @ return string Modified context set to 'the_post_thumbnail' .
*/
function _wp_post_thumbnail_context_filter ( $context ) {
return 'the_post_thumbnail' ;
}
/**
* Adds the '_wp_post_thumbnail_context_filter' callback to the 'wp_get_attachment_image_context'
* filter hook . Internal use only .
*
* @ ignore
* @ since 6.3 . 0
* @ access private
*/
function _wp_post_thumbnail_context_filter_add () {
add_filter ( 'wp_get_attachment_image_context' , '_wp_post_thumbnail_context_filter' );
}
/**
* Removes the '_wp_post_thumbnail_context_filter' callback from the 'wp_get_attachment_image_context'
* filter hook . Internal use only .
*
* @ ignore
* @ since 6.3 . 0
* @ access private
*/
function _wp_post_thumbnail_context_filter_remove () {
remove_filter ( 'wp_get_attachment_image_context' , '_wp_post_thumbnail_context_filter' );
}
2017-12-01 00:11:00 +01:00
add_shortcode ( 'wp_caption' , 'img_caption_shortcode' );
add_shortcode ( 'caption' , 'img_caption_shortcode' );
2008-07-02 20:41:11 +02:00
2008-09-18 08:14:46 +02:00
/**
2015-02-24 08:42:24 +01:00
* Builds the Caption shortcode output .
2008-09-18 08:14:46 +02:00
*
* Allows a plugin to replace the content that would otherwise be returned . The
2016-05-23 21:01:27 +02:00
* filter is { @ see 'img_caption_shortcode' } and passes an empty string , the attr
2008-09-18 08:14:46 +02:00
* parameter and the content parameter values .
*
2018-02-12 22:37:30 +01:00
* The supported attributes for the shortcode are 'id' , 'caption_id' , 'align' ,
* 'width' , 'caption' , and 'class' .
2008-09-18 08:14:46 +02:00
*
* @ since 2.6 . 0
2018-02-12 22:37:30 +01:00
* @ since 3.9 . 0 The `class` attribute was added .
2019-01-10 22:37:49 +01:00
* @ since 5.1 . 0 The `caption_id` attribute was added .
Media: Fix `$content` parameter default value in `img_caption_shortcode()`.
The shortcode content is expected to be a string, not `null`. `do_shortcode()` expects a string for `$content`.
The `img_caption_shortcode()` also expects a string for the `$content` parameter and is expected to return a string for the HTML content to display the caption.
Prior to this commit:
The default value for the `$content` parameter was set to `null`. If no `$content` was passed, the function:
- could return `null` when the `$atts['width'] < 1` or there was no caption
- else, it invoked `do_shortcode( $content )` passing `null` which on PHP 8.1+ triggers a deprecation notice:
{{{
strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated
}}}
This commit:
- Fixes the default `$content` value to align to the expected shortcode content of `string`, not `null`.
- Fixes the PHP 8.1 deprecation notice when `null` was being passed to `do_shortcode()`.
- Changes the assertion in a couple of tests to check for the empty string instead of `null.
Follow-up to [8196], [8925], [8239], [26915], [31530], [42704].
Props jrf, hellofromTonya, azaozz, joedolson.
See #53635.
Built from https://develop.svn.wordpress.org/trunk@51816
git-svn-id: http://core.svn.wordpress.org/trunk@51423 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-09-15 21:06:57 +02:00
* @ since 5.9 . 0 The `$content` parameter default value changed from `null` to `''` .
2008-09-18 08:14:46 +02:00
*
2015-02-24 08:42:24 +01:00
* @ param array $attr {
2014-01-07 17:07:12 +01:00
* Attributes of the caption shortcode .
*
2018-02-12 22:40:31 +01:00
* @ type string $id ID of the image and caption container element , i . e . `<figure>` or `<div>` .
* @ type string $caption_id ID of the caption element , i . e . `<figcaption>` or `<p>` .
2018-02-12 22:37:30 +01:00
* @ type string $align Class name that aligns the caption . Default 'alignnone' . Accepts 'alignleft' ,
* 'aligncenter' , alignright ', ' alignnone ' .
* @ type int $width The width of the caption , in pixels .
* @ type string $caption The caption text .
* @ type string $class Additional class name ( s ) added to the caption container .
2014-01-07 17:07:12 +01:00
* }
Media: Fix `$content` parameter default value in `img_caption_shortcode()`.
The shortcode content is expected to be a string, not `null`. `do_shortcode()` expects a string for `$content`.
The `img_caption_shortcode()` also expects a string for the `$content` parameter and is expected to return a string for the HTML content to display the caption.
Prior to this commit:
The default value for the `$content` parameter was set to `null`. If no `$content` was passed, the function:
- could return `null` when the `$atts['width'] < 1` or there was no caption
- else, it invoked `do_shortcode( $content )` passing `null` which on PHP 8.1+ triggers a deprecation notice:
{{{
strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated
}}}
This commit:
- Fixes the default `$content` value to align to the expected shortcode content of `string`, not `null`.
- Fixes the PHP 8.1 deprecation notice when `null` was being passed to `do_shortcode()`.
- Changes the assertion in a couple of tests to check for the empty string instead of `null.
Follow-up to [8196], [8925], [8239], [26915], [31530], [42704].
Props jrf, hellofromTonya, azaozz, joedolson.
See #53635.
Built from https://develop.svn.wordpress.org/trunk@51816
git-svn-id: http://core.svn.wordpress.org/trunk@51423 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-09-15 21:06:57 +02:00
* @ param string $content Optional . Shortcode content . Default empty string .
2014-01-07 17:07:12 +01:00
* @ return string HTML content to display the caption .
2008-09-18 08:14:46 +02:00
*/
Media: Fix `$content` parameter default value in `img_caption_shortcode()`.
The shortcode content is expected to be a string, not `null`. `do_shortcode()` expects a string for `$content`.
The `img_caption_shortcode()` also expects a string for the `$content` parameter and is expected to return a string for the HTML content to display the caption.
Prior to this commit:
The default value for the `$content` parameter was set to `null`. If no `$content` was passed, the function:
- could return `null` when the `$atts['width'] < 1` or there was no caption
- else, it invoked `do_shortcode( $content )` passing `null` which on PHP 8.1+ triggers a deprecation notice:
{{{
strpos(): Passing null to parameter #1 ($haystack) of type string is deprecated
}}}
This commit:
- Fixes the default `$content` value to align to the expected shortcode content of `string`, not `null`.
- Fixes the PHP 8.1 deprecation notice when `null` was being passed to `do_shortcode()`.
- Changes the assertion in a couple of tests to check for the empty string instead of `null.
Follow-up to [8196], [8925], [8239], [26915], [31530], [42704].
Props jrf, hellofromTonya, azaozz, joedolson.
See #53635.
Built from https://develop.svn.wordpress.org/trunk@51816
git-svn-id: http://core.svn.wordpress.org/trunk@51423 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-09-15 21:06:57 +02:00
function img_caption_shortcode ( $attr , $content = '' ) {
2012-05-02 03:14:52 +02:00
// New-style shortcode with the caption inside the shortcode with the link and image tags.
if ( ! isset ( $attr [ 'caption' ] ) ) {
if ( preg_match ( '#((?:<a [^>]+>\s*)?<img [^>]+>(?:\s*</a>)?)(.*)#is' , $content , $matches ) ) {
2017-12-01 00:11:00 +01:00
$content = $matches [ 1 ];
2012-05-02 03:14:52 +02:00
$attr [ 'caption' ] = trim ( $matches [ 2 ] );
}
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
} elseif ( str_contains ( $attr [ 'caption' ], '<' ) ) {
2015-09-15 00:36:24 +02:00
$attr [ 'caption' ] = wp_kses ( $attr [ 'caption' ], 'post' );
2012-05-02 03:14:52 +02:00
}
2008-07-11 17:59:14 +02:00
2014-01-07 17:07:12 +01:00
/**
2016-05-22 20:32:27 +02:00
* Filters the default caption shortcode output .
2014-01-07 17:07:12 +01:00
*
* If the filtered output isn ' t empty , it will be used instead of generating
* the default caption template .
*
* @ since 2.6 . 0
*
* @ see img_caption_shortcode ()
*
* @ param string $output The caption output . Default empty .
* @ param array $attr Attributes of the caption shortcode .
* @ param string $content The image element , possibly wrapped in a hyperlink .
*/
$output = apply_filters ( 'img_caption_shortcode' , '' , $attr , $content );
2019-06-15 03:02:52 +02:00
if ( ! empty ( $output ) ) {
2008-07-02 20:41:11 +02:00
return $output ;
2017-12-01 00:11:00 +01:00
}
2008-07-02 20:41:11 +02:00
2017-12-01 00:11:00 +01:00
$atts = shortcode_atts (
array (
2018-02-11 16:20:30 +01:00
'id' => '' ,
'caption_id' => '' ,
'align' => 'alignnone' ,
'width' => '' ,
'caption' => '' ,
'class' => '' ,
2018-08-17 03:51:36 +02:00
),
$attr ,
'caption'
2017-12-01 00:11:00 +01:00
);
2008-08-09 07:36:14 +02:00
2013-09-14 22:45:09 +02:00
$atts [ 'width' ] = ( int ) $atts [ 'width' ];
2019-06-15 03:02:52 +02:00
2017-12-01 00:11:00 +01:00
if ( $atts [ 'width' ] < 1 || empty ( $atts [ 'caption' ] ) ) {
2008-07-02 20:41:11 +02:00
return $content ;
2017-12-01 00:11:00 +01:00
}
2008-08-09 07:36:14 +02:00
2019-06-15 03:02:52 +02:00
$id = '' ;
$caption_id = '' ;
$describedby = '' ;
2018-02-12 23:36:33 +01:00
2018-02-11 16:20:30 +01:00
if ( $atts [ 'id' ] ) {
2018-02-12 22:37:30 +01:00
$atts [ 'id' ] = sanitize_html_class ( $atts [ 'id' ] );
$id = 'id="' . esc_attr ( $atts [ 'id' ] ) . '" ' ;
}
2018-02-11 16:20:30 +01:00
2018-02-12 22:37:30 +01:00
if ( $atts [ 'caption_id' ] ) {
$atts [ 'caption_id' ] = sanitize_html_class ( $atts [ 'caption_id' ] );
} elseif ( $atts [ 'id' ] ) {
$atts [ 'caption_id' ] = 'caption-' . str_replace ( '_' , '-' , $atts [ 'id' ] );
2018-02-11 16:20:30 +01:00
}
if ( $atts [ 'caption_id' ] ) {
2018-02-12 22:37:30 +01:00
$caption_id = 'id="' . esc_attr ( $atts [ 'caption_id' ] ) . '" ' ;
$describedby = 'aria-describedby="' . esc_attr ( $atts [ 'caption_id' ] ) . '" ' ;
2017-12-01 00:11:00 +01:00
}
2013-09-14 22:45:09 +02:00
Introduce HTML5 caption support.
When a theme supports HTML5 captions via add_theme_support( 'html5', 'caption' ), figure and figcaption will be used instead of div and p.
There's a bonus. But first, some history: Captions were introduced with an inline style set for the container. This remains, as it is there to force captions to wrap. But this inline style included an extra 10 pixels, which have vexxed theme developers for years. While these pixels were designed to ensure padding around floated images, modern themes handle this with grace. The additional pixels thus feel encumbering.
As the new HTML5 gallery support avoids outputting default gallery styles (again, irking theme developers for years; see #26697), the new HTML5 caption support will also ditch these 10 pixels of unwanted hand-holding.
The 10 pixels are also removed entirely in the visual editor (and more styles may also disappear here; see #26642), giving themes the power necessary to match the frontend styles.
The filter img_caption_shortcode_width added in 3.7 to work around this madness (see #14380) is skipped entirely when the theme supports HTML5 captions.
props obenland, azaozz.
see #26642. also fixes #9066.
Built from https://develop.svn.wordpress.org/trunk@27668
git-svn-id: http://core.svn.wordpress.org/trunk@27511 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2014-03-24 03:05:14 +01:00
$class = trim ( 'wp-caption ' . $atts [ 'align' ] . ' ' . $atts [ 'class' ] );
2015-09-17 08:04:24 +02:00
$html5 = current_theme_supports ( 'html5' , 'caption' );
2020-01-29 01:45:18 +01:00
// HTML5 captions never added the extra 10px to the image width.
2015-09-17 08:04:24 +02:00
$width = $html5 ? $atts [ 'width' ] : ( 10 + $atts [ 'width' ] );
2013-09-14 22:45:09 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the width of an image ' s caption .
2013-09-14 22:45:09 +02:00
*
* By default , the caption is 10 pixels greater than the width of the image ,
* to prevent post content from running up against a floated image .
*
* @ since 3.7 . 0
*
2014-01-07 17:07:12 +01:00
* @ see img_caption_shortcode ()
2013-09-14 22:45:09 +02:00
*
2015-09-17 08:04:24 +02:00
* @ param int $width Width of the caption in pixels . To remove this inline style ,
* return zero .
* @ param array $atts Attributes of the caption shortcode .
* @ param string $content The image element , possibly wrapped in a hyperlink .
2013-09-14 22:45:09 +02:00
*/
2015-09-17 08:04:24 +02:00
$caption_width = apply_filters ( 'img_caption_shortcode_width' , $width , $atts , $content );
2013-09-14 22:45:09 +02:00
$style = '' ;
2019-06-15 03:02:52 +02:00
2016-08-22 22:53:29 +02:00
if ( $caption_width ) {
2018-03-16 21:07:33 +01:00
$style = 'style="width: ' . ( int ) $caption_width . 'px" ' ;
2016-08-22 22:53:29 +02:00
}
2013-09-14 22:45:09 +02:00
2015-09-17 08:04:24 +02:00
if ( $html5 ) {
2018-02-11 15:17:30 +01:00
$html = sprintf (
2018-02-11 16:20:30 +01:00
'<figure %s%s%sclass="%s">%s%s</figure>' ,
2018-02-12 22:37:30 +01:00
$id ,
2018-02-11 16:20:30 +01:00
$describedby ,
2018-02-11 15:17:30 +01:00
$style ,
esc_attr ( $class ),
2022-09-27 00:43:10 +02:00
do_shortcode ( $content ),
2018-02-11 15:17:30 +01:00
sprintf (
2018-02-11 16:20:30 +01:00
'<figcaption %sclass="wp-caption-text">%s</figcaption>' ,
2018-02-12 22:37:30 +01:00
$caption_id ,
2018-02-11 15:17:30 +01:00
$atts [ 'caption' ]
)
);
2015-09-17 08:04:24 +02:00
} else {
2018-02-11 15:17:30 +01:00
$html = sprintf (
'<div %s%sclass="%s">%s%s</div>' ,
2018-02-12 22:37:30 +01:00
$id ,
2018-02-11 15:17:30 +01:00
$style ,
esc_attr ( $class ),
2022-09-27 00:43:10 +02:00
str_replace ( '<img ' , '<img ' . $describedby , do_shortcode ( $content ) ),
2018-02-11 15:17:30 +01:00
sprintf (
2018-02-11 16:40:30 +01:00
'<p %sclass="wp-caption-text">%s</p>' ,
2018-02-12 22:37:30 +01:00
$caption_id ,
2018-02-11 15:17:30 +01:00
$atts [ 'caption' ]
)
);
2015-09-17 08:04:24 +02:00
}
return $html ;
2008-07-02 20:41:11 +02:00
}
2017-12-01 00:11:00 +01:00
add_shortcode ( 'gallery' , 'gallery_shortcode' );
2008-03-06 20:48:54 +01:00
2008-09-18 08:14:46 +02:00
/**
2015-02-24 08:42:24 +01:00
* Builds the Gallery shortcode output .
2008-09-18 08:14:46 +02:00
*
* This implements the functionality of the Gallery Shortcode for displaying
* WordPress images on a post .
*
* @ since 2.5 . 0
2022-09-15 10:56:08 +02:00
* @ since 2.8 . 0 Added the `$attr` parameter to set the shortcode output . New attributes included
* such as `size` , `itemtag` , `icontag` , `captiontag` , and columns . Changed markup from
* `div` tags to `dl` , `dt` and `dd` tags . Support more than one gallery on the
* same page .
* @ since 2.9 . 0 Added support for `include` and `exclude` to shortcode .
* @ since 3.5 . 0 Use get_post () instead of global `$post` . Handle mapping of `ids` to `include`
* and `orderby` .
* @ since 3.6 . 0 Added validation for tags used in gallery shortcode . Add orientation information to items .
* @ since 3.7 . 0 Introduced the `link` attribute .
* @ since 3.9 . 0 `html5` gallery support , accepting 'itemtag' , 'icontag' , and 'captiontag' attributes .
* @ since 4.0 . 0 Removed use of `extract()` .
* @ since 4.1 . 0 Added attribute to `wp_get_attachment_link()` to output `aria-describedby` .
* @ since 4.2 . 0 Passed the shortcode instance ID to `post_gallery` and `post_playlist` filters .
* @ since 4.6 . 0 Standardized filter docs to match documentation standards for PHP .
* @ since 5.1 . 0 Code cleanup for WPCS 1.0 . 0 coding standards .
* @ since 5.3 . 0 Saved progress of intermediate image creation after upload .
* @ since 5.5 . 0 Ensured that galleries can be output as a list of links in feeds .
* @ since 5.6 . 0 Replaced order - style PHP type conversion functions with typecasts . Fix logic for
* an array of image dimensions .
2008-09-18 08:14:46 +02:00
*
2014-01-07 17:07:12 +01:00
* @ param array $attr {
* Attributes of the gallery shortcode .
*
2015-10-12 17:46:24 +02:00
* @ type string $order Order of the images in the gallery . Default 'ASC' . Accepts 'ASC' , 'DESC' .
* @ type string $orderby The field to use when ordering the images . Default 'menu_order ID' .
* Accepts any valid SQL ORDERBY statement .
* @ type int $id Post ID .
* @ type string $itemtag HTML tag to use for each image in the gallery .
* Default 'dl' , or 'figure' when the theme registers HTML5 gallery support .
* @ type string $icontag HTML tag to use for each image ' s icon .
* Default 'dt' , or 'div' when the theme registers HTML5 gallery support .
* @ type string $captiontag HTML tag to use for each image ' s caption .
* Default 'dd' , or 'figcaption' when the theme registers HTML5 gallery support .
* @ type int $columns Number of columns of images to display . Default 3.
2020-09-20 18:23:07 +02:00
* @ type string | int [] $size Size of the images to display . Accepts any registered image size name , or an array
* of width and height values in pixels ( in that order ) . Default 'thumbnail' .
2015-10-12 17:46:24 +02:00
* @ type string $ids A comma - separated list of IDs of attachments to display . Default empty .
* @ type string $include A comma - separated list of IDs of attachments to include . Default empty .
* @ type string $exclude A comma - separated list of IDs of attachments to exclude . Default empty .
* @ type string $link What to link each image to . Default empty ( links to the attachment page ) .
* Accepts 'file' , 'none' .
2014-01-07 17:07:12 +01:00
* }
2008-09-18 08:14:46 +02:00
* @ return string HTML content to display gallery .
*/
2014-01-07 17:07:12 +01:00
function gallery_shortcode ( $attr ) {
2012-09-04 18:29:28 +02:00
$post = get_post ();
2009-05-25 01:47:49 +02:00
2009-05-15 10:52:04 +02:00
static $instance = 0 ;
$instance ++ ;
2008-03-06 20:48:54 +01:00
2012-11-28 04:51:27 +01:00
if ( ! empty ( $attr [ 'ids' ] ) ) {
2012-12-03 06:32:25 +01:00
// 'ids' is explicitly ordered, unless you specify otherwise.
2014-05-15 05:41:15 +02:00
if ( empty ( $attr [ 'orderby' ] ) ) {
2012-12-03 06:32:25 +01:00
$attr [ 'orderby' ] = 'post__in' ;
2014-05-15 05:41:15 +02:00
}
2012-11-28 04:51:27 +01:00
$attr [ 'include' ] = $attr [ 'ids' ];
}
2014-01-07 17:07:12 +01:00
/**
2016-05-22 20:32:27 +02:00
* Filters the default gallery shortcode output .
2014-01-07 17:07:12 +01:00
*
* If the filtered output isn ' t empty , it will be used instead of generating
* the default gallery template .
*
* @ since 2.5 . 0
2015-01-31 01:33:22 +01:00
* @ since 4.2 . 0 The `$instance` parameter was added .
2014-01-07 17:07:12 +01:00
*
* @ see gallery_shortcode ()
*
2015-01-30 17:02:21 +01:00
* @ param string $output The gallery output . Default empty .
* @ param array $attr Attributes of the gallery shortcode .
* @ param int $instance Unique numeric ID of this gallery shortcode instance .
2014-01-07 17:07:12 +01:00
*/
2015-01-30 17:02:21 +01:00
$output = apply_filters ( 'post_gallery' , '' , $attr , $instance );
2019-06-15 03:02:52 +02:00
if ( ! empty ( $output ) ) {
2008-03-06 20:48:54 +01:00
return $output ;
2014-05-15 05:41:15 +02:00
}
2008-04-03 05:05:49 +02:00
2014-02-26 23:20:31 +01:00
$html5 = current_theme_supports ( 'html5' , 'gallery' );
2017-12-01 00:11:00 +01:00
$atts = shortcode_atts (
array (
'order' => 'ASC' ,
'orderby' => 'menu_order ID' ,
'id' => $post ? $post -> ID : 0 ,
'itemtag' => $html5 ? 'figure' : 'dl' ,
'icontag' => $html5 ? 'div' : 'dt' ,
'captiontag' => $html5 ? 'figcaption' : 'dd' ,
'columns' => 3 ,
'size' => 'thumbnail' ,
'include' => '' ,
'exclude' => '' ,
'link' => '' ,
2018-08-17 03:51:36 +02:00
),
$attr ,
'gallery'
2017-12-01 00:11:00 +01:00
);
2008-03-24 03:57:19 +01:00
2020-10-08 23:15:13 +02:00
$id = ( int ) $atts [ 'id' ];
2009-08-04 09:32:18 +02:00
2014-05-15 05:41:15 +02:00
if ( ! empty ( $atts [ 'include' ] ) ) {
2017-12-01 00:11:00 +01:00
$_attachments = get_posts (
array (
'include' => $atts [ 'include' ],
'post_status' => 'inherit' ,
'post_type' => 'attachment' ,
'post_mime_type' => 'image' ,
'order' => $atts [ 'order' ],
'orderby' => $atts [ 'orderby' ],
)
);
2009-08-04 09:32:18 +02:00
$attachments = array ();
foreach ( $_attachments as $key => $val ) {
2017-12-01 00:11:00 +01:00
$attachments [ $val -> ID ] = $_attachments [ $key ];
2009-08-04 09:32:18 +02:00
}
2014-05-15 05:41:15 +02:00
} elseif ( ! empty ( $atts [ 'exclude' ] ) ) {
2017-12-01 00:11:00 +01:00
$attachments = get_children (
array (
'post_parent' => $id ,
'exclude' => $atts [ 'exclude' ],
'post_status' => 'inherit' ,
'post_type' => 'attachment' ,
'post_mime_type' => 'image' ,
'order' => $atts [ 'order' ],
'orderby' => $atts [ 'orderby' ],
)
);
2009-08-04 09:32:18 +02:00
} else {
2017-12-01 00:11:00 +01:00
$attachments = get_children (
array (
'post_parent' => $id ,
'post_status' => 'inherit' ,
'post_type' => 'attachment' ,
'post_mime_type' => 'image' ,
'order' => $atts [ 'order' ],
'orderby' => $atts [ 'orderby' ],
)
);
2009-08-04 09:32:18 +02:00
}
2008-03-06 20:48:54 +01:00
2014-05-15 05:41:15 +02:00
if ( empty ( $attachments ) ) {
2008-03-06 20:48:54 +01:00
return '' ;
2014-05-15 05:41:15 +02:00
}
2008-03-06 20:48:54 +01:00
2008-03-14 20:23:56 +01:00
if ( is_feed () ) {
$output = " \n " ;
2014-05-15 05:41:15 +02:00
foreach ( $attachments as $att_id => $attachment ) {
2020-07-16 23:31:03 +02:00
if ( ! empty ( $atts [ 'link' ] ) ) {
if ( 'none' === $atts [ 'link' ] ) {
$output .= wp_get_attachment_image ( $att_id , $atts [ 'size' ], false , $attr );
} else {
$output .= wp_get_attachment_link ( $att_id , $atts [ 'size' ], false );
}
} else {
$output .= wp_get_attachment_link ( $att_id , $atts [ 'size' ], true );
}
$output .= " \n " ;
2014-05-15 05:41:15 +02:00
}
2008-03-14 20:23:56 +01:00
return $output ;
}
2017-12-01 00:11:00 +01:00
$itemtag = tag_escape ( $atts [ 'itemtag' ] );
2014-05-15 05:41:15 +02:00
$captiontag = tag_escape ( $atts [ 'captiontag' ] );
2017-12-01 00:11:00 +01:00
$icontag = tag_escape ( $atts [ 'icontag' ] );
2013-01-22 16:36:57 +01:00
$valid_tags = wp_kses_allowed_html ( 'post' );
2014-05-15 05:41:15 +02:00
if ( ! isset ( $valid_tags [ $itemtag ] ) ) {
2013-01-22 16:36:57 +01:00
$itemtag = 'dl' ;
2014-05-15 05:41:15 +02:00
}
if ( ! isset ( $valid_tags [ $captiontag ] ) ) {
2013-01-22 16:36:57 +01:00
$captiontag = 'dd' ;
2014-05-15 05:41:15 +02:00
}
if ( ! isset ( $valid_tags [ $icontag ] ) ) {
2013-01-22 16:36:57 +01:00
$icontag = 'dt' ;
2014-05-15 05:41:15 +02:00
}
2013-01-22 16:36:57 +01:00
2020-10-08 23:15:13 +02:00
$columns = ( int ) $atts [ 'columns' ];
2017-12-01 00:11:00 +01:00
$itemwidth = $columns > 0 ? floor ( 100 / $columns ) : 100 ;
$float = is_rtl () ? 'right' : 'left' ;
2010-01-15 23:11:12 +01:00
2009-05-15 10:52:04 +02:00
$selector = " gallery- { $instance } " ;
2008-08-09 07:36:14 +02:00
2014-05-22 21:12:14 +02:00
$gallery_style = '' ;
2014-03-04 19:53:13 +01:00
/**
2016-05-22 20:32:27 +02:00
* Filters whether to print default gallery styles .
2014-03-04 19:53:13 +01:00
*
* @ since 3.1 . 0
*
* @ param bool $print Whether to print default gallery styles .
* Defaults to false if the theme supports HTML5 galleries .
* Otherwise , defaults to true .
*/
if ( apply_filters ( 'use_default_gallery_style' , ! $html5 ) ) {
2019-09-18 16:50:56 +02:00
$type_attr = current_theme_supports ( 'html5' , 'style' ) ? '' : ' type="text/css"' ;
2010-12-10 20:15:37 +01:00
$gallery_style = "
2019-09-18 16:50:56 +02:00
< style { $type_attr } >
2009-05-15 10:52:04 +02:00
#{$selector} {
2008-03-06 20:48:54 +01:00
margin : auto ;
}
2009-05-15 10:52:04 +02:00
#{$selector} .gallery-item {
2009-12-08 13:45:32 +01:00
float : { $float };
2008-03-06 20:48:54 +01:00
margin - top : 10 px ;
text - align : center ;
2010-12-10 20:15:37 +01:00
width : { $itemwidth } % ;
}
2009-05-15 10:52:04 +02:00
#{$selector} img {
2008-03-06 20:48:54 +01:00
border : 2 px solid #cfcfcf;
}
2009-05-15 10:52:04 +02:00
#{$selector} .gallery-caption {
2008-03-24 03:57:19 +01:00
margin - left : 0 ;
}
2013-05-23 00:27:53 +02:00
/* see gallery_shortcode() in wp-includes/media.php */
2014-03-04 19:53:13 +01:00
</ style > \n\t\t " ;
}
2020-10-11 22:01:06 +02:00
$size_class = sanitize_html_class ( is_array ( $atts [ 'size' ] ) ? implode ( 'x' , $atts [ 'size' ] ) : $atts [ 'size' ] );
2010-12-10 20:15:37 +01:00
$gallery_div = " <div id=' $selector ' class='gallery galleryid- { $id } gallery-columns- { $columns } gallery-size- { $size_class } '> " ;
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the default gallery shortcode CSS styles .
2014-04-15 03:36:14 +02:00
*
* @ since 2.5 . 0
*
2014-11-30 06:58:47 +01:00
* @ param string $gallery_style Default CSS styles and opening HTML div container
* for the gallery shortcode output .
2014-04-15 03:36:14 +02:00
*/
2014-03-04 19:53:13 +01:00
$output = apply_filters ( 'gallery_style' , $gallery_style . $gallery_div );
2008-03-06 20:48:54 +01:00
2008-10-22 20:45:09 +02:00
$i = 0 ;
2019-06-15 03:02:52 +02:00
2008-03-06 20:48:54 +01:00
foreach ( $attachments as $id => $attachment ) {
2014-10-28 21:43:22 +01:00
2014-10-16 06:28:17 +02:00
$attr = ( trim ( $attachment -> post_excerpt ) ) ? array ( 'aria-describedby' => " $selector - $id " ) : '' ;
2019-06-15 03:02:52 +02:00
2014-05-15 05:41:15 +02:00
if ( ! empty ( $atts [ 'link' ] ) && 'file' === $atts [ 'link' ] ) {
2014-11-01 22:47:24 +01:00
$image_output = wp_get_attachment_link ( $id , $atts [ 'size' ], false , false , false , $attr );
2014-05-15 05:41:15 +02:00
} elseif ( ! empty ( $atts [ 'link' ] ) && 'none' === $atts [ 'link' ] ) {
2014-10-16 06:28:17 +02:00
$image_output = wp_get_attachment_image ( $id , $atts [ 'size' ], false , $attr );
2014-05-15 05:41:15 +02:00
} else {
2014-10-16 06:28:17 +02:00
$image_output = wp_get_attachment_link ( $id , $atts [ 'size' ], true , false , false , $attr );
2014-05-15 05:41:15 +02:00
}
2019-06-15 03:02:52 +02:00
2017-12-01 00:11:00 +01:00
$image_meta = wp_get_attachment_metadata ( $id );
2013-03-29 21:51:35 +01:00
$orientation = '' ;
2019-06-15 03:02:52 +02:00
2014-05-15 05:41:15 +02:00
if ( isset ( $image_meta [ 'height' ], $image_meta [ 'width' ] ) ) {
2013-03-29 21:51:35 +01:00
$orientation = ( $image_meta [ 'height' ] > $image_meta [ 'width' ] ) ? 'portrait' : 'landscape' ;
2014-05-15 05:41:15 +02:00
}
2019-06-15 03:02:52 +02:00
2008-03-24 03:57:19 +01:00
$output .= " < { $itemtag } class='gallery-item'> " ;
2008-03-06 20:48:54 +01:00
$output .= "
2013-03-08 17:13:15 +01:00
< { $icontag } class = 'gallery-icon {$orientation}' >
2013-07-03 22:43:19 +02:00
$image_output
2008-03-24 03:57:19 +01:00
</ { $icontag } > " ;
2019-06-15 03:02:52 +02:00
2017-12-01 00:11:00 +01:00
if ( $captiontag && trim ( $attachment -> post_excerpt ) ) {
2008-03-24 03:57:19 +01:00
$output .= "
2014-10-16 06:28:17 +02:00
< { $captiontag } class = 'wp-caption-text gallery-caption' id = '$selector-$id' >
2017-12-01 00:11:00 +01:00
" . wptexturize( $attachment->post_excerpt ) . "
2008-03-24 03:57:19 +01:00
</ { $captiontag } > " ;
}
2019-06-15 03:02:52 +02:00
2008-03-24 03:57:19 +01:00
$output .= " </ { $itemtag } > " ;
2019-06-15 03:02:52 +02:00
2020-02-09 17:55:09 +01:00
if ( ! $html5 && $columns > 0 && 0 === ++ $i % $columns ) {
2008-03-06 20:48:54 +01:00
$output .= '<br style="clear: both" />' ;
2014-04-02 23:50:14 +02:00
}
2008-03-06 20:48:54 +01:00
}
2020-02-09 17:55:09 +01:00
if ( ! $html5 && $columns > 0 && 0 !== $i % $columns ) {
2014-03-28 03:41:15 +01:00
$output .= "
< br style = 'clear: both' /> " ;
}
2008-03-06 20:48:54 +01:00
$output .= "
</ div > \n " ;
return $output ;
}
2014-03-09 23:45:14 +01:00
/**
2015-02-24 08:42:24 +01:00
* Outputs the templates used by playlists .
2014-03-09 23:45:14 +01:00
*
* @ since 3.9 . 0
*/
2014-03-20 14:33:14 +01:00
function wp_underscore_playlist_templates () {
2018-08-17 03:51:36 +02:00
?>
2014-03-09 23:45:14 +01:00
< script type = " text/html " id = " tmpl-wp-playlist-current-item " >
2020-09-20 15:15:04 +02:00
< # if ( data.thumb && data.thumb.src ) { #>
< img src = " { { data.thumb.src }} " alt = " " />
2014-03-09 23:45:14 +01:00
< # } #>
< div class = " wp-playlist-caption " >
2017-12-01 00:11:00 +01:00
< span class = " wp-playlist-item-meta wp-playlist-item-title " >
2023-02-07 13:08:22 +01:00
< # if ( data.meta.album || data.meta.artist ) { #>
< ? php
/* translators: %s: Playlist item title. */
printf ( _x ( '“%s”' , 'playlist item title' ), '{{ data.title }}' );
?>
< # } else { #>
{{ data . title }}
< # } #>
2017-12-01 00:11:00 +01:00
</ span >
2014-03-31 00:12:16 +02:00
< # if ( data.meta.album ) { #><span class="wp-playlist-item-meta wp-playlist-item-album">{{ data.meta.album }}</span><# } #>
< # if ( data.meta.artist ) { #><span class="wp-playlist-item-meta wp-playlist-item-artist">{{ data.meta.artist }}</span><# } #>
2014-03-09 23:45:14 +01:00
</ div >
</ script >
< script type = " text/html " id = " tmpl-wp-playlist-item " >
< div class = " wp-playlist-item " >
2014-04-08 00:28:16 +02:00
< a class = " wp-playlist-caption " href = " { { data.src }} " >
2014-03-30 23:08:14 +02:00
{{ data . index ? ( data . index + '. ' ) : '' }}
2014-03-30 21:28:16 +02:00
< # if ( data.caption ) { #>
2014-03-31 07:16:16 +02:00
{{ data . caption }}
2014-03-30 21:28:16 +02:00
< # } else { #>
< # if ( data.artists && data.meta.artist ) { #>
2023-02-07 13:08:22 +01:00
< span class = " wp-playlist-item-title " >
< ? php
/* translators: %s: Playlist item title. */
printf ( _x ( '“%s”' , 'playlist item title' ), '{{{ data.title }}}' );
?>
</ span >
< span class = " wp-playlist-item-artist " > & mdash ; {{ data . meta . artist }} </ span >
< # } else { #>
< span class = " wp-playlist-item-title " > {{{ data . title }}} </ span >
2014-03-30 21:28:16 +02:00
< # } #>
2014-03-09 23:45:14 +01:00
< # } #>
2014-04-08 00:28:16 +02:00
</ a >
2014-03-09 23:45:14 +01:00
< # if ( data.meta.length_formatted ) { #>
2014-03-31 07:16:16 +02:00
< div class = " wp-playlist-item-length " > {{ data . meta . length_formatted }} </ div >
2014-03-09 23:45:14 +01:00
< # } #>
</ div >
</ script >
2018-08-17 03:51:36 +02:00
< ? php
2014-03-09 23:45:14 +01:00
}
2014-03-20 14:33:14 +01:00
/**
2022-09-15 12:52:08 +02:00
* Outputs and enqueues default scripts and styles for playlists .
2014-03-20 14:33:14 +01:00
*
* @ since 3.9 . 0
*
2014-04-07 22:38:15 +02:00
* @ param string $type Type of playlist . Accepts 'audio' or 'video' .
2014-03-20 14:33:14 +01:00
*/
function wp_playlist_scripts ( $type ) {
wp_enqueue_style ( 'wp-mediaelement' );
wp_enqueue_script ( 'wp-playlist' );
2018-08-17 03:51:36 +02:00
?>
2017-12-01 00:11:00 +01:00
<!-- [ if lt IE 9 ] >< script > document . createElement ( '<?php echo esc_js( $type ); ?>' ); </ script ><! [ endif ] -->
2018-08-17 03:51:36 +02:00
< ? php
2014-04-16 19:40:14 +02:00
add_action ( 'wp_footer' , 'wp_underscore_playlist_templates' , 0 );
add_action ( 'admin_footer' , 'wp_underscore_playlist_templates' , 0 );
2014-03-20 14:33:14 +01:00
}
2014-03-09 23:45:14 +01:00
2014-02-24 19:08:16 +01:00
/**
2015-02-24 08:42:24 +01:00
* Builds the Playlist shortcode output .
2014-02-24 19:08:16 +01:00
*
2014-04-07 22:38:15 +02:00
* This implements the functionality of the playlist shortcode for displaying
2014-02-24 19:08:16 +01:00
* a collection of WordPress audio or video files in a post .
*
* @ since 3.9 . 0
*
2015-05-26 21:23:25 +02:00
* @ global int $content_width
*
2014-06-29 23:29:17 +02:00
* @ param array $attr {
* Array of default playlist attributes .
*
* @ type string $type Type of playlist to display . Accepts 'audio' or 'video' . Default 'audio' .
* @ type string $order Designates ascending or descending order of items in the playlist .
2014-09-23 05:52:15 +02:00
* Accepts 'ASC' , 'DESC' . Default 'ASC' .
2014-06-29 23:29:17 +02:00
* @ type string $orderby Any column , or columns , to sort the playlist . If $ids are
* passed , this defaults to the order of the $ids array ( 'post__in' ) .
* Otherwise default is 'menu_order ID' .
* @ type int $id If an explicit $ids array is not present , this parameter
* will determine which attachments are used for the playlist .
* Default is the current post ID .
* @ type array $ids Create a playlist out of these explicit attachment IDs . If empty ,
* a playlist will be created from all $type attachments of $id .
* Default empty .
* @ type array $exclude List of specific attachment IDs to exclude from the playlist . Default empty .
* @ type string $style Playlist style to use . Accepts 'light' or 'dark' . Default 'light' .
* @ type bool $tracklist Whether to show or hide the playlist . Default true .
* @ type bool $tracknumbers Whether to show or hide the numbers next to entries in the playlist . Default true .
* @ type bool $images Show or hide the video or audio thumbnail ( Featured Image / post
* thumbnail ) . Default true .
* @ type bool $artists Whether to show or hide artist name in the playlist . Default true .
* }
*
2014-02-24 20:42:13 +01:00
* @ return string Playlist output . Empty string if the passed type is unsupported .
2014-02-24 19:08:16 +01:00
*/
2014-03-27 18:58:15 +01:00
function wp_playlist_shortcode ( $attr ) {
2014-02-24 19:08:16 +01:00
global $content_width ;
$post = get_post ();
static $instance = 0 ;
$instance ++ ;
if ( ! empty ( $attr [ 'ids' ] ) ) {
// 'ids' is explicitly ordered, unless you specify otherwise.
if ( empty ( $attr [ 'orderby' ] ) ) {
$attr [ 'orderby' ] = 'post__in' ;
}
$attr [ 'include' ] = $attr [ 'ids' ];
}
2014-02-24 20:42:13 +01:00
/**
2016-05-22 20:32:27 +02:00
* Filters the playlist output .
2014-02-24 20:42:13 +01:00
*
2020-06-26 20:49:09 +02:00
* Returning a non - empty value from the filter will short - circuit generation
2014-02-24 20:42:13 +01:00
* of the default playlist output , returning the passed value instead .
*
* @ since 3.9 . 0
2015-01-31 01:33:22 +01:00
* @ since 4.2 . 0 The `$instance` parameter was added .
2014-02-24 20:42:13 +01:00
*
2015-01-30 17:02:21 +01:00
* @ param string $output Playlist output . Default empty .
* @ param array $attr An array of shortcode attributes .
* @ param int $instance Unique numeric ID of this playlist shortcode instance .
2014-02-24 20:42:13 +01:00
*/
2015-01-30 17:02:21 +01:00
$output = apply_filters ( 'post_playlist' , '' , $attr , $instance );
2019-06-15 03:02:52 +02:00
if ( ! empty ( $output ) ) {
2014-02-24 19:08:16 +01:00
return $output ;
}
2017-12-01 00:11:00 +01:00
$atts = shortcode_atts (
array (
'type' => 'audio' ,
'order' => 'ASC' ,
'orderby' => 'menu_order ID' ,
'id' => $post ? $post -> ID : 0 ,
'include' => '' ,
'exclude' => '' ,
'style' => 'light' ,
'tracklist' => true ,
'tracknumbers' => true ,
'images' => true ,
'artists' => true ,
2018-08-17 03:51:36 +02:00
),
$attr ,
'playlist'
2017-12-01 00:11:00 +01:00
);
2014-02-24 19:08:16 +01:00
2020-10-08 23:15:13 +02:00
$id = ( int ) $atts [ 'id' ];
2014-02-24 19:08:16 +01:00
2020-02-09 17:55:09 +01:00
if ( 'audio' !== $atts [ 'type' ] ) {
2014-11-20 14:11:23 +01:00
$atts [ 'type' ] = 'video' ;
}
2014-02-24 19:08:16 +01:00
$args = array (
2017-12-01 00:11:00 +01:00
'post_status' => 'inherit' ,
'post_type' => 'attachment' ,
2014-05-07 19:36:18 +02:00
'post_mime_type' => $atts [ 'type' ],
2017-12-01 00:11:00 +01:00
'order' => $atts [ 'order' ],
'orderby' => $atts [ 'orderby' ],
2014-02-24 19:08:16 +01:00
);
2014-05-07 19:36:18 +02:00
if ( ! empty ( $atts [ 'include' ] ) ) {
$args [ 'include' ] = $atts [ 'include' ];
2017-12-01 00:11:00 +01:00
$_attachments = get_posts ( $args );
2014-02-24 19:08:16 +01:00
$attachments = array ();
foreach ( $_attachments as $key => $val ) {
2017-12-01 00:11:00 +01:00
$attachments [ $val -> ID ] = $_attachments [ $key ];
2014-02-24 19:08:16 +01:00
}
2014-05-07 19:36:18 +02:00
} elseif ( ! empty ( $atts [ 'exclude' ] ) ) {
2014-02-24 19:08:16 +01:00
$args [ 'post_parent' ] = $id ;
2017-12-01 00:11:00 +01:00
$args [ 'exclude' ] = $atts [ 'exclude' ];
$attachments = get_children ( $args );
2014-02-24 19:08:16 +01:00
} else {
$args [ 'post_parent' ] = $id ;
2017-12-01 00:11:00 +01:00
$attachments = get_children ( $args );
2014-02-24 19:08:16 +01:00
}
if ( empty ( $attachments ) ) {
return '' ;
}
if ( is_feed () ) {
$output = " \n " ;
foreach ( $attachments as $att_id => $attachment ) {
$output .= wp_get_attachment_link ( $att_id ) . " \n " ;
}
return $output ;
}
2020-01-29 01:45:18 +01:00
$outer = 22 ; // Default padding and border of wrapper.
2014-02-28 22:28:14 +01:00
2017-12-01 00:11:00 +01:00
$default_width = 640 ;
2014-02-28 22:28:14 +01:00
$default_height = 360 ;
2017-12-01 00:11:00 +01:00
$theme_width = empty ( $content_width ) ? $default_width : ( $content_width - $outer );
2014-03-23 00:26:17 +01:00
$theme_height = empty ( $content_width ) ? $default_height : round ( ( $default_height * $theme_width ) / $default_width );
2014-02-28 22:28:14 +01:00
2014-05-07 19:36:18 +02:00
$data = array (
2017-12-01 00:11:00 +01:00
'type' => $atts [ 'type' ],
2020-01-29 01:45:18 +01:00
// Don't pass strings to JSON, will be truthy in JS.
2017-12-01 00:11:00 +01:00
'tracklist' => wp_validate_boolean ( $atts [ 'tracklist' ] ),
2014-05-22 20:34:15 +02:00
'tracknumbers' => wp_validate_boolean ( $atts [ 'tracknumbers' ] ),
2017-12-01 00:11:00 +01:00
'images' => wp_validate_boolean ( $atts [ 'images' ] ),
'artists' => wp_validate_boolean ( $atts [ 'artists' ] ),
2014-05-07 19:36:18 +02:00
);
2014-02-24 19:08:16 +01:00
$tracks = array ();
foreach ( $attachments as $attachment ) {
2017-12-01 00:11:00 +01:00
$url = wp_get_attachment_url ( $attachment -> ID );
2014-02-24 19:08:16 +01:00
$ftype = wp_check_filetype ( $url , wp_get_mime_types () );
$track = array (
2017-12-01 00:11:00 +01:00
'src' => $url ,
'type' => $ftype [ 'type' ],
'title' => $attachment -> post_title ,
'caption' => $attachment -> post_excerpt ,
'description' => $attachment -> post_content ,
2014-02-24 19:08:16 +01:00
);
2014-02-25 20:30:14 +01:00
$track [ 'meta' ] = array ();
2017-12-01 00:11:00 +01:00
$meta = wp_get_attachment_metadata ( $attachment -> ID );
2014-02-24 19:08:16 +01:00
if ( ! empty ( $meta ) ) {
2014-03-31 07:16:16 +02:00
foreach ( wp_get_attachment_id3_keys ( $attachment ) as $key => $label ) {
2014-02-24 19:08:16 +01:00
if ( ! empty ( $meta [ $key ] ) ) {
$track [ 'meta' ][ $key ] = $meta [ $key ];
}
}
2014-05-07 19:36:18 +02:00
if ( 'video' === $atts [ 'type' ] ) {
2014-02-28 22:28:14 +01:00
if ( ! empty ( $meta [ 'width' ] ) && ! empty ( $meta [ 'height' ] ) ) {
2017-12-01 00:11:00 +01:00
$width = $meta [ 'width' ];
$height = $meta [ 'height' ];
2014-02-28 22:28:14 +01:00
$theme_height = round ( ( $height * $theme_width ) / $width );
} else {
2017-12-01 00:11:00 +01:00
$width = $default_width ;
2014-02-28 22:28:14 +01:00
$height = $default_height ;
}
2014-02-24 19:08:16 +01:00
$track [ 'dimensions' ] = array (
'original' => compact ( 'width' , 'height' ),
2017-12-01 00:11:00 +01:00
'resized' => array (
'width' => $theme_width ,
'height' => $theme_height ,
),
2014-02-24 19:08:16 +01:00
);
}
}
2014-05-07 19:36:18 +02:00
if ( $atts [ 'images' ] ) {
$thumb_id = get_post_thumbnail_id ( $attachment -> ID );
if ( ! empty ( $thumb_id ) ) {
list ( $src , $width , $height ) = wp_get_attachment_image_src ( $thumb_id , 'full' );
2017-12-01 00:11:00 +01:00
$track [ 'image' ] = compact ( 'src' , 'width' , 'height' );
2014-05-07 19:36:18 +02:00
list ( $src , $width , $height ) = wp_get_attachment_image_src ( $thumb_id , 'thumbnail' );
2017-12-01 00:11:00 +01:00
$track [ 'thumb' ] = compact ( 'src' , 'width' , 'height' );
2014-03-26 13:45:15 +01:00
} else {
2017-12-01 00:11:00 +01:00
$src = wp_mime_type_icon ( $attachment -> ID );
$width = 48 ;
$height = 64 ;
2014-03-26 13:45:15 +01:00
$track [ 'image' ] = compact ( 'src' , 'width' , 'height' );
$track [ 'thumb' ] = compact ( 'src' , 'width' , 'height' );
2014-02-24 19:08:16 +01:00
}
}
$tracks [] = $track ;
}
$data [ 'tracks' ] = $tracks ;
2017-12-01 00:11:00 +01:00
$safe_type = esc_attr ( $atts [ 'type' ] );
2014-05-07 19:36:18 +02:00
$safe_style = esc_attr ( $atts [ 'style' ] );
2014-02-27 16:20:14 +01:00
2014-02-24 19:08:16 +01:00
ob_start ();
2014-03-09 23:45:14 +01:00
if ( 1 === $instance ) {
/**
2016-05-25 18:05:27 +02:00
* Prints and enqueues playlist scripts , styles , and JavaScript templates .
2014-03-09 23:45:14 +01:00
*
* @ since 3.9 . 0
*
2014-04-07 22:38:15 +02:00
* @ param string $type Type of playlist . Possible values are 'audio' or 'video' .
* @ param string $style The 'theme' for the playlist . Core provides 'light' and 'dark' .
2014-03-09 23:45:14 +01:00
*/
2014-05-07 19:36:18 +02:00
do_action ( 'wp_playlist_scripts' , $atts [ 'type' ], $atts [ 'style' ] );
2017-12-01 00:11:00 +01:00
}
?>
< div class = " wp-playlist wp-<?php echo $safe_type ; ?>-playlist wp-playlist-<?php echo $safe_style ; ?> " >
< ? php if ( 'audio' === $atts [ 'type' ] ) : ?>
2020-08-04 14:47:06 +02:00
< div class = " wp-playlist-current-item " ></ div >
2021-03-21 14:05:04 +01:00
< ? php endif ; ?>
2020-08-04 14:47:06 +02:00
<< ? php echo $safe_type ; ?> controls="controls" preload="none" width="<?php echo (int) $theme_width; ?>"
< ? php
if ( 'video' === $safe_type ) {
echo ' height="' , ( int ) $theme_height , '"' ;
}
?>
2017-12-01 00:11:00 +01:00
></< ? php echo $safe_type ; ?> >
2014-02-24 19:08:16 +01:00
< div class = " wp-playlist-next " ></ div >
< div class = " wp-playlist-prev " ></ div >
< noscript >
2017-12-01 00:11:00 +01:00
< ol >
2020-08-04 14:47:06 +02:00
< ? php
foreach ( $attachments as $att_id => $attachment ) {
printf ( '<li>%s</li>' , wp_get_attachment_link ( $att_id ) );
}
?>
2017-12-01 00:11:00 +01:00
</ ol >
2014-02-24 19:08:16 +01:00
</ noscript >
2017-12-01 00:11:00 +01:00
< script type = " application/json " class = " wp-playlist-script " >< ? php echo wp_json_encode ( $data ); ?> </script>
2014-02-24 19:08:16 +01:00
</ div >
< ? php
return ob_get_clean ();
}
add_shortcode ( 'playlist' , 'wp_playlist_shortcode' );
2013-03-16 06:25:44 +01:00
/**
2015-02-24 08:42:24 +01:00
* Provides a No - JS Flash fallback as a last resort for audio / video .
2013-03-16 06:25:44 +01:00
*
* @ since 3.6 . 0
*
2015-02-24 08:42:24 +01:00
* @ param string $url The media element URL .
* @ return string Fallback HTML .
2013-03-16 06:25:44 +01:00
*/
function wp_mediaelement_fallback ( $url ) {
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the Mediaelement fallback output for no - JS .
2014-04-15 03:36:14 +02:00
*
* @ since 3.6 . 0
*
* @ param string $output Fallback output for no - JS .
* @ param string $url Media file URL .
*/
2013-03-16 06:25:44 +01:00
return apply_filters ( 'wp_mediaelement_fallback' , sprintf ( '<a href="%1$s">%1$s</a>' , esc_url ( $url ) ), $url );
}
/**
2019-10-26 22:43:04 +02:00
* Returns a filtered list of supported audio formats .
2013-03-16 06:25:44 +01:00
*
* @ since 3.6 . 0
2015-02-24 08:42:24 +01:00
*
2019-10-26 23:09:04 +02:00
* @ return string [] Supported audio formats .
2013-03-16 06:25:44 +01:00
*/
function wp_get_audio_extensions () {
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the list of supported audio formats .
2014-04-15 03:36:14 +02:00
*
* @ since 3.6 . 0
*
2019-10-26 23:09:04 +02:00
* @ param string [] $extensions An array of supported audio formats . Defaults are
* 'mp3' , 'ogg' , 'flac' , 'm4a' , 'wav' .
2014-04-15 03:36:14 +02:00
*/
2018-05-03 08:38:21 +02:00
return apply_filters ( 'wp_audio_extensions' , array ( 'mp3' , 'ogg' , 'flac' , 'm4a' , 'wav' ) );
2013-03-16 06:25:44 +01:00
}
2014-03-30 21:28:16 +02:00
/**
2015-02-24 08:42:24 +01:00
* Returns useful keys to use to lookup data from an attachment ' s stored metadata .
2014-03-30 21:28:16 +02:00
*
* @ since 3.9 . 0
*
2014-04-07 22:38:15 +02:00
* @ param WP_Post $attachment The current attachment , provided for context .
2015-02-24 08:42:24 +01:00
* @ param string $context Optional . The context . Accepts 'edit' , 'display' . Default 'display' .
2019-11-05 22:23:02 +01:00
* @ return string [] Key / value pairs of field keys to labels .
2014-03-30 21:28:16 +02:00
*/
2014-03-31 07:16:16 +02:00
function wp_get_attachment_id3_keys ( $attachment , $context = 'display' ) {
2014-03-30 21:28:16 +02:00
$fields = array (
'artist' => __ ( 'Artist' ),
2017-12-01 00:11:00 +01:00
'album' => __ ( 'Album' ),
2014-03-30 21:28:16 +02:00
);
2014-03-30 23:08:14 +02:00
2014-03-31 07:16:16 +02:00
if ( 'display' === $context ) {
$fields [ 'genre' ] = __ ( 'Genre' );
$fields [ 'year' ] = __ ( 'Year' );
$fields [ 'length_formatted' ] = _x ( 'Length' , 'video or audio' );
2014-07-11 23:56:16 +02:00
} elseif ( 'js' === $context ) {
2017-12-01 00:11:00 +01:00
$fields [ 'bitrate' ] = __ ( 'Bitrate' );
$fields [ 'bitrate_mode' ] = __ ( 'Bitrate Mode' );
2014-03-31 07:16:16 +02:00
}
2014-03-30 21:28:16 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the editable list of keys to look up data from an attachment ' s metadata .
2014-03-30 21:28:16 +02:00
*
* @ since 3.9 . 0
*
2014-03-31 07:16:16 +02:00
* @ param array $fields Key / value pairs of field keys to labels .
* @ param WP_Post $attachment Attachment object .
2014-04-15 03:36:14 +02:00
* @ param string $context The context . Accepts 'edit' , 'display' . Default 'display' .
2014-03-30 21:28:16 +02:00
*/
2014-03-31 07:16:16 +02:00
return apply_filters ( 'wp_get_attachment_id3_keys' , $fields , $attachment , $context );
2014-03-30 21:28:16 +02:00
}
2013-03-16 06:25:44 +01:00
/**
2015-02-24 08:42:24 +01:00
* Builds the Audio shortcode output .
2013-03-16 06:25:44 +01:00
*
* This implements the functionality of the Audio Shortcode for displaying
* WordPress mp3s in a post .
*
* @ since 3.6 . 0
*
2015-02-24 08:42:24 +01:00
* @ param array $attr {
2014-01-07 17:07:12 +01:00
* Attributes of the audio shortcode .
*
* @ type string $src URL to the source of the audio file . Default empty .
* @ type string $loop The 'loop' attribute for the `<audio>` element . Default empty .
* @ type string $autoplay The 'autoplay' attribute for the `<audio>` element . Default empty .
2016-01-09 15:18:27 +01:00
* @ type string $preload The 'preload' attribute for the `<audio>` element . Default 'none' .
2014-01-07 17:07:12 +01:00
* @ type string $class The 'class' attribute for the `<audio>` element . Default 'wp-audio-shortcode' .
2016-05-25 15:33:29 +02:00
* @ type string $style The 'style' attribute for the `<audio>` element . Default 'width: 100%;' .
2014-01-07 17:07:12 +01:00
* }
2015-02-24 08:42:24 +01:00
* @ param string $content Shortcode content .
2015-05-26 21:23:25 +02:00
* @ return string | void HTML content to display audio .
2013-03-16 06:25:44 +01:00
*/
2013-09-19 00:06:09 +02:00
function wp_audio_shortcode ( $attr , $content = '' ) {
2013-03-16 06:25:44 +01:00
$post_id = get_post () ? get_the_ID () : 0 ;
2015-01-30 17:06:22 +01:00
static $instance = 0 ;
$instance ++ ;
2013-03-16 06:25:44 +01:00
2013-09-18 23:20:09 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the default audio shortcode output .
2013-09-18 23:20:09 +02:00
*
2014-01-07 17:07:12 +01:00
* If the filtered output isn ' t empty , it will be used instead of generating the default audio template .
*
* @ since 3.6 . 0
2013-09-18 23:20:09 +02:00
*
2015-01-30 17:06:22 +01:00
* @ param string $html Empty variable to be replaced with shortcode markup .
* @ param array $attr Attributes of the shortcode . @ see wp_audio_shortcode ()
* @ param string $content Shortcode content .
* @ param int $instance Unique numeric ID of this audio shortcode instance .
2013-09-18 23:20:09 +02:00
*/
2015-01-30 17:06:22 +01:00
$override = apply_filters ( 'wp_audio_shortcode_override' , '' , $attr , $content , $instance );
2019-06-15 03:02:52 +02:00
2014-05-07 19:36:18 +02:00
if ( '' !== $override ) {
return $override ;
}
2013-09-18 23:20:09 +02:00
2013-03-16 06:25:44 +01:00
$audio = null ;
$default_types = wp_get_audio_extensions ();
2013-07-24 07:52:49 +02:00
$defaults_atts = array (
'src' => '' ,
'loop' => '' ,
'autoplay' => '' ,
2016-01-09 15:18:27 +01:00
'preload' => 'none' ,
'class' => 'wp-audio-shortcode' ,
2017-12-01 00:11:00 +01:00
'style' => 'width: 100%;' ,
2013-07-24 07:52:49 +02:00
);
2014-05-07 19:36:18 +02:00
foreach ( $default_types as $type ) {
2017-12-01 00:11:00 +01:00
$defaults_atts [ $type ] = '' ;
2014-05-07 19:36:18 +02:00
}
2013-03-16 06:25:44 +01:00
2013-04-05 19:46:31 +02:00
$atts = shortcode_atts ( $defaults_atts , $attr , 'audio' );
2013-03-16 06:25:44 +01:00
$primary = false ;
2014-05-07 19:36:18 +02:00
if ( ! empty ( $atts [ 'src' ] ) ) {
$type = wp_check_filetype ( $atts [ 'src' ], wp_get_mime_types () );
2019-06-15 03:02:52 +02:00
if ( ! in_array ( strtolower ( $type [ 'ext' ] ), $default_types , true ) ) {
2014-05-07 19:36:18 +02:00
return sprintf ( '<a class="wp-embedded-audio" href="%s">%s</a>' , esc_url ( $atts [ 'src' ] ), esc_html ( $atts [ 'src' ] ) );
}
2019-06-15 03:02:52 +02:00
2013-03-16 06:25:44 +01:00
$primary = true ;
array_unshift ( $default_types , 'src' );
} else {
foreach ( $default_types as $ext ) {
2014-05-07 19:36:18 +02:00
if ( ! empty ( $atts [ $ext ] ) ) {
$type = wp_check_filetype ( $atts [ $ext ], wp_get_mime_types () );
2019-06-15 03:02:52 +02:00
2014-05-07 19:36:18 +02:00
if ( strtolower ( $type [ 'ext' ] ) === $ext ) {
2013-03-16 06:25:44 +01:00
$primary = true ;
2014-05-07 19:36:18 +02:00
}
2013-03-16 06:25:44 +01:00
}
}
}
if ( ! $primary ) {
2013-07-05 22:41:49 +02:00
$audios = get_attached_media ( 'audio' , $post_id );
2019-06-15 03:02:52 +02:00
2014-05-07 19:36:18 +02:00
if ( empty ( $audios ) ) {
2013-03-16 06:25:44 +01:00
return ;
2014-05-07 19:36:18 +02:00
}
2013-03-16 06:25:44 +01:00
2017-12-01 00:11:00 +01:00
$audio = reset ( $audios );
2014-05-07 19:36:18 +02:00
$atts [ 'src' ] = wp_get_attachment_url ( $audio -> ID );
2019-06-15 03:02:52 +02:00
2014-05-07 19:36:18 +02:00
if ( empty ( $atts [ 'src' ] ) ) {
2013-03-16 06:25:44 +01:00
return ;
2014-05-07 19:36:18 +02:00
}
2013-03-16 06:25:44 +01:00
array_unshift ( $default_types , 'src' );
}
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the media library used for the audio shortcode .
2014-04-15 03:36:14 +02:00
*
* @ since 3.6 . 0
*
* @ param string $library Media library used for the audio shortcode .
*/
2013-03-16 06:25:44 +01:00
$library = apply_filters ( 'wp_audio_shortcode_library' , 'mediaelement' );
2019-06-15 03:02:52 +02:00
2013-03-27 19:34:59 +01:00
if ( 'mediaelement' === $library && did_action ( 'init' ) ) {
2013-03-16 06:25:44 +01:00
wp_enqueue_style ( 'wp-mediaelement' );
wp_enqueue_script ( 'wp-mediaelement' );
}
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the class attribute for the audio shortcode output container .
2014-04-15 03:36:14 +02:00
*
* @ since 3.6 . 0
2017-08-05 18:42:45 +02:00
* @ since 4.9 . 0 The `$atts` parameter was added .
2014-04-15 03:36:14 +02:00
*
* @ param string $class CSS class or list of space - separated classes .
2017-08-05 18:42:45 +02:00
* @ param array $atts Array of audio shortcode attributes .
2014-04-15 03:36:14 +02:00
*/
2017-08-05 18:42:45 +02:00
$atts [ 'class' ] = apply_filters ( 'wp_audio_shortcode_class' , $atts [ 'class' ], $atts );
2016-01-09 15:18:27 +01:00
2014-05-07 19:36:18 +02:00
$html_atts = array (
2016-01-09 15:18:27 +01:00
'class' => $atts [ 'class' ],
2015-01-30 17:06:22 +01:00
'id' => sprintf ( 'audio-%d-%d' , $post_id , $instance ),
2014-11-03 06:03:21 +01:00
'loop' => wp_validate_boolean ( $atts [ 'loop' ] ),
'autoplay' => wp_validate_boolean ( $atts [ 'autoplay' ] ),
2014-05-07 19:36:18 +02:00
'preload' => $atts [ 'preload' ],
2016-01-09 15:18:27 +01:00
'style' => $atts [ 'style' ],
2013-03-16 06:25:44 +01:00
);
2020-01-29 01:45:18 +01:00
// These ones should just be omitted altogether if they are blank.
2013-07-24 07:52:49 +02:00
foreach ( array ( 'loop' , 'autoplay' , 'preload' ) as $a ) {
2017-12-01 00:11:00 +01:00
if ( empty ( $html_atts [ $a ] ) ) {
unset ( $html_atts [ $a ] );
2014-05-07 19:36:18 +02:00
}
2013-07-24 07:52:49 +02:00
}
2013-07-24 08:36:29 +02:00
$attr_strings = array ();
2019-06-15 03:02:52 +02:00
2014-05-07 19:36:18 +02:00
foreach ( $html_atts as $k => $v ) {
2013-07-24 07:52:49 +02:00
$attr_strings [] = $k . '="' . esc_attr ( $v ) . '"' ;
}
2013-07-31 22:36:47 +02:00
$html = '' ;
2019-06-15 03:02:52 +02:00
2015-01-30 17:06:22 +01:00
if ( 'mediaelement' === $library && 1 === $instance ) {
2013-07-31 22:36:47 +02:00
$html .= " <!--[if lt IE 9]><script>document.createElement('audio');</script><![endif]--> \n " ;
2014-05-07 19:36:18 +02:00
}
2019-06-15 03:02:52 +02:00
2020-10-18 19:27:06 +02:00
$html .= sprintf ( '<audio %s controls="controls">' , implode ( ' ' , $attr_strings ) );
2013-03-16 06:25:44 +01:00
$fileurl = '' ;
2017-12-01 00:11:00 +01:00
$source = '<source type="%s" src="%s" />' ;
2019-06-15 03:02:52 +02:00
2013-03-16 06:25:44 +01:00
foreach ( $default_types as $fallback ) {
2014-05-07 19:36:18 +02:00
if ( ! empty ( $atts [ $fallback ] ) ) {
if ( empty ( $fileurl ) ) {
$fileurl = $atts [ $fallback ];
}
2019-06-15 03:02:52 +02:00
2017-12-01 00:11:00 +01:00
$type = wp_check_filetype ( $atts [ $fallback ], wp_get_mime_types () );
$url = add_query_arg ( '_' , $instance , $atts [ $fallback ] );
2014-03-13 04:42:14 +01:00
$html .= sprintf ( $source , $type [ 'type' ], esc_url ( $url ) );
2013-03-16 06:25:44 +01:00
}
}
2014-05-07 19:36:18 +02:00
if ( 'mediaelement' === $library ) {
2013-03-16 06:25:44 +01:00
$html .= wp_mediaelement_fallback ( $fileurl );
2014-05-07 19:36:18 +02:00
}
2019-06-15 03:02:52 +02:00
2013-03-16 06:25:44 +01:00
$html .= '</audio>' ;
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the audio shortcode output .
2014-04-15 03:36:14 +02:00
*
* @ since 3.6 . 0
*
* @ param string $html Audio shortcode HTML output .
* @ param array $atts Array of audio shortcode attributes .
* @ param string $audio Audio file .
* @ param int $post_id Post ID .
* @ param string $library Media library used for the audio shortcode .
*/
2013-07-31 22:36:47 +02:00
return apply_filters ( 'wp_audio_shortcode' , $html , $atts , $audio , $post_id , $library );
2013-03-16 06:25:44 +01:00
}
2013-09-18 23:20:09 +02:00
add_shortcode ( 'audio' , 'wp_audio_shortcode' );
2013-03-16 06:25:44 +01:00
/**
2019-10-26 22:43:04 +02:00
* Returns a filtered list of supported video formats .
2013-03-16 06:25:44 +01:00
*
* @ since 3.6 . 0
2015-02-24 08:42:24 +01:00
*
2019-10-26 23:09:04 +02:00
* @ return string [] List of supported video formats .
2013-03-16 06:25:44 +01:00
*/
function wp_get_video_extensions () {
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the list of supported video formats .
2014-04-15 03:36:14 +02:00
*
* @ since 3.6 . 0
*
2019-10-26 23:09:04 +02:00
* @ param string [] $extensions An array of supported video formats . Defaults are
* 'mp4' , 'm4v' , 'webm' , 'ogv' , 'flv' .
2014-04-15 03:36:14 +02:00
*/
2017-05-22 07:39:44 +02:00
return apply_filters ( 'wp_video_extensions' , array ( 'mp4' , 'm4v' , 'webm' , 'ogv' , 'flv' ) );
2013-03-16 06:25:44 +01:00
}
/**
2015-02-24 08:42:24 +01:00
* Builds the Video shortcode output .
2013-03-16 06:25:44 +01:00
*
* This implements the functionality of the Video Shortcode for displaying
* WordPress mp4s in a post .
*
* @ since 3.6 . 0
*
2015-05-26 21:23:25 +02:00
* @ global int $content_width
*
2015-02-24 08:42:24 +01:00
* @ param array $attr {
2014-01-07 17:07:12 +01:00
* Attributes of the shortcode .
*
* @ type string $src URL to the source of the video file . Default empty .
* @ type int $height Height of the video embed in pixels . Default 360.
* @ type int $width Width of the video embed in pixels . Default $content_width or 640.
* @ type string $poster The 'poster' attribute for the `<video>` element . Default empty .
* @ type string $loop The 'loop' attribute for the `<video>` element . Default empty .
* @ type string $autoplay The 'autoplay' attribute for the `<video>` element . Default empty .
2022-09-12 00:19:10 +02:00
* @ type string $muted The 'muted' attribute for the `<video>` element . Default false .
2014-01-07 17:07:12 +01:00
* @ type string $preload The 'preload' attribute for the `<video>` element .
* Default 'metadata' .
* @ type string $class The 'class' attribute for the `<video>` element .
* Default 'wp-video-shortcode' .
* }
2015-02-24 08:42:24 +01:00
* @ param string $content Shortcode content .
2015-05-26 21:23:25 +02:00
* @ return string | void HTML content to display video .
2013-03-16 06:25:44 +01:00
*/
2013-09-19 00:06:09 +02:00
function wp_video_shortcode ( $attr , $content = '' ) {
2013-03-16 06:25:44 +01:00
global $content_width ;
$post_id = get_post () ? get_the_ID () : 0 ;
2015-01-30 17:06:22 +01:00
static $instance = 0 ;
$instance ++ ;
2013-03-16 06:25:44 +01:00
2013-09-18 23:20:09 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the default video shortcode output .
2013-09-18 23:20:09 +02:00
*
2014-01-07 17:07:12 +01:00
* If the filtered output isn ' t empty , it will be used instead of generating
* the default video template .
2013-09-18 23:20:09 +02:00
*
2014-01-07 17:07:12 +01:00
* @ since 3.6 . 0
*
* @ see wp_video_shortcode ()
*
2015-01-30 17:06:22 +01:00
* @ param string $html Empty variable to be replaced with shortcode markup .
2017-08-05 18:42:45 +02:00
* @ param array $attr Attributes of the shortcode . @ see wp_video_shortcode ()
2015-01-30 17:06:22 +01:00
* @ param string $content Video shortcode content .
* @ param int $instance Unique numeric ID of this video shortcode instance .
2013-09-18 23:20:09 +02:00
*/
2015-01-30 17:06:22 +01:00
$override = apply_filters ( 'wp_video_shortcode_override' , '' , $attr , $content , $instance );
2019-06-15 03:02:52 +02:00
2014-05-07 19:36:18 +02:00
if ( '' !== $override ) {
return $override ;
}
2013-09-18 23:20:09 +02:00
2013-03-16 06:25:44 +01:00
$video = null ;
$default_types = wp_get_video_extensions ();
$defaults_atts = array (
2013-07-24 07:52:49 +02:00
'src' => '' ,
'poster' => '' ,
'loop' => '' ,
'autoplay' => '' ,
2022-09-12 00:19:10 +02:00
'muted' => 'false' ,
2013-07-24 07:52:49 +02:00
'preload' => 'metadata' ,
2014-02-28 22:28:14 +01:00
'width' => 640 ,
2013-07-24 07:52:49 +02:00
'height' => 360 ,
2016-01-09 15:18:27 +01:00
'class' => 'wp-video-shortcode' ,
2013-03-16 06:25:44 +01:00
);
2013-04-14 18:43:26 +02:00
2014-05-07 19:36:18 +02:00
foreach ( $default_types as $type ) {
2017-12-01 00:11:00 +01:00
$defaults_atts [ $type ] = '' ;
2014-05-07 19:36:18 +02:00
}
2013-03-16 06:25:44 +01:00
2013-04-05 19:46:31 +02:00
$atts = shortcode_atts ( $defaults_atts , $attr , 'video' );
2013-03-16 06:25:44 +01:00
2014-02-28 22:28:14 +01:00
if ( is_admin () ) {
2020-01-29 01:45:18 +01:00
// Shrink the video so it isn't huge in the admin.
2014-05-07 19:36:18 +02:00
if ( $atts [ 'width' ] > $defaults_atts [ 'width' ] ) {
$atts [ 'height' ] = round ( ( $atts [ 'height' ] * $defaults_atts [ 'width' ] ) / $atts [ 'width' ] );
2017-12-01 00:11:00 +01:00
$atts [ 'width' ] = $defaults_atts [ 'width' ];
2014-02-28 22:28:14 +01:00
}
} else {
2020-01-29 01:45:18 +01:00
// If the video is bigger than the theme.
2014-05-07 19:36:18 +02:00
if ( ! empty ( $content_width ) && $atts [ 'width' ] > $content_width ) {
$atts [ 'height' ] = round ( ( $atts [ 'height' ] * $content_width ) / $atts [ 'width' ] );
2017-12-01 00:11:00 +01:00
$atts [ 'width' ] = $content_width ;
2014-02-28 22:28:14 +01:00
}
}
2013-04-14 18:43:26 +02:00
2019-06-15 03:02:52 +02:00
$is_vimeo = false ;
$is_youtube = false ;
2017-12-01 00:11:00 +01:00
$yt_pattern = '#^https?://(?:www\.)?(?:youtube\.com/watch|youtu\.be/)#' ;
2014-12-31 21:41:24 +01:00
$vimeo_pattern = '#^https?://(.+\.)?vimeo\.com/.*#' ;
2014-01-31 19:59:13 +01:00
2013-03-16 06:25:44 +01:00
$primary = false ;
2014-05-07 19:36:18 +02:00
if ( ! empty ( $atts [ 'src' ] ) ) {
2017-12-01 00:11:00 +01:00
$is_vimeo = ( preg_match ( $vimeo_pattern , $atts [ 'src' ] ) );
$is_youtube = ( preg_match ( $yt_pattern , $atts [ 'src' ] ) );
2019-06-15 03:02:52 +02:00
2014-12-31 21:41:24 +01:00
if ( ! $is_youtube && ! $is_vimeo ) {
2014-05-07 19:36:18 +02:00
$type = wp_check_filetype ( $atts [ 'src' ], wp_get_mime_types () );
2019-06-15 03:02:52 +02:00
if ( ! in_array ( strtolower ( $type [ 'ext' ] ), $default_types , true ) ) {
2014-05-07 19:36:18 +02:00
return sprintf ( '<a class="wp-embedded-video" href="%s">%s</a>' , esc_url ( $atts [ 'src' ] ), esc_html ( $atts [ 'src' ] ) );
2014-01-31 19:59:13 +01:00
}
}
2014-12-31 21:41:24 +01:00
if ( $is_vimeo ) {
2017-12-01 00:11:00 +01:00
wp_enqueue_script ( 'mediaelement-vimeo' );
2014-12-31 21:41:24 +01:00
}
2013-03-16 06:25:44 +01:00
$primary = true ;
array_unshift ( $default_types , 'src' );
} else {
foreach ( $default_types as $ext ) {
2014-05-07 19:36:18 +02:00
if ( ! empty ( $atts [ $ext ] ) ) {
$type = wp_check_filetype ( $atts [ $ext ], wp_get_mime_types () );
if ( strtolower ( $type [ 'ext' ] ) === $ext ) {
2013-03-16 06:25:44 +01:00
$primary = true ;
2014-05-07 19:36:18 +02:00
}
2013-03-16 06:25:44 +01:00
}
}
}
if ( ! $primary ) {
2013-07-05 22:41:49 +02:00
$videos = get_attached_media ( 'video' , $post_id );
2014-05-07 19:36:18 +02:00
if ( empty ( $videos ) ) {
2013-03-16 06:25:44 +01:00
return ;
2014-05-07 19:36:18 +02:00
}
2013-03-16 06:25:44 +01:00
2017-12-01 00:11:00 +01:00
$video = reset ( $videos );
2014-05-07 19:36:18 +02:00
$atts [ 'src' ] = wp_get_attachment_url ( $video -> ID );
if ( empty ( $atts [ 'src' ] ) ) {
2013-03-16 06:25:44 +01:00
return ;
2014-05-07 19:36:18 +02:00
}
2013-03-16 06:25:44 +01:00
array_unshift ( $default_types , 'src' );
}
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the media library used for the video shortcode .
2014-04-15 03:36:14 +02:00
*
* @ since 3.6 . 0
*
* @ param string $library Media library used for the video shortcode .
*/
2013-03-16 06:25:44 +01:00
$library = apply_filters ( 'wp_video_shortcode_library' , 'mediaelement' );
2013-03-27 19:34:59 +01:00
if ( 'mediaelement' === $library && did_action ( 'init' ) ) {
2013-03-16 06:25:44 +01:00
wp_enqueue_style ( 'wp-mediaelement' );
wp_enqueue_script ( 'wp-mediaelement' );
2017-08-01 06:43:51 +02:00
wp_enqueue_script ( 'mediaelement-vimeo' );
2013-03-16 06:25:44 +01:00
}
2020-01-29 01:45:18 +01:00
// MediaElement.js has issues with some URL formats for Vimeo and YouTube,
// so update the URL to prevent the ME.js player from breaking.
2017-05-27 01:10:44 +02:00
if ( 'mediaelement' === $library ) {
if ( $is_youtube ) {
// Remove `feature` query arg and force SSL - see #40866.
$atts [ 'src' ] = remove_query_arg ( 'feature' , $atts [ 'src' ] );
$atts [ 'src' ] = set_url_scheme ( $atts [ 'src' ], 'https' );
} elseif ( $is_vimeo ) {
// Remove all query arguments and force SSL - see #40866.
$parsed_vimeo_url = wp_parse_url ( $atts [ 'src' ] );
2017-12-01 00:11:00 +01:00
$vimeo_src = 'https://' . $parsed_vimeo_url [ 'host' ] . $parsed_vimeo_url [ 'path' ];
2017-06-09 21:29:43 +02:00
// Add loop param for mejs bug - see #40977, not needed after #39686.
2017-12-01 00:11:00 +01:00
$loop = $atts [ 'loop' ] ? '1' : '0' ;
2017-06-09 21:29:43 +02:00
$atts [ 'src' ] = add_query_arg ( 'loop' , $loop , $vimeo_src );
2017-05-27 01:10:44 +02:00
}
}
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the class attribute for the video shortcode output container .
2014-04-15 03:36:14 +02:00
*
* @ since 3.6 . 0
2017-08-05 18:42:45 +02:00
* @ since 4.9 . 0 The `$atts` parameter was added .
2014-04-15 03:36:14 +02:00
*
* @ param string $class CSS class or list of space - separated classes .
2017-08-05 18:42:45 +02:00
* @ param array $atts Array of video shortcode attributes .
2014-04-15 03:36:14 +02:00
*/
2017-08-05 18:42:45 +02:00
$atts [ 'class' ] = apply_filters ( 'wp_video_shortcode_class' , $atts [ 'class' ], $atts );
2016-01-09 15:18:27 +01:00
2014-05-07 19:36:18 +02:00
$html_atts = array (
2016-01-09 15:18:27 +01:00
'class' => $atts [ 'class' ],
2015-01-30 17:06:22 +01:00
'id' => sprintf ( 'video-%d-%d' , $post_id , $instance ),
2014-05-07 19:36:18 +02:00
'width' => absint ( $atts [ 'width' ] ),
'height' => absint ( $atts [ 'height' ] ),
'poster' => esc_url ( $atts [ 'poster' ] ),
2014-11-03 06:03:21 +01:00
'loop' => wp_validate_boolean ( $atts [ 'loop' ] ),
'autoplay' => wp_validate_boolean ( $atts [ 'autoplay' ] ),
2022-09-12 00:19:10 +02:00
'muted' => wp_validate_boolean ( $atts [ 'muted' ] ),
2014-05-07 19:36:18 +02:00
'preload' => $atts [ 'preload' ],
2013-03-16 06:25:44 +01:00
);
2020-01-29 01:45:18 +01:00
// These ones should just be omitted altogether if they are blank.
2022-09-12 00:19:10 +02:00
foreach ( array ( 'poster' , 'loop' , 'autoplay' , 'preload' , 'muted' ) as $a ) {
2017-12-01 00:11:00 +01:00
if ( empty ( $html_atts [ $a ] ) ) {
unset ( $html_atts [ $a ] );
2014-05-07 19:36:18 +02:00
}
2013-07-24 07:52:49 +02:00
}
2013-07-24 08:36:29 +02:00
$attr_strings = array ();
2014-05-07 19:36:18 +02:00
foreach ( $html_atts as $k => $v ) {
2013-07-24 07:52:49 +02:00
$attr_strings [] = $k . '="' . esc_attr ( $v ) . '"' ;
}
2013-03-16 06:25:44 +01:00
2013-07-31 22:36:47 +02:00
$html = '' ;
2020-08-04 14:47:06 +02:00
2015-01-30 17:06:22 +01:00
if ( 'mediaelement' === $library && 1 === $instance ) {
2013-07-31 22:36:47 +02:00
$html .= " <!--[if lt IE 9]><script>document.createElement('video');</script><![endif]--> \n " ;
2014-05-07 19:36:18 +02:00
}
2020-08-04 14:47:06 +02:00
2020-10-18 19:27:06 +02:00
$html .= sprintf ( '<video %s controls="controls">' , implode ( ' ' , $attr_strings ) );
2013-03-16 06:25:44 +01:00
$fileurl = '' ;
2017-12-01 00:11:00 +01:00
$source = '<source type="%s" src="%s" />' ;
2020-08-04 14:47:06 +02:00
2013-03-16 06:25:44 +01:00
foreach ( $default_types as $fallback ) {
2014-05-07 19:36:18 +02:00
if ( ! empty ( $atts [ $fallback ] ) ) {
if ( empty ( $fileurl ) ) {
$fileurl = $atts [ $fallback ];
}
2014-12-31 21:41:24 +01:00
if ( 'src' === $fallback && $is_youtube ) {
2014-01-31 19:59:13 +01:00
$type = array ( 'type' => 'video/youtube' );
2014-12-31 21:41:24 +01:00
} elseif ( 'src' === $fallback && $is_vimeo ) {
$type = array ( 'type' => 'video/vimeo' );
2014-01-31 19:59:13 +01:00
} else {
2014-05-07 19:36:18 +02:00
$type = wp_check_filetype ( $atts [ $fallback ], wp_get_mime_types () );
2014-01-31 19:59:13 +01:00
}
2017-12-01 00:11:00 +01:00
$url = add_query_arg ( '_' , $instance , $atts [ $fallback ] );
2014-03-13 04:42:14 +01:00
$html .= sprintf ( $source , $type [ 'type' ], esc_url ( $url ) );
2013-03-16 06:25:44 +01:00
}
}
2014-02-05 02:43:12 +01:00
if ( ! empty ( $content ) ) {
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
if ( str_contains ( $content , " \n " ) ) {
2014-02-05 02:43:12 +01:00
$content = str_replace ( array ( " \r \n " , " \n " , " \t " ), '' , $content );
2014-05-07 19:36:18 +02:00
}
2014-02-05 02:43:12 +01:00
$html .= trim ( $content );
}
2014-05-07 19:36:18 +02:00
if ( 'mediaelement' === $library ) {
2013-04-29 02:56:27 +02:00
$html .= wp_mediaelement_fallback ( $fileurl );
2014-05-07 19:36:18 +02:00
}
2013-03-16 06:25:44 +01:00
$html .= '</video>' ;
2014-10-29 01:47:24 +01:00
$width_rule = '' ;
2014-08-07 07:53:15 +02:00
if ( ! empty ( $atts [ 'width' ] ) ) {
2016-09-13 15:45:31 +02:00
$width_rule = sprintf ( 'width: %dpx;' , $atts [ 'width' ] );
2014-08-07 07:53:15 +02:00
}
2014-10-29 01:47:24 +01:00
$output = sprintf ( '<div style="%s" class="wp-video">%s</div>' , $width_rule , $html );
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the output of the video shortcode .
2014-04-15 03:36:14 +02:00
*
* @ since 3.6 . 0
*
2014-05-07 19:36:18 +02:00
* @ param string $output Video shortcode HTML output .
2014-04-15 03:36:14 +02:00
* @ param array $atts Array of video shortcode attributes .
* @ param string $video Video file .
* @ param int $post_id Post ID .
* @ param string $library Media library used for the video shortcode .
*/
2014-05-07 19:36:18 +02:00
return apply_filters ( 'wp_video_shortcode' , $output , $atts , $video , $post_id , $library );
2013-03-16 06:25:44 +01:00
}
2013-09-18 23:20:09 +02:00
add_shortcode ( 'video' , 'wp_video_shortcode' );
2013-03-16 06:25:44 +01:00
2021-06-09 01:13:57 +02:00
/**
* Gets the previous image link that has the same post parent .
*
* @ since 5.8 . 0
*
* @ see get_adjacent_image_link ()
*
* @ param string | int [] $size Optional . Image size . Accepts any registered image size name , or an array
* of width and height values in pixels ( in that order ) . Default 'thumbnail' .
* @ param string | false $text Optional . Link text . Default false .
* @ return string Markup for previous image link .
*/
function get_previous_image_link ( $size = 'thumbnail' , $text = false ) {
return get_adjacent_image_link ( true , $size , $text );
}
2008-09-01 07:45:41 +02:00
/**
2015-02-24 08:42:24 +01:00
* Displays previous image link that has the same post parent .
2008-09-01 07:45:41 +02:00
*
* @ since 2.5 . 0
2015-02-24 08:42:24 +01:00
*
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Optional . Image size . Accepts any registered image size name , or an array
* of width and height values in pixels ( in that order ) . Default 'thumbnail' .
2021-01-05 18:16:11 +01:00
* @ param string | false $text Optional . Link text . Default false .
2008-09-01 07:45:41 +02:00
*/
2015-02-24 08:42:24 +01:00
function previous_image_link ( $size = 'thumbnail' , $text = false ) {
2021-06-09 01:13:57 +02:00
echo get_previous_image_link ( $size , $text );
}
/**
* Gets the next image link that has the same post parent .
*
* @ since 5.8 . 0
*
* @ see get_adjacent_image_link ()
*
* @ param string | int [] $size Optional . Image size . Accepts any registered image size name , or an array
* of width and height values in pixels ( in that order ) . Default 'thumbnail' .
* @ param string | false $text Optional . Link text . Default false .
* @ return string Markup for next image link .
*/
function get_next_image_link ( $size = 'thumbnail' , $text = false ) {
return get_adjacent_image_link ( false , $size , $text );
2008-03-11 01:09:14 +01:00
}
2008-09-01 07:45:41 +02:00
/**
2015-02-24 08:42:24 +01:00
* Displays next image link that has the same post parent .
2008-09-01 07:45:41 +02:00
*
* @ since 2.5 . 0
2015-02-24 08:42:24 +01:00
*
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Optional . Image size . Accepts any registered image size name , or an array
* of width and height values in pixels ( in that order ) . Default 'thumbnail' .
2021-01-05 18:16:11 +01:00
* @ param string | false $text Optional . Link text . Default false .
2008-09-01 07:45:41 +02:00
*/
2015-10-12 17:50:24 +02:00
function next_image_link ( $size = 'thumbnail' , $text = false ) {
2021-06-09 01:13:57 +02:00
echo get_next_image_link ( $size , $text );
2008-03-11 01:09:14 +01:00
}
2008-09-01 07:45:41 +02:00
/**
2021-06-09 01:13:57 +02:00
* Gets the next or previous image link that has the same post parent .
2008-09-01 07:45:41 +02:00
*
* Retrieves the current attachment object from the $post global .
*
2021-06-09 01:13:57 +02:00
* @ since 5.8 . 0
2008-09-01 07:45:41 +02:00
*
2015-02-24 08:42:24 +01:00
* @ param bool $prev Optional . Whether to display the next ( false ) or previous ( true ) link . Default true .
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Optional . Image size . Accepts any registered image size name , or an array
* of width and height values in pixels ( in that order ) . Default 'thumbnail' .
2015-02-24 08:42:24 +01:00
* @ param bool $text Optional . Link text . Default false .
2021-06-09 01:13:57 +02:00
* @ return string Markup for image link .
2008-09-01 07:45:41 +02:00
*/
2021-06-09 01:13:57 +02:00
function get_adjacent_image_link ( $prev = true , $size = 'thumbnail' , $text = false ) {
2017-12-01 00:11:00 +01:00
$post = get_post ();
$attachments = array_values (
get_children (
array (
'post_parent' => $post -> post_parent ,
'post_status' => 'inherit' ,
'post_type' => 'attachment' ,
'post_mime_type' => 'image' ,
'order' => 'ASC' ,
'orderby' => 'menu_order ID' ,
)
)
);
2008-03-11 01:09:14 +01:00
2014-05-27 12:55:16 +02:00
foreach ( $attachments as $k => $attachment ) {
2020-10-08 23:15:13 +02:00
if ( ( int ) $attachment -> ID === ( int ) $post -> ID ) {
2008-03-11 01:09:14 +01:00
break ;
2014-05-27 12:55:16 +02:00
}
}
2008-03-11 01:09:14 +01:00
2017-12-01 00:11:00 +01:00
$output = '' ;
2014-05-27 12:55:16 +02:00
$attachment_id = 0 ;
2008-03-11 01:09:14 +01:00
2014-05-27 12:55:16 +02:00
if ( $attachments ) {
$k = $prev ? $k - 1 : $k + 1 ;
if ( isset ( $attachments [ $k ] ) ) {
$attachment_id = $attachments [ $k ] -> ID ;
2021-02-09 18:27:05 +01:00
$attr = array ( 'alt' => get_the_title ( $attachment_id ) );
$output = wp_get_attachment_link ( $attachment_id , $size , true , false , $text , $attr );
2014-05-27 12:55:16 +02:00
}
2012-12-09 20:54:23 +01:00
}
$adjacent = $prev ? 'previous' : 'next' ;
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the adjacent image link .
2014-04-15 03:36:14 +02:00
*
2014-11-30 13:10:23 +01:00
* The dynamic portion of the hook name , `$adjacent` , refers to the type of adjacency ,
2014-04-15 03:36:14 +02:00
* either 'next' , or 'previous' .
*
2021-03-07 13:32:09 +01:00
* Possible hook names include :
*
* - `next_image_link`
* - `previous_image_link`
*
2014-04-15 03:36:14 +02:00
* @ since 3.5 . 0
*
* @ param string $output Adjacent image HTML markup .
* @ param int $attachment_id Attachment ID
2020-09-20 18:23:07 +02:00
* @ param string | int [] $size Requested image size . Can be any registered image size name , or
* an array of width and height values in pixels ( in that order ) .
2014-04-15 03:36:14 +02:00
* @ param string $text Link text .
*/
2021-06-09 01:13:57 +02:00
return apply_filters ( " { $adjacent } _image_link " , $output , $attachment_id , $size , $text );
}
/**
* Displays next or previous image link that has the same post parent .
*
* Retrieves the current attachment object from the $post global .
*
* @ since 2.5 . 0
*
* @ param bool $prev Optional . Whether to display the next ( false ) or previous ( true ) link . Default true .
* @ param string | int [] $size Optional . Image size . Accepts any registered image size name , or an array
* of width and height values in pixels ( in that order ) . Default 'thumbnail' .
* @ param bool $text Optional . Link text . Default false .
*/
function adjacent_image_link ( $prev = true , $size = 'thumbnail' , $text = false ) {
echo get_adjacent_image_link ( $prev , $size , $text );
2008-03-11 01:09:14 +01:00
}
2008-09-18 08:14:46 +02:00
/**
2015-02-24 08:42:24 +01:00
* Retrieves taxonomies attached to given the attachment .
2008-09-18 08:14:46 +02:00
*
* @ since 2.5 . 0
2016-08-20 19:35:31 +02:00
* @ since 4.7 . 0 Introduced the `$output` parameter .
2008-09-18 08:14:46 +02:00
*
2015-02-24 08:42:24 +01:00
* @ param int | array | object $attachment Attachment ID , data array , or data object .
2016-08-20 19:35:31 +02:00
* @ param string $output Output type . 'names' to return an array of taxonomy names ,
* or 'objects' to return an array of taxonomy objects .
* Default is 'names' .
2019-11-05 22:23:02 +01:00
* @ return string [] | WP_Taxonomy [] List of taxonomies or taxonomy names . Empty array on failure .
2008-09-18 08:14:46 +02:00
*/
2016-08-20 19:35:31 +02:00
function get_attachment_taxonomies ( $attachment , $output = 'names' ) {
2015-01-08 08:05:25 +01:00
if ( is_int ( $attachment ) ) {
$attachment = get_post ( $attachment );
} elseif ( is_array ( $attachment ) ) {
2008-03-26 07:37:19 +01:00
$attachment = ( object ) $attachment ;
2015-01-08 08:05:25 +01:00
}
2019-06-15 03:02:52 +02:00
2017-12-01 00:11:00 +01:00
if ( ! is_object ( $attachment ) ) {
2008-03-26 07:37:19 +01:00
return array ();
2017-12-01 00:11:00 +01:00
}
2008-03-26 07:37:19 +01:00
2017-12-01 00:11:00 +01:00
$file = get_attached_file ( $attachment -> ID );
2019-03-01 21:58:52 +01:00
$filename = wp_basename ( $file );
2008-03-26 07:37:19 +01:00
2017-12-01 00:11:00 +01:00
$objects = array ( 'attachment' );
2008-03-26 07:37:19 +01:00
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
if ( str_contains ( $filename , '.' ) ) {
2017-12-01 00:11:00 +01:00
$objects [] = 'attachment:' . substr ( $filename , strrpos ( $filename , '.' ) + 1 );
}
2019-06-15 03:02:52 +02:00
2017-12-01 00:11:00 +01:00
if ( ! empty ( $attachment -> post_mime_type ) ) {
2008-03-26 07:37:19 +01:00
$objects [] = 'attachment:' . $attachment -> post_mime_type ;
2019-06-15 03:02:52 +02:00
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
if ( str_contains ( $attachment -> post_mime_type , '/' ) ) {
2017-12-01 00:11:00 +01:00
foreach ( explode ( '/' , $attachment -> post_mime_type ) as $token ) {
if ( ! empty ( $token ) ) {
2008-03-26 07:37:19 +01:00
$objects [] = " attachment: $token " ;
2017-12-01 00:11:00 +01:00
}
}
}
2008-03-26 07:37:19 +01:00
}
$taxonomies = array ();
2019-06-15 03:02:52 +02:00
2016-08-20 19:35:31 +02:00
foreach ( $objects as $object ) {
2019-06-15 03:02:52 +02:00
$taxes = get_object_taxonomies ( $object , $output );
if ( $taxes ) {
2016-08-20 19:35:31 +02:00
$taxonomies = array_merge ( $taxonomies , $taxes );
}
}
2008-03-26 07:37:19 +01:00
2016-08-30 05:07:34 +02:00
if ( 'names' === $output ) {
$taxonomies = array_unique ( $taxonomies );
}
return $taxonomies ;
2008-03-26 07:37:19 +01:00
}
2009-09-11 00:07:33 +02:00
2012-09-22 00:52:54 +02:00
/**
2018-03-22 21:27:32 +01:00
* Retrieves all of the taxonomies that are registered for attachments .
2012-09-22 00:52:54 +02:00
*
* Handles mime - type - specific taxonomies such as attachment : image and attachment : video .
*
* @ since 3.5 . 0
2020-06-16 23:07:14 +02:00
*
2015-02-24 08:42:24 +01:00
* @ see get_taxonomies ()
*
* @ param string $output Optional . The type of taxonomy output to return . Accepts 'names' or 'objects' .
* Default 'names' .
2018-03-22 21:27:32 +01:00
* @ return string [] | WP_Taxonomy [] Array of names or objects of registered taxonomies for attachments .
2012-09-22 00:52:54 +02:00
*/
function get_taxonomies_for_attachments ( $output = 'names' ) {
$taxonomies = array ();
2019-06-15 03:02:52 +02:00
2012-09-22 00:52:54 +02:00
foreach ( get_taxonomies ( array (), 'objects' ) as $taxonomy ) {
foreach ( $taxonomy -> object_type as $object_type ) {
Code Modernization: Replace usage of `strpos()` with `str_starts_with()`.
`str_starts_with()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) begins with the given substring (needle).
WordPress core includes a polyfill for `str_starts_with()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `0 === strpos( ... )` with `str_starts_with()` in core files, making the code more readable and consistent, as well as improving performance.
While `strpos()` is slightly faster than the polyfill on PHP < 8.0, `str_starts_with()` is noticeably faster on PHP 8.0+, as it is optimized to avoid unnecessarily searching along the whole haystack if it does not find the needle.
Follow-up to [52039], [52040], [52326].
Props spacedmonkey, costdev, sabernhardt, mukesh27, desrosj, jorbin, TobiasBg, ayeshrajans, lgadzhev, SergeyBiryukov.
Fixes #58012.
Built from https://develop.svn.wordpress.org/trunk@55703
git-svn-id: http://core.svn.wordpress.org/trunk@55215 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-05-02 17:45:22 +02:00
if ( 'attachment' === $object_type || str_starts_with ( $object_type , 'attachment:' ) ) {
2019-06-15 03:02:52 +02:00
if ( 'names' === $output ) {
2012-09-22 00:52:54 +02:00
$taxonomies [] = $taxonomy -> name ;
2017-12-01 00:11:00 +01:00
} else {
2012-09-22 00:52:54 +02:00
$taxonomies [ $taxonomy -> name ] = $taxonomy ;
2017-12-01 00:11:00 +01:00
}
2012-09-22 00:52:54 +02:00
break ;
}
}
}
return $taxonomies ;
}
2020-08-28 18:45:06 +02:00
/**
* Determines whether the value is an acceptable type for GD image functions .
*
* In PHP 8.0 , the GD extension uses GdImage objects for its data structures .
2023-05-15 12:28:23 +02:00
* This function checks if the passed value is either a GdImage object instance
* or a resource of type `gd` . Any other type will return false .
2020-08-28 18:45:06 +02:00
*
* @ since 5.6 . 0
*
* @ param resource | GdImage | false $image A value to check the type for .
2023-05-20 12:19:23 +02:00
* @ return bool True if `$image` is either a GD image resource or a GdImage instance ,
2020-08-28 18:45:06 +02:00
* false otherwise .
*/
function is_gd_image ( $image ) {
2023-05-15 12:28:23 +02:00
if ( $image instanceof GdImage
|| is_resource ( $image ) && 'gd' === get_resource_type ( $image )
2020-08-28 18:45:06 +02:00
) {
return true ;
}
return false ;
}
2009-09-11 00:07:33 +02:00
/**
2023-05-20 12:19:23 +02:00
* Creates a new GD image resource with transparency support .
2015-02-24 08:42:24 +01:00
*
2020-01-29 01:45:18 +01:00
* @ todo Deprecate if possible .
2009-09-11 00:07:33 +02:00
*
* @ since 2.9 . 0
*
2015-02-24 08:42:24 +01:00
* @ param int $width Image width in pixels .
2020-08-16 15:33:09 +02:00
* @ param int $height Image height in pixels .
2020-12-08 12:51:05 +01:00
* @ return resource | GdImage | false The GD image resource or GdImage instance on success .
* False on failure .
2009-09-11 00:07:33 +02:00
*/
2017-12-01 00:11:00 +01:00
function wp_imagecreatetruecolor ( $width , $height ) {
$img = imagecreatetruecolor ( $width , $height );
2020-08-16 15:33:09 +02:00
if ( is_gd_image ( $img )
&& function_exists ( 'imagealphablending' ) && function_exists ( 'imagesavealpha' )
) {
2017-12-01 00:11:00 +01:00
imagealphablending ( $img , false );
imagesavealpha ( $img , true );
2009-09-11 00:07:33 +02:00
}
2020-08-16 15:33:09 +02:00
2009-09-11 00:07:33 +02:00
return $img ;
}
2009-10-13 19:04:22 +02:00
/**
2022-09-15 12:52:08 +02:00
* Based on a supplied width / height example , returns the biggest possible dimensions based on the max width / height .
2009-10-13 19:04:22 +02:00
*
2009-10-14 00:36:24 +02:00
* @ since 2.9 . 0
2009-10-13 19:04:22 +02:00
*
2015-02-24 08:42:24 +01:00
* @ see wp_constrain_dimensions ()
*
* @ param int $example_width The width of an example embed .
2009-10-13 19:04:22 +02:00
* @ param int $example_height The height of an example embed .
2015-02-24 08:42:24 +01:00
* @ param int $max_width The maximum allowed width .
* @ param int $max_height The maximum allowed height .
2019-11-05 22:23:02 +01:00
* @ return int [] {
* An array of maximum width and height values .
*
* @ type int $ 0 The maximum width in pixels .
* @ type int $ 1 The maximum height in pixels .
* }
2009-10-13 19:04:22 +02:00
*/
function wp_expand_dimensions ( $example_width , $example_height , $max_width , $max_height ) {
$example_width = ( int ) $example_width ;
$example_height = ( int ) $example_height ;
$max_width = ( int ) $max_width ;
$max_height = ( int ) $max_height ;
return wp_constrain_dimensions ( $example_width * 1000000 , $example_height * 1000000 , $max_width , $max_height );
}
2012-09-27 22:59:57 +02:00
/**
2015-02-24 08:42:24 +01:00
* Determines the maximum upload size allowed in php . ini .
2012-09-27 22:59:57 +02:00
*
* @ since 2.5 . 0
*
2013-02-16 03:52:57 +01:00
* @ return int Allowed upload size .
2012-09-27 22:59:57 +02:00
*/
function wp_max_upload_size () {
$u_bytes = wp_convert_hr_to_bytes ( ini_get ( 'upload_max_filesize' ) );
$p_bytes = wp_convert_hr_to_bytes ( ini_get ( 'post_max_size' ) );
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the maximum upload size allowed in php . ini .
2014-04-15 03:36:14 +02:00
*
* @ since 2.5 . 0
*
* @ param int $size Max upload size limit in bytes .
* @ param int $u_bytes Maximum upload filesize in bytes .
* @ param int $p_bytes Maximum size of POST data in bytes .
*/
return apply_filters ( 'upload_size_limit' , min ( $u_bytes , $p_bytes ), $u_bytes , $p_bytes );
2012-09-27 22:59:57 +02:00
}
2012-11-22 10:52:16 +01:00
/**
* Returns a WP_Image_Editor instance and loads file into it .
*
* @ since 3.5 . 0
*
2015-02-24 08:42:24 +01:00
* @ param string $path Path to the file to load .
* @ param array $args Optional . Additional arguments for retrieving the image editor .
* Default empty array .
2020-12-08 12:51:05 +01:00
* @ return WP_Image_Editor | WP_Error The WP_Image_Editor object on success ,
* a WP_Error object otherwise .
2012-11-22 10:52:16 +01:00
*/
function wp_get_image_editor ( $path , $args = array () ) {
$args [ 'path' ] = $path ;
2022-10-07 21:03:11 +02:00
// If the mime type is not set in args, try to extract and set it from the file.
2012-11-22 10:52:16 +01:00
if ( ! isset ( $args [ 'mime_type' ] ) ) {
2013-07-12 21:34:59 +02:00
$file_info = wp_check_filetype ( $args [ 'path' ] );
2012-11-22 10:52:16 +01:00
// If $file_info['type'] is false, then we let the editor attempt to
// figure out the file type, rather than forcing a failure based on extension.
2017-12-01 00:11:00 +01:00
if ( isset ( $file_info ) && $file_info [ 'type' ] ) {
2012-11-22 10:52:16 +01:00
$args [ 'mime_type' ] = $file_info [ 'type' ];
2017-12-01 00:11:00 +01:00
}
2012-11-22 10:52:16 +01:00
}
2022-10-07 21:03:11 +02:00
// Check and set the output mime type mapped to the input type.
if ( isset ( $args [ 'mime_type' ] ) ) {
/** This filter is documented in wp-includes/class-wp-image-editor.php */
$output_format = apply_filters ( 'image_editor_output_format' , array (), $path , $args [ 'mime_type' ] );
if ( isset ( $output_format [ $args [ 'mime_type' ] ] ) ) {
$args [ 'output_mime_type' ] = $output_format [ $args [ 'mime_type' ] ];
}
}
2012-11-27 03:27:11 +01:00
$implementation = _wp_image_editor_choose ( $args );
2012-11-22 10:52:16 +01:00
if ( $implementation ) {
$editor = new $implementation ( $path );
$loaded = $editor -> load ();
2017-12-01 00:11:00 +01:00
if ( is_wp_error ( $loaded ) ) {
2012-11-22 10:52:16 +01:00
return $loaded ;
2017-12-01 00:11:00 +01:00
}
2012-11-22 10:52:16 +01:00
return $editor ;
}
2017-12-01 00:11:00 +01:00
return new WP_Error ( 'image_no_editor' , __ ( 'No editor could be selected.' ) );
2012-11-22 10:52:16 +01:00
}
/**
* Tests whether there is an editor that supports a given mime type or methods .
*
* @ since 3.5 . 0
*
2015-02-24 08:42:24 +01:00
* @ param string | array $args Optional . Array of arguments to retrieve the image editor supports .
* Default empty array .
* @ return bool True if an eligible editor is found ; false otherwise .
2012-11-22 10:52:16 +01:00
*/
function wp_image_editor_supports ( $args = array () ) {
return ( bool ) _wp_image_editor_choose ( $args );
}
/**
* Tests which editors are capable of supporting the request .
*
2015-02-24 08:42:24 +01:00
* @ ignore
2012-11-22 10:52:16 +01:00
* @ since 3.5 . 0
*
2015-02-24 08:42:24 +01:00
* @ param array $args Optional . Array of arguments for choosing a capable editor . Default empty array .
2020-12-08 12:51:05 +01:00
* @ return string | false Class name for the first editor that claims to support the request .
* False if no editor claims to support the request .
2012-11-22 10:52:16 +01:00
*/
function _wp_image_editor_choose ( $args = array () ) {
2016-08-31 18:31:29 +02:00
require_once ABSPATH . WPINC . '/class-wp-image-editor.php' ;
require_once ABSPATH . WPINC . '/class-wp-image-editor-gd.php' ;
require_once ABSPATH . WPINC . '/class-wp-image-editor-imagick.php' ;
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the list of image editing library classes .
2014-04-15 03:36:14 +02:00
*
* @ since 3.5 . 0
*
2019-10-26 23:09:04 +02:00
* @ param string [] $image_editors Array of available image editor class names . Defaults are
* 'WP_Image_Editor_Imagick' , 'WP_Image_Editor_GD' .
2014-04-15 03:36:14 +02:00
*/
$implementations = apply_filters ( 'wp_image_editors' , array ( 'WP_Image_Editor_Imagick' , 'WP_Image_Editor_GD' ) );
2022-10-07 21:03:11 +02:00
$supports_input = false ;
2012-11-22 10:52:16 +01:00
foreach ( $implementations as $implementation ) {
2017-12-01 00:11:00 +01:00
if ( ! call_user_func ( array ( $implementation , 'test' ), $args ) ) {
2012-11-22 10:52:16 +01:00
continue ;
2017-12-01 00:11:00 +01:00
}
2012-11-22 10:52:16 +01:00
2022-10-07 21:03:11 +02:00
// Implementation should support the passed mime type.
2012-11-22 10:52:16 +01:00
if ( isset ( $args [ 'mime_type' ] ) &&
! call_user_func (
array ( $implementation , 'supports_mime_type' ),
2017-12-01 00:11:00 +01:00
$args [ 'mime_type' ]
) ) {
2012-11-22 10:52:16 +01:00
continue ;
}
2022-10-07 21:03:11 +02:00
// Implementation should support requested methods.
2012-11-22 10:52:16 +01:00
if ( isset ( $args [ 'methods' ] ) &&
2017-11-27 00:57:55 +01:00
array_diff ( $args [ 'methods' ], get_class_methods ( $implementation ) ) ) {
2012-11-22 10:52:16 +01:00
continue ;
}
2022-10-07 21:03:11 +02:00
// Implementation should ideally support the output mime type as well if set and different than the passed type.
if (
isset ( $args [ 'mime_type' ] ) &&
isset ( $args [ 'output_mime_type' ] ) &&
$args [ 'mime_type' ] !== $args [ 'output_mime_type' ] &&
! call_user_func ( array ( $implementation , 'supports_mime_type' ), $args [ 'output_mime_type' ] )
) {
// This implementation supports the imput type but not the output type.
// Keep looking to see if we can find an implementation that supports both.
$supports_input = $implementation ;
continue ;
}
// Favor the implementation that supports both input and output mime types.
2012-11-22 10:52:16 +01:00
return $implementation ;
}
2022-10-07 21:03:11 +02:00
return $supports_input ;
2012-11-22 10:52:16 +01:00
}
2012-03-15 05:14:05 +01:00
/**
2016-06-16 17:39:28 +02:00
* Prints default Plupload arguments .
2012-03-15 05:14:05 +01:00
*
* @ since 3.4 . 0
*/
function wp_plupload_default_settings () {
2015-05-26 21:23:25 +02:00
$wp_scripts = wp_scripts ();
2012-03-15 05:14:05 +01:00
2012-11-09 05:51:25 +01:00
$data = $wp_scripts -> get_data ( 'wp-plupload' , 'data' );
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
if ( $data && str_contains ( $data , '_wpPluploadSettings' ) ) {
2012-11-09 05:51:25 +01:00
return ;
2017-12-01 00:11:00 +01:00
}
2012-11-09 05:51:25 +01:00
2017-12-01 00:11:00 +01:00
$max_upload_size = wp_max_upload_size ();
2016-06-16 17:39:28 +02:00
$allowed_extensions = array_keys ( get_allowed_mime_types () );
2017-12-01 00:11:00 +01:00
$extensions = array ();
2016-06-16 17:39:28 +02:00
foreach ( $allowed_extensions as $extension ) {
$extensions = array_merge ( $extensions , explode ( '|' , $extension ) );
}
2012-03-15 05:14:05 +01:00
2017-09-01 14:28:46 +02:00
/*
* Since 4.9 the `runtimes` setting is hardcoded in our version of Plupload to `html5,html4` ,
* and the `flash_swf_url` and `silverlight_xap_url` are not used .
*/
2012-06-06 23:45:17 +02:00
$defaults = array (
2020-01-29 01:45:18 +01:00
'file_data_name' => 'async-upload' , // Key passed to $_FILE.
2017-12-01 00:11:00 +01:00
'url' => admin_url ( 'async-upload.php' , 'relative' ),
'filters' => array (
'max_file_size' => $max_upload_size . 'b' ,
'mime_types' => array ( array ( 'extensions' => implode ( ',' , $extensions ) ) ),
2014-02-27 21:01:16 +01:00
),
2012-03-15 05:14:05 +01:00
);
2012-11-28 00:20:12 +01:00
2020-01-29 01:45:18 +01:00
/*
* Currently only iOS Safari supports multiple files uploading ,
* but iOS 7. x has a bug that prevents uploading of videos when enabled .
* See #29602.
*/
2023-06-26 12:17:25 +02:00
if ( wp_is_mobile ()
&& str_contains ( $_SERVER [ 'HTTP_USER_AGENT' ], 'OS 7_' )
&& str_contains ( $_SERVER [ 'HTTP_USER_AGENT' ], 'like Mac OS X' )
) {
2014-09-11 00:40:16 +02:00
$defaults [ 'multi_selection' ] = false ;
}
2021-06-24 21:12:00 +02:00
// Check if WebP images can be edited.
if ( ! wp_image_editor_supports ( array ( 'mime_type' => 'image/webp' ) ) ) {
2021-06-24 22:55:58 +02:00
$defaults [ 'webp_upload_error' ] = true ;
2021-06-24 21:12:00 +02:00
}
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the Plupload default settings .
2014-04-15 03:36:14 +02:00
*
* @ since 3.4 . 0
*
* @ param array $defaults Default Plupload settings array .
*/
2012-06-06 23:45:17 +02:00
$defaults = apply_filters ( 'plupload_default_settings' , $defaults );
2012-03-15 05:14:05 +01:00
2012-03-15 13:50:18 +01:00
$params = array (
'action' => 'upload-attachment' ,
);
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the Plupload default parameters .
2014-04-15 03:36:14 +02:00
*
* @ since 3.4 . 0
*
* @ param array $params Default Plupload parameters array .
*/
2020-07-04 01:15:03 +02:00
$params = apply_filters ( 'plupload_default_params' , $params );
$params [ '_wpnonce' ] = wp_create_nonce ( 'media-form' );
2012-06-06 23:45:17 +02:00
$defaults [ 'multipart_params' ] = $params ;
$settings = array (
2017-12-01 00:11:00 +01:00
'defaults' => $defaults ,
'browser' => array (
2012-06-06 23:45:17 +02:00
'mobile' => wp_is_mobile (),
'supported' => _device_can_upload (),
),
2017-12-01 00:11:00 +01:00
'limitExceeded' => is_multisite () && ! is_upload_space_available (),
2012-06-06 23:45:17 +02:00
);
2012-03-15 13:50:18 +01:00
2014-10-28 19:35:19 +01:00
$script = 'var _wpPluploadSettings = ' . wp_json_encode ( $settings ) . ';' ;
2012-03-15 05:14:05 +01:00
2017-12-01 00:11:00 +01:00
if ( $data ) {
2012-03-15 05:14:05 +01:00
$script = " $data\n $script " ;
2017-12-01 00:11:00 +01:00
}
2012-03-15 05:14:05 +01:00
$wp_scripts -> add_data ( 'wp-plupload' , 'data' , $script );
}
2012-08-31 04:04:40 +02:00
/**
* Prepares an attachment post object for JS , where it is expected
* to be JSON - encoded and fit into an Attachment model .
*
* @ since 3.5 . 0
*
2017-12-01 04:30:47 +01:00
* @ param int | WP_Post $attachment Attachment ID or object .
2020-10-23 02:43:07 +02:00
* @ return array | void {
* Array of attachment details , or void if the parameter does not correspond to an attachment .
*
* @ type string $alt Alt text of the attachment .
* @ type string $author ID of the attachment author , as a string .
* @ type string $authorName Name of the attachment author .
* @ type string $caption Caption for the attachment .
* @ type array $compat Containing item and meta .
* @ type string $context Context , whether it ' s used as the site icon for example .
* @ type int $date Uploaded date , timestamp in milliseconds .
* @ type string $dateFormatted Formatted date ( e . g . June 29 , 2018 ) .
* @ type string $description Description of the attachment .
* @ type string $editLink URL to the edit page for the attachment .
* @ type string $filename File name of the attachment .
* @ type string $filesizeHumanReadable Filesize of the attachment in human readable format ( e . g . 1 MB ) .
* @ type int $filesizeInBytes Filesize of the attachment in bytes .
* @ type int $height If the attachment is an image , represents the height of the image in pixels .
* @ type string $icon Icon URL of the attachment ( e . g . / wp - includes / images / media / archive . png ) .
* @ type int $id ID of the attachment .
* @ type string $link URL to the attachment .
* @ type int $menuOrder Menu order of the attachment post .
* @ type array $meta Meta data for the attachment .
* @ type string $mime Mime type of the attachment ( e . g . image / jpeg or application / zip ) .
* @ type int $modified Last modified , timestamp in milliseconds .
* @ type string $name Name , same as title of the attachment .
* @ type array $nonces Nonces for update , delete and edit .
* @ type string $orientation If the attachment is an image , represents the image orientation
* ( landscape or portrait ) .
* @ type array $sizes If the attachment is an image , contains an array of arrays
* for the images sizes : thumbnail , medium , large , and full .
* @ type string $status Post status of the attachment ( usually 'inherit' ) .
* @ type string $subtype Mime subtype of the attachment ( usually the last part , e . g . jpeg or zip ) .
* @ type string $title Title of the attachment ( usually slugified file name without the extension ) .
* @ type string $type Type of the attachment ( usually first part of the mime type , e . g . image ) .
* @ type int $uploadedTo Parent post to which the attachment was uploaded .
* @ type string $uploadedToLink URL to the edit page of the parent post of the attachment .
* @ type string $uploadedToTitle Post title of the parent of the attachment .
* @ type string $url Direct URL to the attachment file ( from wp - content ) .
* @ type int $width If the attachment is an image , represents the width of the image in pixels .
* }
*
2012-08-31 04:04:40 +02:00
*/
function wp_prepare_attachment_for_js ( $attachment ) {
2019-06-15 03:02:52 +02:00
$attachment = get_post ( $attachment );
if ( ! $attachment ) {
2012-11-23 17:32:21 +01:00
return ;
2017-12-01 00:11:00 +01:00
}
2012-08-31 04:04:40 +02:00
2019-06-15 03:02:52 +02:00
if ( 'attachment' !== $attachment -> post_type ) {
2012-11-23 17:32:21 +01:00
return ;
2017-12-01 00:11:00 +01:00
}
2012-08-31 04:04:40 +02:00
$meta = wp_get_attachment_metadata ( $attachment -> ID );
Code Modernization: Replace usage of `strpos()` with `str_contains()`.
`str_contains()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) contains the given substring (needle).
WordPress core includes a polyfill for `str_contains()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `false !== strpos( ... )` with `str_contains()` in core files, making the code more readable and consistent, as well as better aligned with modern development practices.
Follow-up to [52039], [52040], [52326], [55703], [55710], [55987].
Props Soean, spacedmonkey, costdev, dingo_d, azaozz, mikeschroder, flixos90, peterwilsoncc, SergeyBiryukov.
Fixes #58206.
Built from https://develop.svn.wordpress.org/trunk@55988
git-svn-id: http://core.svn.wordpress.org/trunk@55500 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-22 16:36:26 +02:00
if ( str_contains ( $attachment -> post_mime_type , '/' ) ) {
2012-11-23 17:32:21 +01:00
list ( $type , $subtype ) = explode ( '/' , $attachment -> post_mime_type );
2017-12-01 00:11:00 +01:00
} else {
2012-11-23 17:32:21 +01:00
list ( $type , $subtype ) = array ( $attachment -> post_mime_type , '' );
2017-12-01 00:11:00 +01:00
}
2012-08-31 04:04:40 +02:00
$attachment_url = wp_get_attachment_url ( $attachment -> ID );
2017-12-01 00:11:00 +01:00
$base_url = str_replace ( wp_basename ( $attachment_url ), '' , $attachment_url );
2012-08-31 04:04:40 +02:00
$response = array (
2017-12-01 00:11:00 +01:00
'id' => $attachment -> ID ,
'title' => $attachment -> post_title ,
'filename' => wp_basename ( get_attached_file ( $attachment -> ID ) ),
'url' => $attachment_url ,
'link' => get_attachment_link ( $attachment -> ID ),
'alt' => get_post_meta ( $attachment -> ID , '_wp_attachment_image_alt' , true ),
'author' => $attachment -> post_author ,
'description' => $attachment -> post_content ,
'caption' => $attachment -> post_excerpt ,
'name' => $attachment -> post_name ,
'status' => $attachment -> post_status ,
'uploadedTo' => $attachment -> post_parent ,
'date' => strtotime ( $attachment -> post_date_gmt ) * 1000 ,
'modified' => strtotime ( $attachment -> post_modified_gmt ) * 1000 ,
'menuOrder' => $attachment -> menu_order ,
'mime' => $attachment -> post_mime_type ,
'type' => $type ,
'subtype' => $subtype ,
'icon' => wp_mime_type_icon ( $attachment -> ID ),
2015-12-07 05:26:27 +01:00
'dateFormatted' => mysql2date ( __ ( 'F j, Y' ), $attachment -> post_date ),
2017-12-01 00:11:00 +01:00
'nonces' => array (
2012-12-04 19:33:51 +01:00
'update' => false ,
'delete' => false ,
2017-12-01 00:11:00 +01:00
'edit' => false ,
2012-11-27 16:50:59 +01:00
),
2017-12-01 00:11:00 +01:00
'editLink' => false ,
'meta' => false ,
2012-08-31 04:04:40 +02:00
);
2014-06-06 00:01:18 +02:00
$author = new WP_User ( $attachment -> post_author );
2021-01-18 13:55:07 +01:00
2017-05-20 04:23:43 +02:00
if ( $author -> exists () ) {
2020-10-19 22:45:06 +02:00
$author_name = $author -> display_name ? $author -> display_name : $author -> nickname ;
$response [ 'authorName' ] = html_entity_decode ( $author_name , ENT_QUOTES , get_bloginfo ( 'charset' ) );
2020-10-19 22:29:05 +02:00
$response [ 'authorLink' ] = get_edit_user_link ( $author -> ID );
2017-05-20 04:23:43 +02:00
} else {
$response [ 'authorName' ] = __ ( '(no author)' );
}
2014-06-06 00:01:18 +02:00
if ( $attachment -> post_parent ) {
$post_parent = get_post ( $attachment -> post_parent );
2020-10-19 22:29:05 +02:00
if ( $post_parent ) {
2016-07-01 17:07:36 +02:00
$response [ 'uploadedToTitle' ] = $post_parent -> post_title ? $post_parent -> post_title : __ ( '(no title)' );
2020-10-19 22:29:05 +02:00
$response [ 'uploadedToLink' ] = get_edit_post_link ( $attachment -> post_parent , 'raw' );
2016-07-01 17:07:36 +02:00
}
2014-06-06 00:01:18 +02:00
}
2014-07-02 16:37:15 +02:00
$attached_file = get_attached_file ( $attachment -> ID );
2015-09-17 08:04:24 +02:00
2015-09-17 07:03:24 +02:00
if ( isset ( $meta [ 'filesize' ] ) ) {
$bytes = $meta [ 'filesize' ];
} elseif ( file_exists ( $attached_file ) ) {
Media: Store attachment’s file size in metadata.
Store the file size of all newly uploaded attachments, as part of the metadata stored in post meta. Storing file size means, developers will not have to resort to doing `filesize` function calls, that can be time consuming on assets on offloaded to services like Amazon’s S3.
This change also introduces a new helper function called, `wp_filesize`. This is a wrapper around the `filesize` php function, that adds some helpful filters and ensures the return value is an integer.
Props Cybr, Spacedmonkey, SergeyBiryukov, johnwatkins0, swissspidy, desrosj, joemcgill, azaozz, antpb, adamsilverstein, uday17035.
Fixes #49412.
Built from https://develop.svn.wordpress.org/trunk@52837
git-svn-id: http://core.svn.wordpress.org/trunk@52426 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-03-10 14:10:02 +01:00
$bytes = wp_filesize ( $attached_file );
2015-09-17 07:03:24 +02:00
} else {
$bytes = '' ;
}
if ( $bytes ) {
2017-12-01 00:11:00 +01:00
$response [ 'filesizeInBytes' ] = $bytes ;
2014-07-02 16:37:15 +02:00
$response [ 'filesizeHumanReadable' ] = size_format ( $bytes );
}
2014-06-06 00:01:18 +02:00
2017-12-01 00:11:00 +01:00
$context = get_post_meta ( $attachment -> ID , '_wp_attachment_context' , true );
2017-10-19 06:18:47 +02:00
$response [ 'context' ] = ( $context ) ? $context : '' ;
2012-12-06 06:52:19 +01:00
if ( current_user_can ( 'edit_post' , $attachment -> ID ) ) {
2012-12-04 19:33:51 +01:00
$response [ 'nonces' ][ 'update' ] = wp_create_nonce ( 'update-post_' . $attachment -> ID );
2017-12-01 00:11:00 +01:00
$response [ 'nonces' ][ 'edit' ] = wp_create_nonce ( 'image_editor-' . $attachment -> ID );
$response [ 'editLink' ] = get_edit_post_link ( $attachment -> ID , 'raw' );
2012-12-06 06:52:19 +01:00
}
2012-12-04 19:33:51 +01:00
2017-12-01 00:11:00 +01:00
if ( current_user_can ( 'delete_post' , $attachment -> ID ) ) {
2012-12-04 19:33:51 +01:00
$response [ 'nonces' ][ 'delete' ] = wp_create_nonce ( 'delete-post_' . $attachment -> ID );
2017-12-01 00:11:00 +01:00
}
2012-12-04 19:33:51 +01:00
2016-12-01 01:02:41 +01:00
if ( $meta && ( 'image' === $type || ! empty ( $meta [ 'sizes' ] ) ) ) {
2012-08-31 04:04:40 +02:00
$sizes = array ();
2014-04-15 03:36:14 +02:00
2013-10-25 00:59:20 +02:00
/** This filter is documented in wp-admin/includes/media.php */
2017-12-01 00:11:00 +01:00
$possible_sizes = apply_filters (
2018-08-17 03:51:36 +02:00
'image_size_names_choose' ,
array (
2017-12-01 00:11:00 +01:00
'thumbnail' => __ ( 'Thumbnail' ),
'medium' => __ ( 'Medium' ),
'large' => __ ( 'Large' ),
'full' => __ ( 'Full Size' ),
)
);
2012-11-26 23:46:56 +01:00
unset ( $possible_sizes [ 'full' ] );
2020-01-29 01:45:18 +01:00
/*
* Loop through all potential sizes that may be chosen . Try to do this with some efficiency .
* First : run the image_downsize filter . If it returns something , we can use its data .
* If the filter does not return something , then image_downsize () is just an expensive way
* to check the image metadata , which we do second .
*/
2012-11-26 23:46:56 +01:00
foreach ( $possible_sizes as $size => $label ) {
2014-04-15 03:36:14 +02:00
/** This filter is documented in wp-includes/media.php */
2019-06-15 03:02:52 +02:00
$downsize = apply_filters ( 'image_downsize' , false , $attachment -> ID , $size );
if ( $downsize ) {
2016-11-03 03:23:29 +01:00
if ( empty ( $downsize [ 3 ] ) ) {
2012-11-26 23:46:56 +01:00
continue ;
2016-11-03 03:23:29 +01:00
}
2012-11-26 23:46:56 +01:00
$sizes [ $size ] = array (
'height' => $downsize [ 2 ],
'width' => $downsize [ 1 ],
'url' => $downsize [ 0 ],
'orientation' => $downsize [ 2 ] > $downsize [ 1 ] ? 'portrait' : 'landscape' ,
);
} elseif ( isset ( $meta [ 'sizes' ][ $size ] ) ) {
// Nothing from the filter, so consult image metadata if we have it.
$size_meta = $meta [ 'sizes' ][ $size ];
2012-12-06 07:25:39 +01:00
// We have the actual image size, but might need to further constrain it if content_width is narrower.
2013-01-04 09:52:18 +01:00
// Thumbnail, medium, and full sizes are also checked against the site's height/width options.
list ( $width , $height ) = image_constrain_size_for_editor ( $size_meta [ 'width' ], $size_meta [ 'height' ], $size , 'edit' );
2012-12-06 07:25:39 +01:00
2012-11-26 23:46:56 +01:00
$sizes [ $size ] = array (
2012-12-06 07:25:39 +01:00
'height' => $height ,
'width' => $width ,
2012-11-26 23:46:56 +01:00
'url' => $base_url . $size_meta [ 'file' ],
2012-12-06 07:25:39 +01:00
'orientation' => $height > $width ? 'portrait' : 'landscape' ,
2012-09-06 11:50:41 +02:00
);
}
2012-08-31 04:04:40 +02:00
}
Media: Add support for rendering PDF thumbnails.
When support for PDFs is available, on upload,
render 'Thumbnail', 'Medium', 'Large', and 'Full' sizes of
the first page, and save them in attachment meta.
Use these renders within Add Media, Media Gallery and List views,
Attachment Details, Post/Attachment Edit screens, and Attachment pages.
Support available by default via Imagick -> ImageMagick -> Ghostscript,
but can be provided by any `WP_Image_Editor` that supports PDFs.
Props adamsilverstein, azaozz, celloexpressions, desrosj, dglingren, ericlewis, ipstenu, joemcgill, joyously, markoheijnen, melchoyce, mikeschroder, tomauger.
Fixes #31050.
Built from https://develop.svn.wordpress.org/trunk@38949
git-svn-id: http://core.svn.wordpress.org/trunk@38892 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-26 09:28:32 +02:00
if ( 'image' === $type ) {
2020-02-07 06:13:05 +01:00
if ( ! empty ( $meta [ 'original_image' ] ) ) {
$response [ 'originalImageURL' ] = wp_get_original_image_url ( $attachment -> ID );
$response [ 'originalImageName' ] = wp_basename ( wp_get_original_image_path ( $attachment -> ID ) );
}
Media: Add support for rendering PDF thumbnails.
When support for PDFs is available, on upload,
render 'Thumbnail', 'Medium', 'Large', and 'Full' sizes of
the first page, and save them in attachment meta.
Use these renders within Add Media, Media Gallery and List views,
Attachment Details, Post/Attachment Edit screens, and Attachment pages.
Support available by default via Imagick -> ImageMagick -> Ghostscript,
but can be provided by any `WP_Image_Editor` that supports PDFs.
Props adamsilverstein, azaozz, celloexpressions, desrosj, dglingren, ericlewis, ipstenu, joemcgill, joyously, markoheijnen, melchoyce, mikeschroder, tomauger.
Fixes #31050.
Built from https://develop.svn.wordpress.org/trunk@38949
git-svn-id: http://core.svn.wordpress.org/trunk@38892 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-26 09:28:32 +02:00
$sizes [ 'full' ] = array ( 'url' => $attachment_url );
if ( isset ( $meta [ 'height' ], $meta [ 'width' ] ) ) {
2017-12-01 00:11:00 +01:00
$sizes [ 'full' ][ 'height' ] = $meta [ 'height' ];
$sizes [ 'full' ][ 'width' ] = $meta [ 'width' ];
Media: Add support for rendering PDF thumbnails.
When support for PDFs is available, on upload,
render 'Thumbnail', 'Medium', 'Large', and 'Full' sizes of
the first page, and save them in attachment meta.
Use these renders within Add Media, Media Gallery and List views,
Attachment Details, Post/Attachment Edit screens, and Attachment pages.
Support available by default via Imagick -> ImageMagick -> Ghostscript,
but can be provided by any `WP_Image_Editor` that supports PDFs.
Props adamsilverstein, azaozz, celloexpressions, desrosj, dglingren, ericlewis, ipstenu, joemcgill, joyously, markoheijnen, melchoyce, mikeschroder, tomauger.
Fixes #31050.
Built from https://develop.svn.wordpress.org/trunk@38949
git-svn-id: http://core.svn.wordpress.org/trunk@38892 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-26 09:28:32 +02:00
$sizes [ 'full' ][ 'orientation' ] = $meta [ 'height' ] > $meta [ 'width' ] ? 'portrait' : 'landscape' ;
}
2013-03-29 21:51:35 +01:00
Media: Add support for rendering PDF thumbnails.
When support for PDFs is available, on upload,
render 'Thumbnail', 'Medium', 'Large', and 'Full' sizes of
the first page, and save them in attachment meta.
Use these renders within Add Media, Media Gallery and List views,
Attachment Details, Post/Attachment Edit screens, and Attachment pages.
Support available by default via Imagick -> ImageMagick -> Ghostscript,
but can be provided by any `WP_Image_Editor` that supports PDFs.
Props adamsilverstein, azaozz, celloexpressions, desrosj, dglingren, ericlewis, ipstenu, joemcgill, joyously, markoheijnen, melchoyce, mikeschroder, tomauger.
Fixes #31050.
Built from https://develop.svn.wordpress.org/trunk@38949
git-svn-id: http://core.svn.wordpress.org/trunk@38892 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-26 09:28:32 +02:00
$response = array_merge ( $response , $sizes [ 'full' ] );
} elseif ( $meta [ 'sizes' ][ 'full' ][ 'file' ] ) {
$sizes [ 'full' ] = array (
'url' => $base_url . $meta [ 'sizes' ][ 'full' ][ 'file' ],
'height' => $meta [ 'sizes' ][ 'full' ][ 'height' ],
'width' => $meta [ 'sizes' ][ 'full' ][ 'width' ],
2017-12-01 00:11:00 +01:00
'orientation' => $meta [ 'sizes' ][ 'full' ][ 'height' ] > $meta [ 'sizes' ][ 'full' ][ 'width' ] ? 'portrait' : 'landscape' ,
Media: Add support for rendering PDF thumbnails.
When support for PDFs is available, on upload,
render 'Thumbnail', 'Medium', 'Large', and 'Full' sizes of
the first page, and save them in attachment meta.
Use these renders within Add Media, Media Gallery and List views,
Attachment Details, Post/Attachment Edit screens, and Attachment pages.
Support available by default via Imagick -> ImageMagick -> Ghostscript,
but can be provided by any `WP_Image_Editor` that supports PDFs.
Props adamsilverstein, azaozz, celloexpressions, desrosj, dglingren, ericlewis, ipstenu, joemcgill, joyously, markoheijnen, melchoyce, mikeschroder, tomauger.
Fixes #31050.
Built from https://develop.svn.wordpress.org/trunk@38949
git-svn-id: http://core.svn.wordpress.org/trunk@38892 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-26 09:28:32 +02:00
);
2013-03-29 21:51:35 +01:00
}
2012-11-14 23:08:02 +01:00
Media: Add support for rendering PDF thumbnails.
When support for PDFs is available, on upload,
render 'Thumbnail', 'Medium', 'Large', and 'Full' sizes of
the first page, and save them in attachment meta.
Use these renders within Add Media, Media Gallery and List views,
Attachment Details, Post/Attachment Edit screens, and Attachment pages.
Support available by default via Imagick -> ImageMagick -> Ghostscript,
but can be provided by any `WP_Image_Editor` that supports PDFs.
Props adamsilverstein, azaozz, celloexpressions, desrosj, dglingren, ericlewis, ipstenu, joemcgill, joyously, markoheijnen, melchoyce, mikeschroder, tomauger.
Fixes #31050.
Built from https://develop.svn.wordpress.org/trunk@38949
git-svn-id: http://core.svn.wordpress.org/trunk@38892 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2016-10-26 09:28:32 +02:00
$response = array_merge ( $response , array ( 'sizes' => $sizes ) );
}
if ( $meta && 'video' === $type ) {
2017-12-01 00:11:00 +01:00
if ( isset ( $meta [ 'width' ] ) ) {
2013-04-12 00:34:05 +02:00
$response [ 'width' ] = ( int ) $meta [ 'width' ];
2017-12-01 00:11:00 +01:00
}
if ( isset ( $meta [ 'height' ] ) ) {
2013-04-12 00:34:05 +02:00
$response [ 'height' ] = ( int ) $meta [ 'height' ];
2017-12-01 00:11:00 +01:00
}
2012-08-31 04:04:40 +02:00
}
2013-07-23 07:39:08 +02:00
if ( $meta && ( 'audio' === $type || 'video' === $type ) ) {
2017-12-01 00:11:00 +01:00
if ( isset ( $meta [ 'length_formatted' ] ) ) {
2018-09-08 06:20:24 +02:00
$response [ 'fileLength' ] = $meta [ 'length_formatted' ];
$response [ 'fileLengthHumanReadable' ] = human_readable_duration ( $meta [ 'length_formatted' ] );
2017-12-01 00:11:00 +01:00
}
2014-03-20 14:33:14 +01:00
$response [ 'meta' ] = array ();
2014-07-11 23:56:16 +02:00
foreach ( wp_get_attachment_id3_keys ( $attachment , 'js' ) as $key => $label ) {
2014-07-24 20:04:18 +02:00
$response [ 'meta' ][ $key ] = false ;
2014-03-20 14:33:14 +01:00
if ( ! empty ( $meta [ $key ] ) ) {
$response [ 'meta' ][ $key ] = $meta [ $key ];
}
}
$id = get_post_thumbnail_id ( $attachment -> ID );
if ( ! empty ( $id ) ) {
list ( $src , $width , $height ) = wp_get_attachment_image_src ( $id , 'full' );
2017-12-01 00:11:00 +01:00
$response [ 'image' ] = compact ( 'src' , 'width' , 'height' );
2014-03-20 14:33:14 +01:00
list ( $src , $width , $height ) = wp_get_attachment_image_src ( $id , 'thumbnail' );
2017-12-01 00:11:00 +01:00
$response [ 'thumb' ] = compact ( 'src' , 'width' , 'height' );
2014-03-28 13:50:14 +01:00
} else {
2017-12-01 00:11:00 +01:00
$src = wp_mime_type_icon ( $attachment -> ID );
$width = 48 ;
$height = 64 ;
2014-03-28 13:50:14 +01:00
$response [ 'image' ] = compact ( 'src' , 'width' , 'height' );
$response [ 'thumb' ] = compact ( 'src' , 'width' , 'height' );
2014-03-20 14:33:14 +01:00
}
2013-07-23 07:39:08 +02:00
}
2017-12-01 00:11:00 +01:00
if ( function_exists ( 'get_compat_media_markup' ) ) {
Restore the Description field to the media UI in 3.5.
We tried in vain -- a noble but ultimately failed effort -- to reduce the number of fields for attachments from four (title, caption, alt, description) to one (caption for images, title otherwise). Alternative text needed to stay for accessibility reasons, of course.
Eventually title returned due to heavy plugin reliance. Description is too used by too many plugins (often times incorrectly -- the caption is more likely the proper field), hence its less-than-triumphant return today.
Version 3.5 has tried to streamline media in a number of ways. Removing fields may have been too much at once, as it forced not only a user interface change, but a paradigm change as well.
Finally, on upload we populate the description field with IPTC/EXIF captions, rather than the caption field. See #22768, this should be fixed. For now, Description stays.
This commit also restores 'Title' attribute editing to the main tab of the Edit Image dialog. The "Title" field no longer populates title attributes for <img> tags by design (for accessibility and other purposes, see #18984). So, here is a more obvious 'workaround' for the tooltip community.
Finally, this:
* Cleans up the post.php attachment editor, including by showing a prettier form of the mime type.
* Enables plugins to specifically hide attachment_fields_to_edit from either post.php (where you can create meta boxes) or the modal (which you may not want to clutter), for compatibility reasons.
* Hides the 'Describe this file...' placeholder when a field is read-only in the modal.
props nacin, helenyhou.
fixes #22759.
git-svn-id: http://core.svn.wordpress.org/trunk@23083 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-12-06 01:41:06 +01:00
$response [ 'compat' ] = get_compat_media_markup ( $attachment -> ID , array ( 'in_modal' => true ) );
2017-12-01 00:11:00 +01:00
}
2012-11-11 02:26:42 +01:00
2020-11-16 20:20:09 +01:00
if ( function_exists ( 'get_media_states' ) ) {
$media_states = get_media_states ( $attachment );
if ( ! empty ( $media_states ) ) {
$response [ 'mediaStates' ] = implode ( ', ' , $media_states );
}
2020-10-20 05:14:06 +02:00
}
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the attachment data prepared for JavaScript .
2014-04-15 03:36:14 +02:00
*
* @ since 3.5 . 0
*
2020-10-23 02:43:07 +02:00
* @ param array $response Array of prepared attachment data . @ see wp_prepare_attachment_for_js () .
2018-08-27 16:28:26 +02:00
* @ param WP_Post $attachment Attachment object .
* @ param array | false $meta Array of attachment meta data , or false if there is none .
2014-04-15 03:36:14 +02:00
*/
2012-08-31 04:04:40 +02:00
return apply_filters ( 'wp_prepare_attachment_for_js' , $response , $attachment , $meta );
}
Add new media workflow scripts, styles, and templates.
Please note that this commit does not integrate media into the existing UI. If you would like to see the new UI, navigate to the post editor and run the following in your browser's Javascript console:
new wp.media.controller.Workflow().render().modal.open();
The Javascript is broken up into two files, with the slugs media-models and media-views.
* media-models: The models are UI agnostic, and can be used independent of the views. If you'd like to create custom UIs, this is the script for you.
* media-views: This is the Media Experience. The views (and controllers) depend on the models (which are listed as a dependency and will automatically be included thanks to wp_enqueue_script). The views also require the media templates, media-view styles, and the plupload bridge settings. Perhaps we should create a function to include the whole shebang, but in the meantime...
To include media-views in the admin, run the following PHP in or after 'admin_enqueue_scripts':
wp_enqueue_script( 'media-views' );
wp_enqueue_style( 'media-views' );
wp_plupload_default_settings();
add_action( 'admin_footer', 'wp_print_media_templates' );
see #21390.
git-svn-id: http://core.svn.wordpress.org/trunk@21683 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2012-08-31 06:54:23 +02:00
2012-11-09 05:57:25 +01:00
/**
* Enqueues all scripts , styles , settings , and templates necessary to use
* all media JS APIs .
*
* @ since 3.5 . 0
2015-02-24 08:42:24 +01:00
*
2015-05-26 21:23:25 +02:00
* @ global int $content_width
2019-08-04 03:12:56 +02:00
* @ global wpdb $wpdb WordPress database abstraction object .
2019-08-04 03:46:55 +02:00
* @ global WP_Locale $wp_locale WordPress date and time locale object .
2015-05-26 21:23:25 +02:00
*
2015-02-24 08:42:24 +01:00
* @ param array $args {
* Arguments for enqueuing media scripts .
*
Posts, Post Types: Standardize on `$post` parameter name where appropriate.
This renames the `$post_id` or `$id` parameters to `$post` for functions that accept a post ID or post object:
* `get_sample_permalink()`
* `get_sample_permalink_html()`
* `wp_check_post_lock()`
* `wp_set_post_lock()`
* `get_the_tags()`
* `comment_class()`
* `get_comment_class()`
* `get_comments_link()`
* `get_comments_number()`
* `comments_number()`
* `get_comments_number_text()`
* `comments_open()`
* `pings_open()`
* `comment_form()`
* `do_trackbacks()`
* `pingback()`
* `post_permalink()`
* `get_post_permalink()`
* `get_edit_post_link()`
* `edit_post_link()`
* `get_delete_post_link()`
* `post_class()`
* `get_post_class()`
* `the_attachment_link()`
* `wp_get_attachment_link()`
* `wp_list_post_revisions()`
* `check_and_publish_future_post()`
* `add_ping()`
* `get_pung()`
* `get_to_ping()`
* `wp_get_post_revisions()`
* `wp_get_post_revisions_url()`
Additionally, `$revision_id` is renamed to `$revision` in:
* `wp_restore_post_revision()`
* `wp_delete_post_revision()`
Includes minor documentation improvements for consistency and code layout fixes for better readability.
Follow-up to [1599], [1794], [2881], [3303], [3851], [5302], [6633], [6716], [6985], [7103], [7149], [7747], [8011], [8638], [8643], [8695], [9138], [9273], [11425], [11922], [11956], [12284], [12810], [12923], [13023], [13171], [25567], [27156], [27473], [28558], [28602], [33659], [38852], [47276], [47366], [48622], [49544], [49597], [52095].
See #56243, #55647.
Built from https://develop.svn.wordpress.org/trunk@53715
git-svn-id: http://core.svn.wordpress.org/trunk@53274 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2022-07-18 19:37:17 +02:00
* @ type int | WP_Post $post Post ID or post object .
2015-02-24 08:42:24 +01:00
* }
2012-11-09 05:57:25 +01:00
*/
2012-11-14 10:06:10 +01:00
function wp_enqueue_media ( $args = array () ) {
2012-12-27 17:07:12 +01:00
// Enqueue me just once per page, please.
2017-12-01 00:11:00 +01:00
if ( did_action ( 'wp_enqueue_media' ) ) {
2012-12-27 17:07:12 +01:00
return ;
2017-12-01 00:11:00 +01:00
}
2012-12-27 17:07:12 +01:00
2014-07-22 22:47:15 +02:00
global $content_width , $wpdb , $wp_locale ;
2014-03-23 00:26:17 +01:00
2012-11-14 10:06:10 +01:00
$defaults = array (
'post' => null ,
);
2017-12-01 00:11:00 +01:00
$args = wp_parse_args ( $args , $defaults );
2012-11-14 10:06:10 +01:00
2012-11-10 08:51:37 +01:00
// We're going to pass the old thickbox media tabs to `media_upload_tabs`
// to ensure plugins will work. We will then unset those tabs.
$tabs = array (
2012-11-10 08:56:17 +01:00
// handler action suffix => tab label
'type' => '' ,
'type_url' => '' ,
'gallery' => '' ,
'library' => '' ,
2012-11-10 08:51:37 +01:00
);
2014-04-15 03:36:14 +02:00
/** This filter is documented in wp-admin/includes/media.php */
2012-11-10 08:51:37 +01:00
$tabs = apply_filters ( 'media_upload_tabs' , $tabs );
unset ( $tabs [ 'type' ], $tabs [ 'type_url' ], $tabs [ 'gallery' ], $tabs [ 'library' ] );
2013-01-04 09:02:16 +01:00
$props = array (
2020-01-29 01:45:18 +01:00
'link' => get_option ( 'image_default_link_type' ), // DB default is 'file'.
'align' => get_option ( 'image_default_align' ), // Empty default.
'size' => get_option ( 'image_default_size' ), // Empty default.
2013-01-04 09:02:16 +01:00
);
2017-12-01 00:11:00 +01:00
$exts = array_merge ( wp_get_audio_extensions (), wp_get_video_extensions () );
$mimes = get_allowed_mime_types ();
2014-03-09 02:01:14 +01:00
$ext_mimes = array ();
foreach ( $exts as $ext ) {
foreach ( $mimes as $ext_preg => $mime_match ) {
if ( preg_match ( '#' . $ext . '#i' , $ext_preg ) ) {
$ext_mimes [ $ext ] = $mime_match ;
break ;
}
}
}
2017-04-06 05:57:45 +02:00
/**
* Allows showing or hiding the " Create Audio Playlist " button in the media library .
*
2017-04-14 13:25:43 +02:00
* By default , the " Create Audio Playlist " button will always be shown in
* the media library . If this filter returns `null` , a query will be run
* to determine whether the media library contains any audio items . This
* was the default behavior prior to version 4.8 . 0 , but this query is
* expensive for large media libraries .
2017-04-06 05:57:45 +02:00
*
* @ since 4.7 . 4
2017-04-14 13:25:43 +02:00
* @ since 4.8 . 0 The filter ' s default value is `true` rather than `null` .
2017-04-06 05:57:45 +02:00
*
* @ link https :// core . trac . wordpress . org / ticket / 31071
*
2019-10-27 20:11:02 +01:00
* @ param bool | null $show Whether to show the button , or `null` to decide based
* on whether any audio files exist in the media library .
2017-04-06 05:57:45 +02:00
*/
2017-04-14 13:25:43 +02:00
$show_audio_playlist = apply_filters ( 'media_library_show_audio_playlist' , true );
2017-04-13 22:22:44 +02:00
if ( null === $show_audio_playlist ) {
2017-12-01 00:11:00 +01:00
$show_audio_playlist = $wpdb -> get_var (
2023-05-25 14:55:19 +02:00
" SELECT ID
2017-04-06 05:57:45 +02:00
FROM $wpdb -> posts
WHERE post_type = 'attachment'
AND post_mime_type LIKE 'audio%'
2023-05-25 14:55:19 +02:00
LIMIT 1 "
2017-12-01 00:11:00 +01:00
);
2017-04-06 05:57:45 +02:00
}
/**
* Allows showing or hiding the " Create Video Playlist " button in the media library .
*
2017-04-14 13:25:43 +02:00
* By default , the " Create Video Playlist " button will always be shown in
* the media library . If this filter returns `null` , a query will be run
* to determine whether the media library contains any video items . This
* was the default behavior prior to version 4.8 . 0 , but this query is
* expensive for large media libraries .
2017-04-06 05:57:45 +02:00
*
* @ since 4.7 . 4
2017-04-14 13:25:43 +02:00
* @ since 4.8 . 0 The filter ' s default value is `true` rather than `null` .
2017-04-06 05:57:45 +02:00
*
* @ link https :// core . trac . wordpress . org / ticket / 31071
*
2019-10-27 20:11:02 +01:00
* @ param bool | null $show Whether to show the button , or `null` to decide based
* on whether any video files exist in the media library .
2017-04-06 05:57:45 +02:00
*/
2017-04-14 13:25:43 +02:00
$show_video_playlist = apply_filters ( 'media_library_show_video_playlist' , true );
2017-04-13 22:22:44 +02:00
if ( null === $show_video_playlist ) {
2017-12-01 00:11:00 +01:00
$show_video_playlist = $wpdb -> get_var (
2023-05-25 14:55:19 +02:00
" SELECT ID
2017-04-06 05:57:45 +02:00
FROM $wpdb -> posts
WHERE post_type = 'attachment'
AND post_mime_type LIKE 'video%'
2023-05-25 14:55:19 +02:00
LIMIT 1 "
2017-12-01 00:11:00 +01:00
);
2017-04-06 05:57:45 +02:00
}
/**
* Allows overriding the list of months displayed in the media library .
*
* By default ( if this filter does not return an array ), a query will be
* run to determine the months that have media items . This query can be
* expensive for large media libraries , so it may be desirable for sites to
* override this behavior .
*
* @ since 4.7 . 4
*
* @ link https :// core . trac . wordpress . org / ticket / 31071
*
2022-08-04 16:52:11 +02:00
* @ param stdClass [] | null $months An array of objects with `month` and `year`
* properties , or `null` for default behavior .
2017-04-06 05:57:45 +02:00
*/
2017-04-13 22:22:44 +02:00
$months = apply_filters ( 'media_library_months_with_files' , null );
2017-04-06 05:57:45 +02:00
if ( ! is_array ( $months ) ) {
2017-12-01 00:11:00 +01:00
$months = $wpdb -> get_results (
$wpdb -> prepare (
2023-05-25 14:55:19 +02:00
" SELECT DISTINCT YEAR( post_date ) AS year, MONTH( post_date ) AS month
FROM $wpdb -> posts
WHERE post_type = % s
ORDER BY post_date DESC " ,
2018-08-17 03:51:36 +02:00
'attachment'
2017-12-01 00:11:00 +01:00
)
);
2017-04-06 05:57:45 +02:00
}
2014-07-22 22:47:15 +02:00
foreach ( $months as $month_year ) {
I18N: Improve translator comments.
* Add missing translator comments.
* Fix placement of some translator comments. Translator comments should be on the line directly above the line containing the translation function call for optimal compatibility with various `.pot` file generation tools. The CS auto-fixing, which changed some inconsistent function calls to multi-line function calls, is part of the reason why this was no longer the case for a select group of translator comments.
Includes minor code layout fixes.
Polyglots, rejoice! All WordPress core files now have translator comments for all strings with placeholders!
Props jrf, subrataemfluence, GaryJ, webdados, Dency, swissspidy, alvarogois, marcomartins, mihaiiceyro, vladwtz, niq1982, flipkeijzer, michielatyoast, chandrapatel, thrijith, joshuanoyce, FesoVik, tessak22, bhaktirajdev, cleancoded, dhavalkasvala, garrett-eclipse, bibliofille, socalchristina, priyankkpatel, 5hel2l2y, adamsilverstein, JeffPaul, pierlo, SergeyBiryukov.
Fixes #44360.
Built from https://develop.svn.wordpress.org/trunk@45926
git-svn-id: http://core.svn.wordpress.org/trunk@45737 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-09-01 19:13:59 +02:00
$month_year -> text = sprintf (
2019-09-03 02:41:05 +02:00
/* translators: 1: Month, 2: Year. */
I18N: Improve translator comments.
* Add missing translator comments.
* Fix placement of some translator comments. Translator comments should be on the line directly above the line containing the translation function call for optimal compatibility with various `.pot` file generation tools. The CS auto-fixing, which changed some inconsistent function calls to multi-line function calls, is part of the reason why this was no longer the case for a select group of translator comments.
Includes minor code layout fixes.
Polyglots, rejoice! All WordPress core files now have translator comments for all strings with placeholders!
Props jrf, subrataemfluence, GaryJ, webdados, Dency, swissspidy, alvarogois, marcomartins, mihaiiceyro, vladwtz, niq1982, flipkeijzer, michielatyoast, chandrapatel, thrijith, joshuanoyce, FesoVik, tessak22, bhaktirajdev, cleancoded, dhavalkasvala, garrett-eclipse, bibliofille, socalchristina, priyankkpatel, 5hel2l2y, adamsilverstein, JeffPaul, pierlo, SergeyBiryukov.
Fixes #44360.
Built from https://develop.svn.wordpress.org/trunk@45926
git-svn-id: http://core.svn.wordpress.org/trunk@45737 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2019-09-01 19:13:59 +02:00
__ ( '%1$s %2$d' ),
$wp_locale -> get_month ( $month_year -> month ),
$month_year -> year
);
2014-07-22 22:47:15 +02:00
}
2014-04-24 13:55:22 +02:00
2021-05-08 01:19:03 +02:00
/**
* Filters whether the Media Library grid has infinite scrolling . Default `false` .
*
2021-05-08 13:22:03 +02:00
* @ since 5.8 . 0
2021-05-08 01:19:03 +02:00
*
2021-06-23 21:05:57 +02:00
* @ param bool $infinite Whether the Media Library grid has infinite scrolling .
2021-05-08 01:19:03 +02:00
*/
$infinite_scrolling = apply_filters ( 'media_library_infinite_scrolling' , false );
2012-11-10 08:51:37 +01:00
$settings = array (
2021-05-08 01:19:03 +02:00
'tabs' => $tabs ,
'tabUrl' => add_query_arg ( array ( 'chromeless' => true ), admin_url ( 'media-upload.php' ) ),
'mimeTypes' => wp_list_pluck ( get_post_mime_types (), 0 ),
2014-04-15 03:36:14 +02:00
/** This filter is documented in wp-admin/includes/media.php */
2021-05-08 01:19:03 +02:00
'captions' => ! apply_filters ( 'disable_captions' , '' ),
'nonce' => array (
2023-05-16 16:27:21 +02:00
'sendToEditor' => wp_create_nonce ( 'media-send-to-editor' ),
'setAttachmentThumbnail' => wp_create_nonce ( 'set-attachment-thumbnail' ),
2012-11-21 17:02:20 +01:00
),
2021-05-08 01:19:03 +02:00
'post' => array (
2012-12-03 08:17:10 +01:00
'id' => 0 ,
),
2021-05-08 01:19:03 +02:00
'defaultProps' => $props ,
'attachmentCounts' => array (
2017-04-13 22:22:44 +02:00
'audio' => ( $show_audio_playlist ) ? 1 : 0 ,
'video' => ( $show_video_playlist ) ? 1 : 0 ,
2014-03-27 19:16:16 +01:00
),
2021-05-08 01:19:03 +02:00
'oEmbedProxyUrl' => rest_url ( 'oembed/1.0/proxy' ),
'embedExts' => $exts ,
'embedMimes' => $ext_mimes ,
'contentWidth' => $content_width ,
'months' => $months ,
'mediaTrash' => MEDIA_TRASH ? 1 : 0 ,
'infiniteScrolling' => ( $infinite_scrolling ) ? 1 : 0 ,
2012-11-10 08:51:37 +01:00
);
2012-11-20 03:58:33 +01:00
$post = null ;
if ( isset ( $args [ 'post' ] ) ) {
2017-12-01 00:11:00 +01:00
$post = get_post ( $args [ 'post' ] );
2012-12-03 08:17:10 +01:00
$settings [ 'post' ] = array (
2017-12-01 00:11:00 +01:00
'id' => $post -> ID ,
2012-12-03 08:17:10 +01:00
'nonce' => wp_create_nonce ( 'update-post_' . $post -> ID ),
);
2012-12-03 03:38:10 +01:00
2014-04-08 19:40:28 +02:00
$thumbnail_support = current_theme_supports ( 'post-thumbnails' , $post -> post_type ) && post_type_supports ( $post -> post_type , 'thumbnail' );
if ( ! $thumbnail_support && 'attachment' === $post -> post_type && $post -> post_mime_type ) {
2015-03-06 21:26:26 +01:00
if ( wp_attachment_is ( 'audio' , $post ) ) {
2014-04-08 19:40:28 +02:00
$thumbnail_support = post_type_supports ( 'attachment:audio' , 'thumbnail' ) || current_theme_supports ( 'post-thumbnails' , 'attachment:audio' );
2015-03-06 21:26:26 +01:00
} elseif ( wp_attachment_is ( 'video' , $post ) ) {
2014-04-08 19:40:28 +02:00
$thumbnail_support = post_type_supports ( 'attachment:video' , 'thumbnail' ) || current_theme_supports ( 'post-thumbnails' , 'attachment:video' );
}
}
if ( $thumbnail_support ) {
2017-12-01 00:11:00 +01:00
$featured_image_id = get_post_meta ( $post -> ID , '_thumbnail_id' , true );
2012-12-03 08:17:10 +01:00
$settings [ 'post' ][ 'featuredImageId' ] = $featured_image_id ? $featured_image_id : - 1 ;
2012-12-03 03:38:10 +01:00
}
2012-11-20 03:58:33 +01:00
}
2012-11-10 08:51:37 +01:00
2015-05-31 23:54:25 +02:00
if ( $post ) {
$post_type_object = get_post_type_object ( $post -> post_type );
} else {
$post_type_object = get_post_type_object ( 'post' );
}
2015-05-31 18:54:27 +02:00
2012-11-20 03:58:33 +01:00
$strings = array (
2020-01-29 01:45:18 +01:00
// Generic.
2019-09-01 17:18:56 +02:00
'mediaFrameDefaultTitle' => __ ( 'Media' ),
2017-12-01 00:11:00 +01:00
'url' => __ ( 'URL' ),
2020-07-06 23:52:21 +02:00
'addMedia' => __ ( 'Add media' ),
2017-12-01 00:11:00 +01:00
'search' => __ ( 'Search' ),
'select' => __ ( 'Select' ),
'cancel' => __ ( 'Cancel' ),
'update' => __ ( 'Update' ),
'replace' => __ ( 'Replace' ),
'remove' => __ ( 'Remove' ),
'back' => __ ( 'Back' ),
2017-11-27 00:57:55 +01:00
/*
* translators : This is a would - be plural string used in the media manager .
* If there is not a word you can use in your language to avoid issues with the
* lack of plural support here , turn it into " selected: %d " then translate it .
2012-12-05 20:03:38 +01:00
*/
2017-12-01 00:11:00 +01:00
'selected' => __ ( '%d selected' ),
'dragInfo' => __ ( 'Drag and drop to reorder media files.' ),
2012-11-10 01:37:13 +01:00
2020-01-29 01:45:18 +01:00
// Upload.
2020-07-06 23:52:21 +02:00
'uploadFilesTitle' => __ ( 'Upload files' ),
'uploadImagesTitle' => __ ( 'Upload images' ),
2012-11-10 01:37:13 +01:00
2020-01-29 01:45:18 +01:00
// Library.
2017-12-01 00:11:00 +01:00
'mediaLibraryTitle' => __ ( 'Media Library' ),
2020-07-06 23:52:21 +02:00
'insertMediaTitle' => __ ( 'Add media' ),
2017-12-01 00:11:00 +01:00
'createNewGallery' => __ ( 'Create a new gallery' ),
'createNewPlaylist' => __ ( 'Create a new playlist' ),
'createNewVideoPlaylist' => __ ( 'Create a new video playlist' ),
2020-11-09 11:53:10 +01:00
'returnToLibrary' => __ ( '← Go to library' ),
2017-12-01 00:11:00 +01:00
'allMediaItems' => __ ( 'All media items' ),
'allDates' => __ ( 'All dates' ),
'noItemsFound' => __ ( 'No items found.' ),
'insertIntoPost' => $post_type_object -> labels -> insert_into_item ,
I18N: Add context for some Media Library filter strings:
* Audio
* Video
* Unattached
This allows for more homogeneous translations in languages where keeping a plural form is important.
Follow-up to [6910], [7397], [8901], [9556], [11749], [13100], [12110], [15491], [15578], [22743], [29426], [29625], [34256], [45651], [46437].
Props jdy68, audrasjb, SergeyBiryukov.
Fixes #54238.
Built from https://develop.svn.wordpress.org/trunk@51903
git-svn-id: http://core.svn.wordpress.org/trunk@51496 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-10-12 18:44:01 +02:00
'unattached' => _x ( 'Unattached' , 'media items' ),
2018-05-01 23:37:23 +02:00
'mine' => _x ( 'Mine' , 'media items' ),
2017-12-01 00:11:00 +01:00
'trash' => _x ( 'Trash' , 'noun' ),
'uploadedToThisPost' => $post_type_object -> labels -> uploaded_to_this_item ,
'warnDelete' => __ ( " You are about to permanently delete this item from your site. \n This action cannot be undone. \n 'Cancel' to stop, 'OK' to delete. " ),
'warnBulkDelete' => __ ( " You are about to permanently delete these items from your site. \n This action cannot be undone. \n 'Cancel' to stop, 'OK' to delete. " ),
'warnBulkTrash' => __ ( " You are about to trash these items. \n 'Cancel' to stop, 'OK' to delete. " ),
2020-07-06 23:52:21 +02:00
'bulkSelect' => __ ( 'Bulk select' ),
2020-07-24 02:21:03 +02:00
'trashSelected' => __ ( 'Move to Trash' ),
'restoreSelected' => __ ( 'Restore from Trash' ),
2020-07-06 23:52:21 +02:00
'deletePermanently' => __ ( 'Delete permanently' ),
2022-02-14 15:21:05 +01:00
'errorDeleting' => __ ( 'Error in deleting the attachment.' ),
2017-12-01 00:11:00 +01:00
'apply' => __ ( 'Apply' ),
'filterByDate' => __ ( 'Filter by date' ),
'filterByType' => __ ( 'Filter by type' ),
2019-10-07 14:43:03 +02:00
'searchLabel' => __ ( 'Search' ),
2020-07-06 23:52:21 +02:00
'searchMediaLabel' => __ ( 'Search media' ), // Backward compatibility pre-5.3.
2020-01-29 01:45:18 +01:00
'searchMediaPlaceholder' => __ ( 'Search media items...' ), // Placeholder (no ellipsis), backward compatibility pre-5.3.
2021-05-08 01:19:03 +02:00
/* translators: %d: Number of attachments found in a search. */
2019-09-23 14:19:56 +02:00
'mediaFound' => __ ( 'Number of media items found: %d' ),
'noMedia' => __ ( 'No media items found.' ),
'noMediaTryNewSearch' => __ ( 'No media items found. Try a different search.' ),
2012-11-20 14:49:35 +01:00
2020-01-29 01:45:18 +01:00
// Library Details.
2020-07-06 23:52:21 +02:00
'attachmentDetails' => __ ( 'Attachment details' ),
2014-07-17 05:55:15 +02:00
2020-01-29 01:45:18 +01:00
// From URL.
2017-12-01 00:11:00 +01:00
'insertFromUrlTitle' => __ ( 'Insert from URL' ),
2012-11-10 01:37:13 +01:00
2020-01-29 01:45:18 +01:00
// Featured Images.
2017-12-01 00:11:00 +01:00
'setFeaturedImageTitle' => $post_type_object -> labels -> featured_image ,
'setFeaturedImage' => $post_type_object -> labels -> set_featured_image ,
2012-12-03 03:38:10 +01:00
2020-01-29 01:45:18 +01:00
// Gallery.
2020-07-06 23:52:21 +02:00
'createGalleryTitle' => __ ( 'Create gallery' ),
'editGalleryTitle' => __ ( 'Edit gallery' ),
'cancelGalleryTitle' => __ ( '← Cancel gallery' ),
2017-12-01 00:11:00 +01:00
'insertGallery' => __ ( 'Insert gallery' ),
'updateGallery' => __ ( 'Update gallery' ),
'addToGallery' => __ ( 'Add to gallery' ),
2020-07-06 23:52:21 +02:00
'addToGalleryTitle' => __ ( 'Add to gallery' ),
2017-12-01 00:11:00 +01:00
'reverseOrder' => __ ( 'Reverse order' ),
2014-01-28 22:17:12 +01:00
2020-01-29 01:45:18 +01:00
// Edit Image.
2020-07-06 23:52:21 +02:00
'imageDetailsTitle' => __ ( 'Image details' ),
'imageReplaceTitle' => __ ( 'Replace image' ),
'imageDetailsCancel' => __ ( 'Cancel edit' ),
'editImage' => __ ( 'Edit image' ),
2014-02-24 19:08:16 +01:00
2020-01-29 01:45:18 +01:00
// Crop Image.
2020-07-06 23:52:21 +02:00
'chooseImage' => __ ( 'Choose image' ),
'selectAndCrop' => __ ( 'Select and crop' ),
'skipCropping' => __ ( 'Skip cropping' ),
'cropImage' => __ ( 'Crop image' ),
2017-12-01 00:11:00 +01:00
'cropYourImage' => __ ( 'Crop your image' ),
'cropping' => __ ( 'Cropping…' ),
2019-09-03 02:41:05 +02:00
/* translators: 1: Suggested width number, 2: Suggested height number. */
2017-12-01 00:11:00 +01:00
'suggestedDimensions' => __ ( 'Suggested image dimensions: %1$s by %2$s pixels.' ),
'cropError' => __ ( 'There has been an error cropping your image.' ),
2014-03-11 05:13:16 +01:00
2020-01-29 01:45:18 +01:00
// Edit Audio.
2020-07-06 23:52:21 +02:00
'audioDetailsTitle' => __ ( 'Audio details' ),
'audioReplaceTitle' => __ ( 'Replace audio' ),
'audioAddSourceTitle' => __ ( 'Add audio source' ),
'audioDetailsCancel' => __ ( 'Cancel edit' ),
2014-03-05 16:06:14 +01:00
2020-01-29 01:45:18 +01:00
// Edit Video.
2020-07-06 23:52:21 +02:00
'videoDetailsTitle' => __ ( 'Video details' ),
'videoReplaceTitle' => __ ( 'Replace video' ),
'videoAddSourceTitle' => __ ( 'Add video source' ),
'videoDetailsCancel' => __ ( 'Cancel edit' ),
'videoSelectPosterImageTitle' => __ ( 'Select poster image' ),
'videoAddTrackTitle' => __ ( 'Add subtitles' ),
2017-12-01 00:11:00 +01:00
2020-01-29 01:45:18 +01:00
// Playlist.
2017-12-01 00:11:00 +01:00
'playlistDragInfo' => __ ( 'Drag and drop to reorder tracks.' ),
2020-07-06 23:52:21 +02:00
'createPlaylistTitle' => __ ( 'Create audio playlist' ),
'editPlaylistTitle' => __ ( 'Edit audio playlist' ),
'cancelPlaylistTitle' => __ ( '← Cancel audio playlist' ),
2017-12-01 00:11:00 +01:00
'insertPlaylist' => __ ( 'Insert audio playlist' ),
'updatePlaylist' => __ ( 'Update audio playlist' ),
'addToPlaylist' => __ ( 'Add to audio playlist' ),
'addToPlaylistTitle' => __ ( 'Add to Audio Playlist' ),
2020-01-29 01:45:18 +01:00
// Video Playlist.
2017-12-01 00:11:00 +01:00
'videoPlaylistDragInfo' => __ ( 'Drag and drop to reorder videos.' ),
2020-07-06 23:52:21 +02:00
'createVideoPlaylistTitle' => __ ( 'Create video playlist' ),
'editVideoPlaylistTitle' => __ ( 'Edit video playlist' ),
'cancelVideoPlaylistTitle' => __ ( '← Cancel video playlist' ),
2017-12-01 00:11:00 +01:00
'insertVideoPlaylist' => __ ( 'Insert video playlist' ),
'updateVideoPlaylist' => __ ( 'Update video playlist' ),
'addToVideoPlaylist' => __ ( 'Add to video playlist' ),
2020-07-06 23:52:21 +02:00
'addToVideoPlaylistTitle' => __ ( 'Add to video Playlist' ),
2019-03-21 22:05:52 +01:00
2020-01-29 01:45:18 +01:00
// Headings.
2020-07-06 23:52:21 +02:00
'filterAttachments' => __ ( 'Filter media' ),
2019-10-03 14:10:57 +02:00
'attachmentsList' => __ ( 'Media list' ),
2012-11-20 03:58:33 +01:00
);
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the media view settings .
2014-04-15 03:36:14 +02:00
*
* @ since 3.5 . 0
*
* @ param array $settings List of media view settings .
* @ param WP_Post $post Post object .
*/
2012-11-20 03:58:33 +01:00
$settings = apply_filters ( 'media_view_settings' , $settings , $post );
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the media view strings .
2014-04-15 03:36:14 +02:00
*
* @ since 3.5 . 0
*
2019-10-26 23:09:04 +02:00
* @ param string [] $strings Array of media view strings keyed by the name they ' ll be referenced by in JavaScript .
* @ param WP_Post $post Post object .
2014-04-15 03:36:14 +02:00
*/
2017-12-01 00:11:00 +01:00
$strings = apply_filters ( 'media_view_strings' , $strings , $post );
2012-11-20 03:58:33 +01:00
$strings [ 'settings' ] = $settings ;
2020-01-29 01:45:18 +01:00
// Ensure we enqueue media-editor first, that way media-views
// is registered internally before we try to localize it. See #24724.
2014-09-02 21:36:16 +02:00
wp_enqueue_script ( 'media-editor' );
2012-11-20 03:58:33 +01:00
wp_localize_script ( 'media-views' , '_wpMediaViewsL10n' , $strings );
2012-11-10 01:37:13 +01:00
2014-03-19 06:31:15 +01:00
wp_enqueue_script ( 'media-audiovideo' );
2012-11-09 05:57:25 +01:00
wp_enqueue_style ( 'media-views' );
2014-03-19 22:16:14 +01:00
if ( is_admin () ) {
2014-03-26 13:11:14 +01:00
wp_enqueue_script ( 'mce-view' );
2014-03-19 22:16:14 +01:00
wp_enqueue_script ( 'image-edit' );
}
2014-03-06 23:55:14 +01:00
wp_enqueue_style ( 'imgareaselect' );
2012-11-09 05:57:25 +01:00
wp_plupload_default_settings ();
2012-12-06 08:10:20 +01:00
require_once ABSPATH . WPINC . '/media-template.php' ;
2012-11-09 05:57:25 +01:00
add_action ( 'admin_footer' , 'wp_print_media_templates' );
add_action ( 'wp_footer' , 'wp_print_media_templates' );
2013-12-03 21:54:11 +01:00
add_action ( 'customize_controls_print_footer_scripts' , 'wp_print_media_templates' );
2012-12-02 17:33:20 +01:00
2014-04-15 03:36:14 +02:00
/**
* Fires at the conclusion of wp_enqueue_media () .
*
* @ since 3.5 . 0
*/
2012-12-02 17:33:20 +01:00
do_action ( 'wp_enqueue_media' );
2012-11-09 05:57:25 +01:00
}
2013-03-16 06:25:44 +01:00
/**
2015-02-24 08:42:24 +01:00
* Retrieves media attached to the passed post .
2013-03-16 06:25:44 +01:00
*
* @ since 3.6 . 0
*
2014-06-03 05:53:17 +02:00
* @ param string $type Mime type .
2014-07-03 21:28:14 +02:00
* @ param int | WP_Post $post Optional . Post ID or WP_Post object . Default is global $post .
2019-10-26 23:09:04 +02:00
* @ return WP_Post [] Array of media attached to the given post .
2013-03-16 06:25:44 +01:00
*/
2013-07-12 21:34:59 +02:00
function get_attached_media ( $type , $post = 0 ) {
2019-06-15 03:02:52 +02:00
$post = get_post ( $post );
if ( ! $post ) {
2013-07-12 21:34:59 +02:00
return array ();
2017-12-01 00:11:00 +01:00
}
2013-03-16 06:25:44 +01:00
2013-03-22 09:08:46 +01:00
$args = array (
2017-12-01 00:11:00 +01:00
'post_parent' => $post -> ID ,
'post_type' => 'attachment' ,
2013-03-22 09:08:46 +01:00
'post_mime_type' => $type ,
'posts_per_page' => - 1 ,
2017-12-01 00:11:00 +01:00
'orderby' => 'menu_order' ,
'order' => 'ASC' ,
2013-03-22 09:08:46 +01:00
);
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters arguments used to retrieve media attached to the given post .
2014-04-15 03:36:14 +02:00
*
* @ since 3.6 . 0
*
2019-10-26 22:43:04 +02:00
* @ param array $args Post query arguments .
* @ param string $type Mime type of the desired media .
* @ param WP_Post $post Post object .
2014-04-15 03:36:14 +02:00
*/
2013-03-22 09:08:46 +01:00
$args = apply_filters ( 'get_attached_media_args' , $args , $type , $post );
$children = get_children ( $args );
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the list of media attached to the given post .
2014-04-15 03:36:14 +02:00
*
* @ since 3.6 . 0
*
2019-10-26 23:09:04 +02:00
* @ param WP_Post [] $children Array of media attached to the given post .
* @ param string $type Mime type of the media desired .
* @ param WP_Post $post Post object .
2014-04-15 03:36:14 +02:00
*/
2013-03-22 09:08:46 +01:00
return ( array ) apply_filters ( 'get_attached_media' , $children , $type , $post );
}
2013-03-16 06:25:44 +01:00
2013-03-22 06:55:08 +01:00
/**
Docs: Fix a few more typos in DocBlocks and inline comments.
Follow-up to [6779], [10565], [12023], [25224], [27533], [32806], [34777], [45262], [46594], [55823], [55824].
Props Presskopp.
See #57840.
Built from https://develop.svn.wordpress.org/trunk@55827
git-svn-id: http://core.svn.wordpress.org/trunk@55339 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-05-19 15:27:20 +02:00
* Checks the HTML content for an audio , video , object , embed , or iframe tags .
2013-03-22 06:55:08 +01:00
*
* @ since 3.6 . 0
*
2019-10-26 23:09:04 +02:00
* @ param string $content A string of HTML which might contain media elements .
* @ param string [] $types An array of media types : 'audio' , 'video' , 'object' , 'embed' , or 'iframe' .
* @ return string [] Array of found HTML media elements .
2013-03-22 06:55:08 +01:00
*/
2013-07-12 21:51:59 +02:00
function get_media_embedded_in_content ( $content , $types = null ) {
2013-03-22 06:55:08 +01:00
$html = array ();
2015-02-27 17:11:25 +01:00
2015-03-20 20:29:27 +01:00
/**
2016-05-22 20:32:27 +02:00
* Filters the embedded media types that are allowed to be returned from the content blob .
2015-03-20 20:29:27 +01:00
*
* @ since 4.2 . 0
*
2019-10-26 23:09:04 +02:00
* @ param string [] $allowed_media_types An array of allowed media types . Default media types are
* 'audio' , 'video' , 'object' , 'embed' , and 'iframe' .
2015-03-20 20:29:27 +01:00
*/
2015-12-01 21:50:25 +01:00
$allowed_media_types = apply_filters ( 'media_embedded_in_content_allowed_types' , array ( 'audio' , 'video' , 'object' , 'embed' , 'iframe' ) );
2015-02-27 17:11:25 +01:00
2013-07-12 21:51:59 +02:00
if ( ! empty ( $types ) ) {
2015-02-27 17:11:25 +01:00
if ( ! is_array ( $types ) ) {
2013-07-12 21:51:59 +02:00
$types = array ( $types );
2015-02-27 17:11:25 +01:00
}
2013-07-12 21:51:59 +02:00
$allowed_media_types = array_intersect ( $allowed_media_types , $types );
}
2013-03-22 06:55:08 +01:00
2015-02-27 17:11:25 +01:00
$tags = implode ( '|' , $allowed_media_types );
if ( preg_match_all ( '#<(?P<tag>' . $tags . ')[^<]*?(?:>[\s\S]*?<\/(?P=tag)>|\s*\/>)#' , $content , $matches ) ) {
foreach ( $matches [ 0 ] as $match ) {
$html [] = $match ;
2013-03-22 06:55:08 +01:00
}
}
return $html ;
}
2013-03-22 06:20:38 +01:00
/**
2015-02-24 08:42:24 +01:00
* Retrieves galleries from the passed post ' s content .
2013-03-22 06:20:38 +01:00
*
* @ since 3.6 . 0
*
2015-02-24 08:42:24 +01:00
* @ param int | WP_Post $post Post ID or object .
* @ param bool $html Optional . Whether to return HTML or data in the array . Default true .
2013-07-12 21:34:59 +02:00
* @ return array A list of arrays , each containing gallery data and srcs parsed
2015-02-24 08:42:24 +01:00
* from the expanded shortcode .
2013-03-22 06:20:38 +01:00
*/
2013-07-12 21:34:59 +02:00
function get_post_galleries ( $post , $html = true ) {
2019-06-15 03:02:52 +02:00
$post = get_post ( $post );
if ( ! $post ) {
2013-07-12 21:34:59 +02:00
return array ();
2017-12-01 00:11:00 +01:00
}
2013-03-22 06:20:38 +01:00
Media: Add support for v1 and v2 gallery block in `get_post_galleries()`.
The `get_post_galleries()` function only handled galleries from the `[gallery]` shortcode. It did not process gallery blocks.
Introducing v1 and v2 gallery block support in `get_post_galleries()` including support for innerblock nesting.
There are no changes to how the function is called. It detects if the post content has one or more gallery blocks. If detected, it parses the blocks and then processes to add each gallery block's HTML to the array of galleries before being passed through the filter and returned.
Includes integration tests.
Follow-up to [24682], [43309], [48262], [52042].
Props glendaviesnz, costdev, antpb, audrasjb, birgire, celloexpressions, desrosj, hellofromTonya, jeffpaul, lynk, pento, ramonopoly, russhylov, takahashi_fumiki, tellyworth.
Fixes #43826.
Built from https://develop.svn.wordpress.org/trunk@52190
git-svn-id: http://core.svn.wordpress.org/trunk@51782 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-16 22:25:03 +01:00
if ( ! has_shortcode ( $post -> post_content , 'gallery' ) && ! has_block ( 'gallery' , $post -> post_content ) ) {
2013-07-12 21:34:59 +02:00
return array ();
2017-12-01 00:11:00 +01:00
}
2013-07-12 21:34:59 +02:00
$galleries = array ();
if ( preg_match_all ( '/' . get_shortcode_regex () . '/s' , $post -> post_content , $matches , PREG_SET_ORDER ) ) {
2013-03-22 06:20:38 +01:00
foreach ( $matches as $shortcode ) {
if ( 'gallery' === $shortcode [ 2 ] ) {
$srcs = array ();
2017-05-12 14:50:42 +02:00
$shortcode_attrs = shortcode_parse_atts ( $shortcode [ 3 ] );
2017-02-17 07:46:42 +01:00
if ( ! is_array ( $shortcode_attrs ) ) {
$shortcode_attrs = array ();
}
2020-06-20 14:02:12 +02:00
// Specify the post ID of the gallery we're viewing if the shortcode doesn't reference another post already.
2017-02-17 07:46:42 +01:00
if ( ! isset ( $shortcode_attrs [ 'id' ] ) ) {
2020-10-08 23:15:13 +02:00
$shortcode [ 3 ] .= ' id="' . ( int ) $post -> ID . '"' ;
2017-02-17 07:46:42 +01:00
}
2013-03-22 06:20:38 +01:00
$gallery = do_shortcode_tag ( $shortcode );
2013-04-25 09:42:59 +02:00
if ( $html ) {
$galleries [] = $gallery ;
} else {
2013-05-11 00:54:33 +02:00
preg_match_all ( '#src=([\'"])(.+?)\1#is' , $gallery , $src , PREG_SET_ORDER );
2013-04-25 09:42:59 +02:00
if ( ! empty ( $src ) ) {
2017-02-17 07:46:42 +01:00
foreach ( $src as $s ) {
2013-05-11 00:54:33 +02:00
$srcs [] = $s [ 2 ];
2017-02-17 07:46:42 +01:00
}
2013-04-25 09:42:59 +02:00
}
2017-02-17 07:46:42 +01:00
$galleries [] = array_merge (
$shortcode_attrs ,
array (
2017-12-01 00:11:00 +01:00
'src' => array_values ( array_unique ( $srcs ) ),
2017-02-17 07:46:42 +01:00
)
);
2013-03-22 06:20:38 +01:00
}
}
}
}
Media: Add support for v1 and v2 gallery block in `get_post_galleries()`.
The `get_post_galleries()` function only handled galleries from the `[gallery]` shortcode. It did not process gallery blocks.
Introducing v1 and v2 gallery block support in `get_post_galleries()` including support for innerblock nesting.
There are no changes to how the function is called. It detects if the post content has one or more gallery blocks. If detected, it parses the blocks and then processes to add each gallery block's HTML to the array of galleries before being passed through the filter and returned.
Includes integration tests.
Follow-up to [24682], [43309], [48262], [52042].
Props glendaviesnz, costdev, antpb, audrasjb, birgire, celloexpressions, desrosj, hellofromTonya, jeffpaul, lynk, pento, ramonopoly, russhylov, takahashi_fumiki, tellyworth.
Fixes #43826.
Built from https://develop.svn.wordpress.org/trunk@52190
git-svn-id: http://core.svn.wordpress.org/trunk@51782 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-16 22:25:03 +01:00
if ( has_block ( 'gallery' , $post -> post_content ) ) {
$post_blocks = parse_blocks ( $post -> post_content );
while ( $block = array_shift ( $post_blocks ) ) {
$has_inner_blocks = ! empty ( $block [ 'innerBlocks' ] );
// Skip blocks with no blockName and no innerHTML.
if ( ! $block [ 'blockName' ] ) {
continue ;
}
2022-02-25 13:44:04 +01:00
// Skip non-Gallery blocks.
if ( 'core/gallery' !== $block [ 'blockName' ] ) {
// Move inner blocks into the root array before skipping.
if ( $has_inner_blocks ) {
array_push ( $post_blocks , ... $block [ 'innerBlocks' ] );
}
Media: Add support for v1 and v2 gallery block in `get_post_galleries()`.
The `get_post_galleries()` function only handled galleries from the `[gallery]` shortcode. It did not process gallery blocks.
Introducing v1 and v2 gallery block support in `get_post_galleries()` including support for innerblock nesting.
There are no changes to how the function is called. It detects if the post content has one or more gallery blocks. If detected, it parses the blocks and then processes to add each gallery block's HTML to the array of galleries before being passed through the filter and returned.
Includes integration tests.
Follow-up to [24682], [43309], [48262], [52042].
Props glendaviesnz, costdev, antpb, audrasjb, birgire, celloexpressions, desrosj, hellofromTonya, jeffpaul, lynk, pento, ramonopoly, russhylov, takahashi_fumiki, tellyworth.
Fixes #43826.
Built from https://develop.svn.wordpress.org/trunk@52190
git-svn-id: http://core.svn.wordpress.org/trunk@51782 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-16 22:25:03 +01:00
continue ;
}
// New Gallery block format as HTML.
if ( $has_inner_blocks && $html ) {
$block_html = wp_list_pluck ( $block [ 'innerBlocks' ], 'innerHTML' );
$galleries [] = '<figure>' . implode ( ' ' , $block_html ) . '</figure>' ;
continue ;
}
$srcs = array ();
// New Gallery block format as an array.
if ( $has_inner_blocks ) {
$attrs = wp_list_pluck ( $block [ 'innerBlocks' ], 'attrs' );
$ids = wp_list_pluck ( $attrs , 'id' );
foreach ( $ids as $id ) {
$url = wp_get_attachment_url ( $id );
if ( is_string ( $url ) && ! in_array ( $url , $srcs , true ) ) {
$srcs [] = $url ;
}
}
$galleries [] = array (
'ids' => implode ( ',' , $ids ),
'src' => $srcs ,
);
continue ;
}
// Old Gallery block format as HTML.
if ( $html ) {
$galleries [] = $block [ 'innerHTML' ];
continue ;
}
// Old Gallery block format as an array.
$ids = ! empty ( $block [ 'attrs' ][ 'ids' ] ) ? $block [ 'attrs' ][ 'ids' ] : array ();
// If present, use the image IDs from the JSON blob as canonical.
if ( ! empty ( $ids ) ) {
foreach ( $ids as $id ) {
$url = wp_get_attachment_url ( $id );
if ( is_string ( $url ) && ! in_array ( $url , $srcs , true ) ) {
$srcs [] = $url ;
}
}
$galleries [] = array (
'ids' => implode ( ',' , $ids ),
'src' => $srcs ,
);
continue ;
}
// Otherwise, extract srcs from the innerHTML.
preg_match_all ( '#src=([\'"])(.+?)\1#is' , $block [ 'innerHTML' ], $found_srcs , PREG_SET_ORDER );
if ( ! empty ( $found_srcs [ 0 ] ) ) {
foreach ( $found_srcs as $src ) {
if ( isset ( $src [ 2 ] ) && ! in_array ( $src [ 2 ], $srcs , true ) ) {
$srcs [] = $src [ 2 ];
}
}
}
$galleries [] = array ( 'src' => $srcs );
}
}
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the list of all found galleries in the given post .
2014-04-15 03:36:14 +02:00
*
* @ since 3.6 . 0
*
* @ param array $galleries Associative array of all found post galleries .
* @ param WP_Post $post Post object .
*/
2013-07-12 21:34:59 +02:00
return apply_filters ( 'get_post_galleries' , $galleries , $post );
2013-03-22 06:20:38 +01:00
}
/**
2022-09-15 12:52:08 +02:00
* Checks a specified post ' s content for gallery and , if present , return the first
2013-03-22 06:20:38 +01:00
*
* @ since 3.6 . 0
*
2014-07-03 21:28:14 +02:00
* @ param int | WP_Post $post Optional . Post ID or WP_Post object . Default is global $post .
2015-02-24 08:42:24 +01:00
* @ param bool $html Optional . Whether to return HTML or data . Default is true .
2014-04-15 03:36:14 +02:00
* @ return string | array Gallery data and srcs parsed from the expanded shortcode .
2013-03-22 06:20:38 +01:00
*/
2013-07-12 21:34:59 +02:00
function get_post_gallery ( $post = 0 , $html = true ) {
$galleries = get_post_galleries ( $post , $html );
2017-12-01 00:11:00 +01:00
$gallery = reset ( $galleries );
2013-05-14 15:57:59 +02:00
2014-04-15 03:36:14 +02:00
/**
2016-05-22 20:32:27 +02:00
* Filters the first - found post gallery .
2014-04-15 03:36:14 +02:00
*
* @ since 3.6 . 0
*
* @ param array $gallery The first - found post gallery .
* @ param int | WP_Post $post Post ID or object .
* @ param array $galleries Associative array of all found post galleries .
*/
2013-07-12 21:34:59 +02:00
return apply_filters ( 'get_post_gallery' , $gallery , $post , $galleries );
2013-03-22 06:20:38 +01:00
}
/**
2022-09-15 12:52:08 +02:00
* Retrieves the image srcs from galleries from a post ' s content , if present .
2013-03-22 06:20:38 +01:00
*
* @ since 3.6 . 0
*
2015-02-24 08:42:24 +01:00
* @ see get_post_galleries ()
*
* @ param int | WP_Post $post Optional . Post ID or WP_Post object . Default is global `$post` .
2014-06-03 05:53:17 +02:00
* @ return array A list of lists , each containing image srcs parsed .
2015-02-24 08:42:24 +01:00
* from an expanded shortcode
2013-03-22 06:20:38 +01:00
*/
2013-07-12 21:34:59 +02:00
function get_post_galleries_images ( $post = 0 ) {
$galleries = get_post_galleries ( $post , false );
return wp_list_pluck ( $galleries , 'src' );
2013-03-22 06:20:38 +01:00
}
/**
2022-09-15 12:52:08 +02:00
* Checks a post ' s content for galleries and return the image srcs for the first found gallery .
2013-03-22 06:20:38 +01:00
*
* @ since 3.6 . 0
*
2015-02-24 08:42:24 +01:00
* @ see get_post_gallery ()
*
* @ param int | WP_Post $post Optional . Post ID or WP_Post object . Default is global `$post` .
2019-11-05 22:23:02 +01:00
* @ return string [] A list of a gallery ' s image srcs in order .
2013-03-22 06:20:38 +01:00
*/
2013-07-12 21:34:59 +02:00
function get_post_gallery_images ( $post = 0 ) {
2013-07-29 02:52:31 +02:00
$gallery = get_post_gallery ( $post , false );
2013-07-12 21:34:59 +02:00
return empty ( $gallery [ 'src' ] ) ? array () : $gallery [ 'src' ];
2013-03-27 19:34:59 +01:00
}
2014-02-07 23:41:12 +01:00
/**
2015-02-24 08:42:24 +01:00
* Maybe attempts to generate attachment metadata , if missing .
2014-02-07 23:41:12 +01:00
*
2014-02-20 18:50:13 +01:00
* @ since 3.9 . 0
*
2014-04-07 22:38:15 +02:00
* @ param WP_Post $attachment Attachment object .
2014-02-07 23:41:12 +01:00
*/
2014-03-04 21:07:14 +01:00
function wp_maybe_generate_attachment_metadata ( $attachment ) {
2019-06-15 03:02:52 +02:00
if ( empty ( $attachment ) || empty ( $attachment -> ID ) ) {
2014-02-07 23:41:12 +01:00
return ;
}
2019-06-15 03:02:52 +02:00
$attachment_id = ( int ) $attachment -> ID ;
$file = get_attached_file ( $attachment_id );
$meta = wp_get_attachment_metadata ( $attachment_id );
2014-02-07 23:41:12 +01:00
if ( empty ( $meta ) && file_exists ( $file ) ) {
2019-06-15 03:02:52 +02:00
$_meta = get_post_meta ( $attachment_id );
$_lock = 'wp_generating_att_' . $attachment_id ;
if ( ! array_key_exists ( '_wp_attachment_metadata' , $_meta ) && ! get_transient ( $_lock ) ) {
set_transient ( $_lock , $file );
2014-02-07 23:41:12 +01:00
wp_update_attachment_metadata ( $attachment_id , wp_generate_attachment_metadata ( $attachment_id , $file ) );
2019-06-15 03:02:52 +02:00
delete_transient ( $_lock );
2014-02-07 23:41:12 +01:00
}
}
2014-02-20 18:50:13 +01:00
}
2014-07-08 19:48:17 +02:00
/**
2015-02-24 08:42:24 +01:00
* Tries to convert an attachment URL into a post ID .
2014-07-08 19:48:17 +02:00
*
* @ since 4.0 . 0
*
2014-10-31 18:56:22 +01:00
* @ global wpdb $wpdb WordPress database abstraction object .
2014-07-14 03:07:15 +02:00
*
2014-07-08 19:48:17 +02:00
* @ param string $url The URL to resolve .
2015-01-18 21:33:23 +01:00
* @ return int The found post ID , or 0 on failure .
2014-07-08 19:48:17 +02:00
*/
function attachment_url_to_postid ( $url ) {
global $wpdb ;
2017-12-01 00:11:00 +01:00
$dir = wp_get_upload_dir ();
2014-11-21 07:35:22 +01:00
$path = $url ;
2017-12-01 00:11:00 +01:00
$site_url = parse_url ( $dir [ 'url' ] );
2015-08-22 18:39:25 +02:00
$image_path = parse_url ( $path );
2020-01-29 01:45:18 +01:00
// Force the protocols to match if needed.
2015-08-22 18:39:25 +02:00
if ( isset ( $image_path [ 'scheme' ] ) && ( $image_path [ 'scheme' ] !== $site_url [ 'scheme' ] ) ) {
$path = str_replace ( $image_path [ 'scheme' ], $site_url [ 'scheme' ], $path );
}
Code Modernization: Replace usage of `strpos()` with `str_starts_with()`.
`str_starts_with()` was introduced in PHP 8.0 to perform a case-sensitive check indicating if the string to search in (haystack) begins with the given substring (needle).
WordPress core includes a polyfill for `str_starts_with()` on PHP < 8.0 as of WordPress 5.9.
This commit replaces `0 === strpos( ... )` with `str_starts_with()` in core files, making the code more readable and consistent, as well as improving performance.
While `strpos()` is slightly faster than the polyfill on PHP < 8.0, `str_starts_with()` is noticeably faster on PHP 8.0+, as it is optimized to avoid unnecessarily searching along the whole haystack if it does not find the needle.
Follow-up to [52039], [52040], [52326].
Props spacedmonkey, costdev, sabernhardt, mukesh27, desrosj, jorbin, TobiasBg, ayeshrajans, lgadzhev, SergeyBiryukov.
Fixes #58012.
Built from https://develop.svn.wordpress.org/trunk@55703
git-svn-id: http://core.svn.wordpress.org/trunk@55215 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-05-02 17:45:22 +02:00
if ( str_starts_with ( $path , $dir [ 'baseurl' ] . '/' ) ) {
2014-11-21 07:35:22 +01:00
$path = substr ( $path , strlen ( $dir [ 'baseurl' ] . '/' ) );
}
2014-07-08 19:48:17 +02:00
2019-06-15 03:02:52 +02:00
$sql = $wpdb -> prepare (
2019-12-25 03:26:03 +01:00
" SELECT post_id, meta_value FROM $wpdb->postmeta WHERE meta_key = '_wp_attached_file' AND meta_value = %s " ,
2014-07-08 19:48:17 +02:00
$path
);
2019-06-15 03:02:52 +02:00
2019-12-25 03:26:03 +01:00
$results = $wpdb -> get_results ( $sql );
$post_id = null ;
if ( $results ) {
// Use the first available result, but prefer a case-sensitive match, if exists.
$post_id = reset ( $results ) -> post_id ;
if ( count ( $results ) > 1 ) {
foreach ( $results as $result ) {
if ( $path === $result -> meta_value ) {
$post_id = $result -> post_id ;
break ;
}
}
}
}
2015-01-18 21:33:23 +01:00
2015-03-23 18:24:30 +01:00
/**
2020-06-20 14:02:12 +02:00
* Filters an attachment ID found by URL .
2015-03-23 18:24:30 +01:00
*
* @ since 4.2 . 0
*
2015-04-05 18:07:27 +02:00
* @ param int | null $post_id The post_id ( if any ) found by the function .
* @ param string $url The URL being looked up .
2015-03-23 18:24:30 +01:00
*/
2015-08-22 18:39:25 +02:00
return ( int ) apply_filters ( 'attachment_url_to_postid' , $post_id , $url );
2014-07-13 18:16:15 +02:00
}
2014-07-15 23:51:15 +02:00
/**
2015-02-24 08:42:24 +01:00
* Returns the URLs for CSS files used in an iframe - sandbox ' d TinyMCE media view .
2014-07-15 23:51:15 +02:00
*
* @ since 4.0 . 0
*
2019-11-05 22:23:02 +01:00
* @ return string [] The relevant CSS file URLs .
2014-07-15 23:51:15 +02:00
*/
2014-08-20 23:34:15 +02:00
function wpview_media_sandbox_styles () {
2017-12-01 00:11:00 +01:00
$version = 'ver=' . get_bloginfo ( 'version' );
$mediaelement = includes_url ( " js/mediaelement/mediaelementplayer-legacy.min.css? $version " );
$wpmediaelement = includes_url ( " js/mediaelement/wp-mediaelement.css? $version " );
2014-07-15 23:51:15 +02:00
2014-08-26 06:46:15 +02:00
return array ( $mediaelement , $wpmediaelement );
2014-08-19 23:53:15 +02:00
}
2018-05-01 15:45:21 +02:00
/**
2019-10-26 22:43:04 +02:00
* Registers the personal data exporter for media .
2018-05-01 15:45:21 +02:00
*
2019-10-26 23:09:04 +02:00
* @ param array [] $exporters An array of personal data exporters , keyed by their ID .
* @ return array [] Updated array of personal data exporters .
2018-05-01 15:45:21 +02:00
*/
function wp_register_media_personal_data_exporter ( $exporters ) {
2018-05-03 21:28:21 +02:00
$exporters [ 'wordpress-media' ] = array (
2018-05-01 15:45:21 +02:00
'exporter_friendly_name' => __ ( 'WordPress Media' ),
'callback' => 'wp_media_personal_data_exporter' ,
);
return $exporters ;
}
/**
* Finds and exports attachments associated with an email address .
*
* @ since 4.9 . 6
*
2020-06-20 14:58:10 +02:00
* @ param string $email_address The attachment owner email address .
* @ param int $page Attachment page .
2020-06-20 00:55:12 +02:00
* @ return array An array of personal data .
2018-05-01 15:45:21 +02:00
*/
function wp_media_personal_data_exporter ( $email_address , $page = 1 ) {
// Limit us to 50 attachments at a time to avoid timing out.
$number = 50 ;
$page = ( int ) $page ;
$data_to_export = array ();
2018-08-17 03:51:36 +02:00
$user = get_user_by ( 'email' , $email_address );
2018-05-01 15:45:21 +02:00
if ( false === $user ) {
return array (
'data' => $data_to_export ,
'done' => true ,
);
}
$post_query = new WP_Query (
array (
'author' => $user -> ID ,
'posts_per_page' => $number ,
'paged' => $page ,
'post_type' => 'attachment' ,
'post_status' => 'any' ,
'orderby' => 'ID' ,
'order' => 'ASC' ,
)
);
foreach ( ( array ) $post_query -> posts as $post ) {
$attachment_url = wp_get_attachment_url ( $post -> ID );
if ( $attachment_url ) {
$post_data_to_export = array (
2018-08-17 03:51:36 +02:00
array (
'name' => __ ( 'URL' ),
'value' => $attachment_url ,
),
2018-05-01 15:45:21 +02:00
);
$data_to_export [] = array (
2019-08-18 04:07:57 +02:00
'group_id' => 'media' ,
'group_label' => __ ( 'Media' ),
'group_description' => __ ( 'User’s media data.' ),
'item_id' => " post- { $post -> ID } " ,
'data' => $post_data_to_export ,
2018-05-01 15:45:21 +02:00
);
}
}
$done = $post_query -> max_num_pages <= $page ;
return array (
'data' => $data_to_export ,
'done' => $done ,
);
}
2019-09-06 00:27:58 +02:00
/**
2022-09-15 12:52:08 +02:00
* Adds additional default image sub - sizes .
2019-09-06 00:27:58 +02:00
*
* These sizes are meant to enhance the way WordPress displays images on the front - end on larger ,
* high - density devices . They make it possible to generate more suitable `srcset` and `sizes` attributes
* when the users upload large images .
*
* The sizes can be changed or removed by themes and plugins but that is not recommended .
* The size " names " reflect the image dimensions , so changing the sizes would be quite misleading .
*
* @ since 5.3 . 0
* @ access private
*/
function _wp_add_additional_image_sizes () {
2020-01-29 01:45:18 +01:00
// 2x medium_large size.
2019-09-06 00:27:58 +02:00
add_image_size ( '1536x1536' , 1536 , 1536 );
2020-01-29 01:45:18 +01:00
// 2x large size.
2019-09-06 00:27:58 +02:00
add_image_size ( '2048x2048' , 2048 , 2048 );
}
2020-07-04 01:15:03 +02:00
/**
2020-07-06 21:10:02 +02:00
* Callback to enable showing of the user error when uploading . heic images .
2020-07-04 01:15:03 +02:00
*
* @ since 5.5 . 0
*
* @ param array [] $plupload_settings The settings for Plupload . js .
* @ return array [] Modified settings for Plupload . js .
*/
function wp_show_heic_upload_error ( $plupload_settings ) {
$plupload_settings [ 'heic_upload_error' ] = true ;
return $plupload_settings ;
}
2021-02-02 18:10:04 +01:00
/**
* Allows PHP ' s getimagesize () to be debuggable when necessary .
*
* @ since 5.7 . 0
Images: enable WebP support.
Add support for uploading, editing and saving WebP images when supported by the server.
Add 'image/webp' to supported mime types. Correctly identify WebP images and sizes even when PHP doesn't support WebP. Resize uploaded WebP files (when supported) and use for front end markup.
Props markoheijne, blobfolio, Clorith, joemcgill, atjn, desrosj, spacedmonkey, marylauc, mikeschroder, hellofromtonya, flixos90.
Fixes #35725.
Built from https://develop.svn.wordpress.org/trunk@50810
git-svn-id: http://core.svn.wordpress.org/trunk@50419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-05-04 16:44:58 +02:00
* @ since 5.8 . 0 Added support for WebP images .
2021-02-02 18:10:04 +01:00
*
2021-03-19 01:01:03 +01:00
* @ param string $filename The file path .
* @ param array $image_info Optional . Extended image information ( passed by reference ) .
2021-02-02 18:10:04 +01:00
* @ return array | false Array of image information or false on failure .
*/
2021-03-19 01:01:03 +01:00
function wp_getimagesize ( $filename , array & $image_info = null ) {
2021-05-05 20:47:57 +02:00
// Don't silence errors when in debug mode, unless running unit tests.
if ( defined ( 'WP_DEBUG' ) && WP_DEBUG
&& ! defined ( 'WP_RUN_CORE_TESTS' )
2021-02-02 18:10:04 +01:00
) {
2021-03-26 01:09:04 +01:00
if ( 2 === func_num_args () ) {
2021-05-05 20:47:57 +02:00
$info = getimagesize ( $filename , $image_info );
2021-03-26 01:09:04 +01:00
} else {
2021-05-05 20:47:57 +02:00
$info = getimagesize ( $filename );
}
} else {
/*
* Silencing notice and warning is intentional .
*
* getimagesize () has a tendency to generate errors , such as
* " corrupt JPEG data: 7191 extraneous bytes before marker " ,
* even when it ' s able to provide image size information .
*
* See https :// core . trac . wordpress . org / ticket / 42480
*/
if ( 2 === func_num_args () ) {
// phpcs:ignore WordPress.PHP.NoSilencedErrors
$info = @ getimagesize ( $filename , $image_info );
} else {
// phpcs:ignore WordPress.PHP.NoSilencedErrors
$info = @ getimagesize ( $filename );
2021-03-26 01:09:04 +01:00
}
2021-02-02 18:10:04 +01:00
}
2021-05-05 20:47:57 +02:00
if ( false !== $info ) {
return $info ;
2021-03-26 01:09:04 +01:00
}
2021-05-05 20:47:57 +02:00
// For PHP versions that don't support WebP images,
// extract the image size info from the file headers.
if ( 'image/webp' === wp_get_image_mime ( $filename ) ) {
$webp_info = wp_get_webp_info ( $filename );
$width = $webp_info [ 'width' ];
$height = $webp_info [ 'height' ];
// Mimic the native return format.
if ( $width && $height ) {
return array (
$width ,
$height ,
2021-12-31 14:55:03 +01:00
IMAGETYPE_WEBP ,
2021-05-05 20:47:57 +02:00
sprintf (
'width="%d" height="%d"' ,
$width ,
$height
),
'mime' => 'image/webp' ,
);
}
}
// The image could not be parsed.
return false ;
2021-02-02 18:10:04 +01:00
}
Images: enable WebP support.
Add support for uploading, editing and saving WebP images when supported by the server.
Add 'image/webp' to supported mime types. Correctly identify WebP images and sizes even when PHP doesn't support WebP. Resize uploaded WebP files (when supported) and use for front end markup.
Props markoheijne, blobfolio, Clorith, joemcgill, atjn, desrosj, spacedmonkey, marylauc, mikeschroder, hellofromtonya, flixos90.
Fixes #35725.
Built from https://develop.svn.wordpress.org/trunk@50810
git-svn-id: http://core.svn.wordpress.org/trunk@50419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-05-04 16:44:58 +02:00
/**
2021-12-07 13:20:02 +01:00
* Extracts meta information about a WebP file : width , height , and type .
Images: enable WebP support.
Add support for uploading, editing and saving WebP images when supported by the server.
Add 'image/webp' to supported mime types. Correctly identify WebP images and sizes even when PHP doesn't support WebP. Resize uploaded WebP files (when supported) and use for front end markup.
Props markoheijne, blobfolio, Clorith, joemcgill, atjn, desrosj, spacedmonkey, marylauc, mikeschroder, hellofromtonya, flixos90.
Fixes #35725.
Built from https://develop.svn.wordpress.org/trunk@50810
git-svn-id: http://core.svn.wordpress.org/trunk@50419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-05-04 16:44:58 +02:00
*
* @ since 5.8 . 0
*
2021-05-05 19:08:01 +02:00
* @ param string $filename Path to a WebP file .
2021-12-07 13:20:02 +01:00
* @ return array {
Images: enable WebP support.
Add support for uploading, editing and saving WebP images when supported by the server.
Add 'image/webp' to supported mime types. Correctly identify WebP images and sizes even when PHP doesn't support WebP. Resize uploaded WebP files (when supported) and use for front end markup.
Props markoheijne, blobfolio, Clorith, joemcgill, atjn, desrosj, spacedmonkey, marylauc, mikeschroder, hellofromtonya, flixos90.
Fixes #35725.
Built from https://develop.svn.wordpress.org/trunk@50810
git-svn-id: http://core.svn.wordpress.org/trunk@50419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-05-04 16:44:58 +02:00
* An array of WebP image information .
*
2021-12-07 13:20:02 +01:00
* @ type int | false $width Image width on success , false on failure .
* @ type int | false $height Image height on success , false on failure .
* @ type string | false $type The WebP type : one of 'lossy' , 'lossless' or 'animated-alpha' .
* False on failure .
* }
Images: enable WebP support.
Add support for uploading, editing and saving WebP images when supported by the server.
Add 'image/webp' to supported mime types. Correctly identify WebP images and sizes even when PHP doesn't support WebP. Resize uploaded WebP files (when supported) and use for front end markup.
Props markoheijne, blobfolio, Clorith, joemcgill, atjn, desrosj, spacedmonkey, marylauc, mikeschroder, hellofromtonya, flixos90.
Fixes #35725.
Built from https://develop.svn.wordpress.org/trunk@50810
git-svn-id: http://core.svn.wordpress.org/trunk@50419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-05-04 16:44:58 +02:00
*/
function wp_get_webp_info ( $filename ) {
$width = false ;
$height = false ;
$type = false ;
2021-05-05 19:08:01 +02:00
2021-05-06 12:21:01 +02:00
if ( 'image/webp' !== wp_get_image_mime ( $filename ) ) {
Images: enable WebP support.
Add support for uploading, editing and saving WebP images when supported by the server.
Add 'image/webp' to supported mime types. Correctly identify WebP images and sizes even when PHP doesn't support WebP. Resize uploaded WebP files (when supported) and use for front end markup.
Props markoheijne, blobfolio, Clorith, joemcgill, atjn, desrosj, spacedmonkey, marylauc, mikeschroder, hellofromtonya, flixos90.
Fixes #35725.
Built from https://develop.svn.wordpress.org/trunk@50810
git-svn-id: http://core.svn.wordpress.org/trunk@50419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-05-04 16:44:58 +02:00
return compact ( 'width' , 'height' , 'type' );
}
2021-05-05 19:08:01 +02:00
2022-02-12 14:13:59 +01:00
$magic = file_get_contents ( $filename , false , null , 0 , 40 );
Images: enable WebP support.
Add support for uploading, editing and saving WebP images when supported by the server.
Add 'image/webp' to supported mime types. Correctly identify WebP images and sizes even when PHP doesn't support WebP. Resize uploaded WebP files (when supported) and use for front end markup.
Props markoheijne, blobfolio, Clorith, joemcgill, atjn, desrosj, spacedmonkey, marylauc, mikeschroder, hellofromtonya, flixos90.
Fixes #35725.
Built from https://develop.svn.wordpress.org/trunk@50810
git-svn-id: http://core.svn.wordpress.org/trunk@50419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-05-04 16:44:58 +02:00
2022-02-12 14:13:59 +01:00
if ( false === $magic ) {
2022-02-12 14:08:01 +01:00
return compact ( 'width' , 'height' , 'type' );
}
// Make sure we got enough bytes.
if ( strlen ( $magic ) < 40 ) {
return compact ( 'width' , 'height' , 'type' );
}
// The headers are a little different for each of the three formats.
// Header values based on WebP docs, see https://developers.google.com/speed/webp/docs/riff_container.
switch ( substr ( $magic , 12 , 4 ) ) {
// Lossy WebP.
case 'VP8 ' :
$parts = unpack ( 'v2' , substr ( $magic , 26 , 4 ) );
$width = ( int ) ( $parts [ 1 ] & 0x3FFF );
$height = ( int ) ( $parts [ 2 ] & 0x3FFF );
$type = 'lossy' ;
break ;
// Lossless WebP.
case 'VP8L' :
$parts = unpack ( 'C4' , substr ( $magic , 21 , 4 ) );
$width = ( int ) ( $parts [ 1 ] | ( ( $parts [ 2 ] & 0x3F ) << 8 ) ) + 1 ;
$height = ( int ) ( ( ( $parts [ 2 ] & 0xC0 ) >> 6 ) | ( $parts [ 3 ] << 2 ) | ( ( $parts [ 4 ] & 0x03 ) << 10 ) ) + 1 ;
$type = 'lossless' ;
break ;
// Animated/alpha WebP.
case 'VP8X' :
// Pad 24-bit int.
$width = unpack ( 'V' , substr ( $magic , 24 , 3 ) . " \x00 " );
$width = ( int ) ( $width [ 1 ] & 0xFFFFFF ) + 1 ;
// Pad 24-bit int.
$height = unpack ( 'V' , substr ( $magic , 27 , 3 ) . " \x00 " );
$height = ( int ) ( $height [ 1 ] & 0xFFFFFF ) + 1 ;
$type = 'animated-alpha' ;
break ;
Images: enable WebP support.
Add support for uploading, editing and saving WebP images when supported by the server.
Add 'image/webp' to supported mime types. Correctly identify WebP images and sizes even when PHP doesn't support WebP. Resize uploaded WebP files (when supported) and use for front end markup.
Props markoheijne, blobfolio, Clorith, joemcgill, atjn, desrosj, spacedmonkey, marylauc, mikeschroder, hellofromtonya, flixos90.
Fixes #35725.
Built from https://develop.svn.wordpress.org/trunk@50810
git-svn-id: http://core.svn.wordpress.org/trunk@50419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-05-04 16:44:58 +02:00
}
2021-05-05 19:08:01 +02:00
Images: enable WebP support.
Add support for uploading, editing and saving WebP images when supported by the server.
Add 'image/webp' to supported mime types. Correctly identify WebP images and sizes even when PHP doesn't support WebP. Resize uploaded WebP files (when supported) and use for front end markup.
Props markoheijne, blobfolio, Clorith, joemcgill, atjn, desrosj, spacedmonkey, marylauc, mikeschroder, hellofromtonya, flixos90.
Fixes #35725.
Built from https://develop.svn.wordpress.org/trunk@50810
git-svn-id: http://core.svn.wordpress.org/trunk@50419 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-05-04 16:44:58 +02:00
return compact ( 'width' , 'height' , 'type' );
}
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
/**
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
* Gets loading optimization attributes .
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
*
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
* This function returns an array of attributes that should be merged into the given attributes array to optimize
* loading performance . Potential attributes returned by this function are :
* - `loading` attribute with a value of " lazy "
* - `fetchpriority` attribute with a value of " high "
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
*
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
* If any of these attributes are already present in the given attributes , they will not be modified . Note that no
* element should have both `loading="lazy"` and `fetchpriority="high"` , so the function will trigger a warning in case
* both attributes are present with those values .
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
*
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
* @ since 6.3 . 0
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
*
Media: Conditionally skip lazy-loading on images before the loop to improve LCP performance.
When the logic to exclude images that likely appear above the fold from being lazy-loaded was introduced in WordPress 5.9, initially only images that appear within the main query loop were being considered. However, there is a good chance that images above the fold are rendered before the loop starts, for example in the header template part.
It is particularly common for a theme to display the featured image for a single post in the header. Based on HTTP Archive data from February 2023, the majority of LCP images that are still being lazy-loaded on WordPress sites use the `wp-post-image` class, i.e. are featured images.
This changeset enhances the logic in `wp_get_loading_attr_default()` to not lazy-load images that appear within or after the header template part and before the query loop, using a new `WP_Query::$before_loop` property.
For block themes, this was for the most part already addressed in [55318], however this enhancement implements the solution in a more generally applicable way that brings the improvement to classic themes as well.
Props thekt12, flixos90, spacedmonkey, costdev, zunaid321, mukesh27.
Fixes #58211.
See #53675, #56930.
Built from https://develop.svn.wordpress.org/trunk@55847
git-svn-id: http://core.svn.wordpress.org/trunk@55359 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-05-22 21:13:21 +02:00
* @ global WP_Query $wp_query WordPress Query object .
*
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
* @ param string $tag_name The tag name .
* @ param array $attr Array of the attributes for the tag .
* @ param string $context Context for the element for which the loading optimization attribute is requested .
* @ return array Loading optimization attributes .
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
*/
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
function wp_get_loading_optimization_attributes ( $tag_name , $attr , $context ) {
Media: Conditionally skip lazy-loading on images before the loop to improve LCP performance.
When the logic to exclude images that likely appear above the fold from being lazy-loaded was introduced in WordPress 5.9, initially only images that appear within the main query loop were being considered. However, there is a good chance that images above the fold are rendered before the loop starts, for example in the header template part.
It is particularly common for a theme to display the featured image for a single post in the header. Based on HTTP Archive data from February 2023, the majority of LCP images that are still being lazy-loaded on WordPress sites use the `wp-post-image` class, i.e. are featured images.
This changeset enhances the logic in `wp_get_loading_attr_default()` to not lazy-load images that appear within or after the header template part and before the query loop, using a new `WP_Query::$before_loop` property.
For block themes, this was for the most part already addressed in [55318], however this enhancement implements the solution in a more generally applicable way that brings the improvement to classic themes as well.
Props thekt12, flixos90, spacedmonkey, costdev, zunaid321, mukesh27.
Fixes #58211.
See #53675, #56930.
Built from https://develop.svn.wordpress.org/trunk@55847
git-svn-id: http://core.svn.wordpress.org/trunk@55359 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-05-22 21:13:21 +02:00
global $wp_query ;
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
/*
* Closure for postprocessing logic .
* It is here to avoid duplicate logic in many places below , without having
* to introduce a very specific private global function .
*/
$postprocess = static function ( $loading_attributes , $with_fetchpriority = false ) use ( $tag_name , $attr , $context ) {
// Potentially add `fetchpriority="high"`.
if ( $with_fetchpriority ) {
$loading_attributes = wp_maybe_add_fetchpriority_high_attr ( $loading_attributes , $tag_name , $attr );
}
// Potentially strip `loading="lazy"` if the feature is disabled.
if ( isset ( $loading_attributes [ 'loading' ] ) && ! wp_lazy_loading_enabled ( $tag_name , $context ) ) {
unset ( $loading_attributes [ 'loading' ] );
}
return $loading_attributes ;
};
$loading_attrs = array ();
/*
* Skip lazy - loading for the overall block template , as it is handled more granularly .
* The skip is also applicable for `fetchpriority` .
*/
Media: Enhance logic to determine LCP image in block themes and avoid lazy-loading it.
[52065] originally introduced the logic to guess the LCP image based on certain heuristics and to not lazy-load that image. However, with the introduction of block themes, that logic was not functioning correctly, resulting in all featured images to be lazy-loaded, regardless of whether it was the LCP image or not.
Together with an update to the `core/post-featured-image` block included in [55079], this changeset fixes the logic to correctly handle featured images in block themes as well.
Additionally, in combination with an update to the `core/template-part` block from [55246], this changeset includes an enhancement which uses the benefits of block template parts to avoid lazy-loading images in the `header` block template part, making the lazy-loading heuristics even more accurate for sites using a block theme.
Props flixos90, adamsilverstein, mamaduka, antonvlasenko, shahidul95, reduanmasud, costdev, mukesh27, ironprogrammer, manfcarlo, robinwpdeveloper, spacedmonkey.
Fixes #56930.
Built from https://develop.svn.wordpress.org/trunk@55318
git-svn-id: http://core.svn.wordpress.org/trunk@54851 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-02-13 19:34:17 +01:00
if ( 'template' === $context ) {
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
return $loading_attrs ;
}
// For now this function only supports images and iframes.
if ( 'img' !== $tag_name && 'iframe' !== $tag_name ) {
return $loading_attrs ;
}
// For any resources, width and height must be provided, to avoid layout shifts.
if ( ! isset ( $attr [ 'width' ], $attr [ 'height' ] ) ) {
return $loading_attrs ;
}
if ( isset ( $attr [ 'loading' ] ) ) {
/*
* While any `loading` value could be set in `$loading_attrs` , for
* consistency we only do it for `loading="lazy"` since that is the
* only possible value that WordPress core would apply on its own .
*/
if ( 'lazy' === $attr [ 'loading' ] ) {
$loading_attrs [ 'loading' ] = 'lazy' ;
if ( isset ( $attr [ 'fetchpriority' ] ) && 'high' === $attr [ 'fetchpriority' ] ) {
_doing_it_wrong (
__FUNCTION__ ,
__ ( 'An image should not be lazy-loaded and marked as high priority at the same time.' ),
'6.3.0'
);
}
}
return $postprocess ( $loading_attrs , true );
}
// An image with `fetchpriority="high"` cannot be assigned `loading="lazy"` at the same time.
if ( isset ( $attr [ 'fetchpriority' ] ) && 'high' === $attr [ 'fetchpriority' ] ) {
return $postprocess ( $loading_attrs , true );
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
}
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
/*
* Do not lazy - load images in the header block template part , as they are likely above the fold .
* For classic themes , this is handled in the condition below using the 'get_header' action .
*/
Media: Enhance logic to determine LCP image in block themes and avoid lazy-loading it.
[52065] originally introduced the logic to guess the LCP image based on certain heuristics and to not lazy-load that image. However, with the introduction of block themes, that logic was not functioning correctly, resulting in all featured images to be lazy-loaded, regardless of whether it was the LCP image or not.
Together with an update to the `core/post-featured-image` block included in [55079], this changeset fixes the logic to correctly handle featured images in block themes as well.
Additionally, in combination with an update to the `core/template-part` block from [55246], this changeset includes an enhancement which uses the benefits of block template parts to avoid lazy-loading images in the `header` block template part, making the lazy-loading heuristics even more accurate for sites using a block theme.
Props flixos90, adamsilverstein, mamaduka, antonvlasenko, shahidul95, reduanmasud, costdev, mukesh27, ironprogrammer, manfcarlo, robinwpdeveloper, spacedmonkey.
Fixes #56930.
Built from https://develop.svn.wordpress.org/trunk@55318
git-svn-id: http://core.svn.wordpress.org/trunk@54851 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-02-13 19:34:17 +01:00
$header_area = WP_TEMPLATE_PART_AREA_HEADER ;
if ( " template_part_ { $header_area } " === $context ) {
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
return $postprocess ( $loading_attrs , true );
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
}
Media: Conditionally skip lazy-loading on images before the loop to improve LCP performance.
When the logic to exclude images that likely appear above the fold from being lazy-loaded was introduced in WordPress 5.9, initially only images that appear within the main query loop were being considered. However, there is a good chance that images above the fold are rendered before the loop starts, for example in the header template part.
It is particularly common for a theme to display the featured image for a single post in the header. Based on HTTP Archive data from February 2023, the majority of LCP images that are still being lazy-loaded on WordPress sites use the `wp-post-image` class, i.e. are featured images.
This changeset enhances the logic in `wp_get_loading_attr_default()` to not lazy-load images that appear within or after the header template part and before the query loop, using a new `WP_Query::$before_loop` property.
For block themes, this was for the most part already addressed in [55318], however this enhancement implements the solution in a more generally applicable way that brings the improvement to classic themes as well.
Props thekt12, flixos90, spacedmonkey, costdev, zunaid321, mukesh27.
Fixes #58211.
See #53675, #56930.
Built from https://develop.svn.wordpress.org/trunk@55847
git-svn-id: http://core.svn.wordpress.org/trunk@55359 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-05-22 21:13:21 +02:00
// Special handling for programmatically created image tags.
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
if ( 'the_post_thumbnail' === $context || 'wp_get_attachment_image' === $context ) {
Media: Conditionally skip lazy-loading on images before the loop to improve LCP performance.
When the logic to exclude images that likely appear above the fold from being lazy-loaded was introduced in WordPress 5.9, initially only images that appear within the main query loop were being considered. However, there is a good chance that images above the fold are rendered before the loop starts, for example in the header template part.
It is particularly common for a theme to display the featured image for a single post in the header. Based on HTTP Archive data from February 2023, the majority of LCP images that are still being lazy-loaded on WordPress sites use the `wp-post-image` class, i.e. are featured images.
This changeset enhances the logic in `wp_get_loading_attr_default()` to not lazy-load images that appear within or after the header template part and before the query loop, using a new `WP_Query::$before_loop` property.
For block themes, this was for the most part already addressed in [55318], however this enhancement implements the solution in a more generally applicable way that brings the improvement to classic themes as well.
Props thekt12, flixos90, spacedmonkey, costdev, zunaid321, mukesh27.
Fixes #58211.
See #53675, #56930.
Built from https://develop.svn.wordpress.org/trunk@55847
git-svn-id: http://core.svn.wordpress.org/trunk@55359 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-05-22 21:13:21 +02:00
/*
* Skip programmatically created images within post content as they need to be handled together with the other
* images within the post content .
* Without this clause , they would already be counted below which skews the number and can result in the first
* post content image being lazy - loaded only because there are images elsewhere in the post content .
*/
if ( doing_filter ( 'the_content' ) ) {
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
return $postprocess ( $loading_attrs , true );
Media: Conditionally skip lazy-loading on images before the loop to improve LCP performance.
When the logic to exclude images that likely appear above the fold from being lazy-loaded was introduced in WordPress 5.9, initially only images that appear within the main query loop were being considered. However, there is a good chance that images above the fold are rendered before the loop starts, for example in the header template part.
It is particularly common for a theme to display the featured image for a single post in the header. Based on HTTP Archive data from February 2023, the majority of LCP images that are still being lazy-loaded on WordPress sites use the `wp-post-image` class, i.e. are featured images.
This changeset enhances the logic in `wp_get_loading_attr_default()` to not lazy-load images that appear within or after the header template part and before the query loop, using a new `WP_Query::$before_loop` property.
For block themes, this was for the most part already addressed in [55318], however this enhancement implements the solution in a more generally applicable way that brings the improvement to classic themes as well.
Props thekt12, flixos90, spacedmonkey, costdev, zunaid321, mukesh27.
Fixes #58211.
See #53675, #56930.
Built from https://develop.svn.wordpress.org/trunk@55847
git-svn-id: http://core.svn.wordpress.org/trunk@55359 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-05-22 21:13:21 +02:00
}
// Conditionally skip lazy-loading on images before the loop.
if (
// Only apply for main query but before the loop.
$wp_query -> before_loop && $wp_query -> is_main_query ()
/*
* Any image before the loop , but after the header has started should not be lazy - loaded ,
* except when the footer has already started which can happen when the current template
* does not include any loop .
*/
&& did_action ( 'get_header' ) && ! did_action ( 'get_footer' )
) {
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
return $postprocess ( $loading_attrs , true );
Media: Conditionally skip lazy-loading on images before the loop to improve LCP performance.
When the logic to exclude images that likely appear above the fold from being lazy-loaded was introduced in WordPress 5.9, initially only images that appear within the main query loop were being considered. However, there is a good chance that images above the fold are rendered before the loop starts, for example in the header template part.
It is particularly common for a theme to display the featured image for a single post in the header. Based on HTTP Archive data from February 2023, the majority of LCP images that are still being lazy-loaded on WordPress sites use the `wp-post-image` class, i.e. are featured images.
This changeset enhances the logic in `wp_get_loading_attr_default()` to not lazy-load images that appear within or after the header template part and before the query loop, using a new `WP_Query::$before_loop` property.
For block themes, this was for the most part already addressed in [55318], however this enhancement implements the solution in a more generally applicable way that brings the improvement to classic themes as well.
Props thekt12, flixos90, spacedmonkey, costdev, zunaid321, mukesh27.
Fixes #58211.
See #53675, #56930.
Built from https://develop.svn.wordpress.org/trunk@55847
git-svn-id: http://core.svn.wordpress.org/trunk@55359 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-05-22 21:13:21 +02:00
}
Media: Prevent special images within post content to skew image counts and cause lazy-loading bugs.
In order to skip lazy-loading the first few images on a page, as of WordPress 5.9 there has been logic to count images that are eligible based on certain criteria. One of those groups are images that appear within the content of a post.
This changeset fixes a bug where images created via `get_the_post_thumbnail()` or `wp_get_attachment_image()` that are injected into the post content would skew the count and therefore result in all images to be lazy-loaded, potentially hurting load time performance. This is relevant for example when those functions are called in server-side rendered blocks, or any other filter callbacks hooked into `the_content`.
Props flixos90, antpb, joedolson, spacedmonkey, mukesh27, thekt12, costdev, jrf.
Fixes #58089.
See #53675.
Built from https://develop.svn.wordpress.org/trunk@55825
git-svn-id: http://core.svn.wordpress.org/trunk@55337 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-05-18 21:55:23 +02:00
}
Media: Enhance logic to determine LCP image in block themes and avoid lazy-loading it.
[52065] originally introduced the logic to guess the LCP image based on certain heuristics and to not lazy-load that image. However, with the introduction of block themes, that logic was not functioning correctly, resulting in all featured images to be lazy-loaded, regardless of whether it was the LCP image or not.
Together with an update to the `core/post-featured-image` block included in [55079], this changeset fixes the logic to correctly handle featured images in block themes as well.
Additionally, in combination with an update to the `core/template-part` block from [55246], this changeset includes an enhancement which uses the benefits of block template parts to avoid lazy-loading images in the `header` block template part, making the lazy-loading heuristics even more accurate for sites using a block theme.
Props flixos90, adamsilverstein, mamaduka, antonvlasenko, shahidul95, reduanmasud, costdev, mukesh27, ironprogrammer, manfcarlo, robinwpdeveloper, spacedmonkey.
Fixes #56930.
Built from https://develop.svn.wordpress.org/trunk@55318
git-svn-id: http://core.svn.wordpress.org/trunk@54851 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-02-13 19:34:17 +01:00
/*
* The first elements in 'the_content' or 'the_post_thumbnail' should not be lazy - loaded ,
* as they are likely above the fold .
*/
if ( 'the_content' === $context || 'the_post_thumbnail' === $context ) {
// Only elements within the main query loop have special handling.
if ( is_admin () || ! in_the_loop () || ! is_main_query () ) {
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
$loading_attrs [ 'loading' ] = 'lazy' ;
return $postprocess ( $loading_attrs , false );
Media: Enhance logic to determine LCP image in block themes and avoid lazy-loading it.
[52065] originally introduced the logic to guess the LCP image based on certain heuristics and to not lazy-load that image. However, with the introduction of block themes, that logic was not functioning correctly, resulting in all featured images to be lazy-loaded, regardless of whether it was the LCP image or not.
Together with an update to the `core/post-featured-image` block included in [55079], this changeset fixes the logic to correctly handle featured images in block themes as well.
Additionally, in combination with an update to the `core/template-part` block from [55246], this changeset includes an enhancement which uses the benefits of block template parts to avoid lazy-loading images in the `header` block template part, making the lazy-loading heuristics even more accurate for sites using a block theme.
Props flixos90, adamsilverstein, mamaduka, antonvlasenko, shahidul95, reduanmasud, costdev, mukesh27, ironprogrammer, manfcarlo, robinwpdeveloper, spacedmonkey.
Fixes #56930.
Built from https://develop.svn.wordpress.org/trunk@55318
git-svn-id: http://core.svn.wordpress.org/trunk@54851 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-02-13 19:34:17 +01:00
}
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
Media: Enhance logic to determine LCP image in block themes and avoid lazy-loading it.
[52065] originally introduced the logic to guess the LCP image based on certain heuristics and to not lazy-load that image. However, with the introduction of block themes, that logic was not functioning correctly, resulting in all featured images to be lazy-loaded, regardless of whether it was the LCP image or not.
Together with an update to the `core/post-featured-image` block included in [55079], this changeset fixes the logic to correctly handle featured images in block themes as well.
Additionally, in combination with an update to the `core/template-part` block from [55246], this changeset includes an enhancement which uses the benefits of block template parts to avoid lazy-loading images in the `header` block template part, making the lazy-loading heuristics even more accurate for sites using a block theme.
Props flixos90, adamsilverstein, mamaduka, antonvlasenko, shahidul95, reduanmasud, costdev, mukesh27, ironprogrammer, manfcarlo, robinwpdeveloper, spacedmonkey.
Fixes #56930.
Built from https://develop.svn.wordpress.org/trunk@55318
git-svn-id: http://core.svn.wordpress.org/trunk@54851 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-02-13 19:34:17 +01:00
// Increase the counter since this is a main query content element.
$content_media_count = wp_increase_content_media_count ();
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
// If the count so far is below the threshold, `loading` attribute is omitted.
Media: Enhance logic to determine LCP image in block themes and avoid lazy-loading it.
[52065] originally introduced the logic to guess the LCP image based on certain heuristics and to not lazy-load that image. However, with the introduction of block themes, that logic was not functioning correctly, resulting in all featured images to be lazy-loaded, regardless of whether it was the LCP image or not.
Together with an update to the `core/post-featured-image` block included in [55079], this changeset fixes the logic to correctly handle featured images in block themes as well.
Additionally, in combination with an update to the `core/template-part` block from [55246], this changeset includes an enhancement which uses the benefits of block template parts to avoid lazy-loading images in the `header` block template part, making the lazy-loading heuristics even more accurate for sites using a block theme.
Props flixos90, adamsilverstein, mamaduka, antonvlasenko, shahidul95, reduanmasud, costdev, mukesh27, ironprogrammer, manfcarlo, robinwpdeveloper, spacedmonkey.
Fixes #56930.
Built from https://develop.svn.wordpress.org/trunk@55318
git-svn-id: http://core.svn.wordpress.org/trunk@54851 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-02-13 19:34:17 +01:00
if ( $content_media_count <= wp_omit_loading_attr_threshold () ) {
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
// The first largest image will still get `fetchpriority='high'`.
return $postprocess ( $loading_attrs , true );
Media: Enhance logic to determine LCP image in block themes and avoid lazy-loading it.
[52065] originally introduced the logic to guess the LCP image based on certain heuristics and to not lazy-load that image. However, with the introduction of block themes, that logic was not functioning correctly, resulting in all featured images to be lazy-loaded, regardless of whether it was the LCP image or not.
Together with an update to the `core/post-featured-image` block included in [55079], this changeset fixes the logic to correctly handle featured images in block themes as well.
Additionally, in combination with an update to the `core/template-part` block from [55246], this changeset includes an enhancement which uses the benefits of block template parts to avoid lazy-loading images in the `header` block template part, making the lazy-loading heuristics even more accurate for sites using a block theme.
Props flixos90, adamsilverstein, mamaduka, antonvlasenko, shahidul95, reduanmasud, costdev, mukesh27, ironprogrammer, manfcarlo, robinwpdeveloper, spacedmonkey.
Fixes #56930.
Built from https://develop.svn.wordpress.org/trunk@55318
git-svn-id: http://core.svn.wordpress.org/trunk@54851 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-02-13 19:34:17 +01:00
}
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
}
Media: Enhance logic to determine LCP image in block themes and avoid lazy-loading it.
[52065] originally introduced the logic to guess the LCP image based on certain heuristics and to not lazy-load that image. However, with the introduction of block themes, that logic was not functioning correctly, resulting in all featured images to be lazy-loaded, regardless of whether it was the LCP image or not.
Together with an update to the `core/post-featured-image` block included in [55079], this changeset fixes the logic to correctly handle featured images in block themes as well.
Additionally, in combination with an update to the `core/template-part` block from [55246], this changeset includes an enhancement which uses the benefits of block template parts to avoid lazy-loading images in the `header` block template part, making the lazy-loading heuristics even more accurate for sites using a block theme.
Props flixos90, adamsilverstein, mamaduka, antonvlasenko, shahidul95, reduanmasud, costdev, mukesh27, ironprogrammer, manfcarlo, robinwpdeveloper, spacedmonkey.
Fixes #56930.
Built from https://develop.svn.wordpress.org/trunk@55318
git-svn-id: http://core.svn.wordpress.org/trunk@54851 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-02-13 19:34:17 +01:00
// Lazy-load by default for any unknown context.
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
$loading_attrs [ 'loading' ] = 'lazy' ;
return $postprocess ( $loading_attrs , false );
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
}
/**
* Gets the threshold for how many of the first content media elements to not lazy - load .
*
2023-05-16 20:52:23 +02:00
* This function runs the { @ see 'wp_omit_loading_attr_threshold' } filter , which uses a default threshold value of 3.
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
* The filter is only run once per page load , unless the `$force` parameter is used .
*
* @ since 5.9 . 0
*
* @ param bool $force Optional . If set to true , the filter will be ( re - ) applied even if it already has been before .
* Default false .
* @ return int The number of content media elements to not lazy - load .
*/
function wp_omit_loading_attr_threshold ( $force = false ) {
static $omit_threshold ;
// This function may be called multiple times. Run the filter only once per page load.
if ( ! isset ( $omit_threshold ) || $force ) {
/**
* Filters the threshold for how many of the first content media elements to not lazy - load .
*
* For these first content media elements , the `loading` attribute will be omitted . By default , this is the case
* for only the very first content media element .
*
* @ since 5.9 . 0
2023-05-16 20:52:23 +02:00
* @ since 6.3 . 0 The default threshold was changed from 1 to 3.
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
*
2023-05-16 20:52:23 +02:00
* @ param int $omit_threshold The number of media elements where the `loading` attribute will not be added . Default 3.
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
*/
2023-05-16 20:52:23 +02:00
$omit_threshold = apply_filters ( 'wp_omit_loading_attr_threshold' , 3 );
Media: Refine the heuristics to exclude certain images and iframes from being lazy-loaded to improve performance.
This changeset implements the refined lazy-loading behavior outlined in https://make.wordpress.org/core/2021/07/15/refining-wordpress-cores-lazy-loading-implementation/ in order to improve the Largest Contentful Paint metric, which can see a regression from images or iframes above the fold being lazy-loaded. Adjusting this so far has been possible for developers via filters and still is, however this enhancement brings a more accurate behavior out of the box for the majority of themes.
Specifically, this changeset skips the very first "content image or iframe" on the page from being lazy-loaded. "Content image or iframe" denotes any image or iframe that is found within content of any post in the current main query loop as well as any featured image of such a post. This applies both to "singular" as well as "archive" content: On a "singular" page the first image/iframe of the post is not lazy-loaded, while on an "archive" page the first image/iframe of the _first_ post in the query is not lazy-loaded.
This approach refines the lazy-loading behavior correctly for the majority of themes, which use a single-column layout for post content. For themes with multi-column layouts, a new `wp_omit_loading_attr_threshold` filter can be used to change how many of the first images/iframes are being skipped from lazy-loaded (default is `1`). For example, a theme using a three-column grid of latest posts for archives could use the filter to override the threshold to `3` on archive pages, so that the first three content images/iframes would not be lazy-loaded.
Props adamsilverstein, azaozz, flixos90, hellofromtonya, jonoaldersonwp, mte90, rviscomi, tweetythierry, westonruter.
Fixes #53675. See #50425.
Built from https://develop.svn.wordpress.org/trunk@52065
git-svn-id: http://core.svn.wordpress.org/trunk@51657 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2021-11-09 01:36:01 +01:00
}
return $omit_threshold ;
}
/**
* Increases an internal content media count variable .
*
* @ since 5.9 . 0
* @ access private
*
* @ param int $amount Optional . Amount to increase by . Default 1.
* @ return int The latest content media count , after the increase .
*/
function wp_increase_content_media_count ( $amount = 1 ) {
static $content_media_count = 0 ;
$content_media_count += $amount ;
return $content_media_count ;
}
Media: Automatically add `fetchpriority="high"` to hero image to improve load time performance.
This changeset adds support for the `fetchpriority` attribute, which is typically added to a single image in each HTML response with a value of "high". This enhances load time performance (also Largest Contentful Paint, or LCP) by telling the browser to prioritize this image for downloading even before the layout of the page has been computed. In lab tests, this has shown to improve LCP performance by ~10% on average.
Specifically, `fetchpriority="high"` is added to the first image that satisfies all of the following conditions:
* The image is not lazy-loaded, i.e. does not have `loading="lazy"`.
* The image does not already have a (conflicting) `fetchpriority` attribute.
* The size of of the image (i.e. width * height) is greater than 50,000 squarepixels.
While these heuristics are based on several field analyses, there will always be room for optimization. Sites can customize the squarepixel threshold using a new filter `wp_min_priority_img_pixels` which should return an integer for the value.
Since the logic for adding `fetchpriority="high"` is heavily intertwined with the logic for adding `loading="lazy"`, yet the features should work decoupled from each other, the majority of code changes in this changeset is refactoring of the existing lazy-loading logic to be reusable. For this purpose, a new function `wp_get_loading_optimization_attributes()` has been introduced which returns an associative array of performance-relevant attributes for a given HTML element. This function replaces `wp_get_loading_attr_default()`, which has been deprecated. As another result of that change, a new function `wp_img_tag_add_loading_optimization_attrs()` replaces the more specific `wp_img_tag_add_loading_attr()`, which has been deprecated as well.
See https://make.wordpress.org/core/2023/05/02/proposal-for-enhancing-lcp-image-performance-with-fetchpriority/ for the original proposal and additional context.
Props thekt12, joemcgill, spacedmonkey, mukesh27, costdev, 10upsimon.
Fixes #58235.
Built from https://develop.svn.wordpress.org/trunk@56037
git-svn-id: http://core.svn.wordpress.org/trunk@55549 1a063a9b-81f0-0310-95a4-ce76da25c4cd
2023-06-26 18:17:23 +02:00
/**
* Determines whether to add `fetchpriority='high'` to loading attributes .
*
* @ since 6.3 . 0
* @ access private
*
* @ param array $loading_attrs Array of the loading optimization attributes for the element .
* @ param string $tag_name The tag name .
* @ param array $attr Array of the attributes for the element .
* @ return array Updated loading optimization attributes for the element .
*/
function wp_maybe_add_fetchpriority_high_attr ( $loading_attrs , $tag_name , $attr ) {
// For now, adding `fetchpriority="high"` is only supported for images.
if ( 'img' !== $tag_name ) {
return $loading_attrs ;
}
if ( isset ( $attr [ 'fetchpriority' ] ) ) {
/*
* While any `fetchpriority` value could be set in `$loading_attrs` ,
* for consistency we only do it for `fetchpriority="high"` since that
* is the only possible value that WordPress core would apply on its
* own .
*/
if ( 'high' === $attr [ 'fetchpriority' ] ) {
$loading_attrs [ 'fetchpriority' ] = 'high' ;
wp_high_priority_element_flag ( false );
}
return $loading_attrs ;
}
// Lazy-loading and `fetchpriority="high"` are mutually exclusive.
if ( isset ( $loading_attrs [ 'loading' ] ) && 'lazy' === $loading_attrs [ 'loading' ] ) {
return $loading_attrs ;
}
if ( ! wp_high_priority_element_flag () ) {
return $loading_attrs ;
}
/**
* Filters the minimum square - pixels threshold for an image to be eligible as the high - priority image .
*
* @ since 6.3 . 0
*
* @ param int $threshold Minimum square - pixels threshold . Default 50000.
*/
$wp_min_priority_img_pixels = apply_filters ( 'wp_min_priority_img_pixels' , 50000 );
if ( $wp_min_priority_img_pixels <= $attr [ 'width' ] * $attr [ 'height' ] ) {
$loading_attrs [ 'fetchpriority' ] = 'high' ;
wp_high_priority_element_flag ( false );
}
return $loading_attrs ;
}
/**
* Accesses a flag that indicates if an element is a possible candidate for `fetchpriority='high'` .
*
* @ since 6.3 . 0
* @ access private
*
* @ param bool $value Optional . Used to change the static variable . Default null .
* @ return bool Returns true if high - priority element was marked already , otherwise false .
*/
function wp_high_priority_element_flag ( $value = null ) {
static $high_priority_element = true ;
if ( is_bool ( $value ) ) {
$high_priority_element = $value ;
}
return $high_priority_element ;
}