Search by 
waughj / wp-theme-picture
Class for autogenerating picture tag HTML for WordPress theme image.
v0.3.1
2019-06-04 20:11 UTC
Requires
- php: >=7.0
- waughj/html-picture: >=0.7.2
- waughj/wp-theme-image: >=0.3.1
Requires (Dev)
README
Class for autogenerating picture tag HTML for WordPress theme image.
Works just like HTMLPicture, but automatically applies WPThemeImage directory rather than expecting users to supply their own.
For a theme named “example” setup on https://www.example.com:
use WaughJ\WPThemePicture\WPThemePicture;
$picture = new WPThemePicture( 'photo', 'jpg', '320w 240h, 800w 400h, 1200w 800h', [ 'directory' => 'img' ] );
$picture->print();
// Will print out the following ( #s after m?= will vary ):
// <picture>
// <source srcset="https://www.example.com/wp-content/themes/example/img/photo-320x240.jpg?m=1554999461" media="(max-width:320px)">
// <source srcset="https://www.example.com/wp-content/themes/example/img/photo-800x400.jpg?m=1554999461" media="(max-width:800px)">
// <source srcset="https://www.example.com/wp-content/themes/example/img/photo-1200x800.jpg?m=1554999461" media="(min-width:801px)">
// <img src="https://www.example.com/wp-content/themes/example/img/photo-320x240.jpg?m=1554999461" alt="" />
// </picture>
Like HTMLPicture, this will throw a MissingFileException if versioning is set on ( the default ) & the server can’t find the file. Look @ the HTMLPicture documentation for mo’ information.
An easy way to deal with exceptions:
use WaughJ\FileLoader\MissingFileException;
use WaughJ\WPThemePicture\WPThemePicture;
try
{
$picture = new WPThemePicture( 'photo', 'jpg', '320w 240h, 800w 400h, 1200w 800h, 2400w 600h', [ 'directory' => 'img' ] );
}
catch ( MissingFileException $e )
{
$picture = $e->getFallbackContent();
}
$picture->print(); // Will print without versioning for files that can’t be found & won’t throw exception.
Changelog
0.3.0
- Update to Newest Version o’ HTMLPicture
0.2.0
- Make compatible with new HTMLPicture code
0.1.0
- Initial Release