Archived topic
adding classses to images on posts page based on filetype
7 replies · Started by eric on October 29, 2019
Hi there,
I've been using the code below to add the "style-svg" to featured images on the posts page. Style-svg is the default flag used by the SupportSVG plugin to turn linked SVGS to inline SVGs. I'm running into an issue where this applies to all images and I would like it to apply to SVGs only. Is that possible? Thanks in advance,
add_filter( 'generate_featured_image_output', function( $output ) {
return sprintf( // WPCS: XSS ok.
'<div class="post-image featuredImage">
<a href="%1$s">
%2$s
</a>
</div>',
esc_url( get_permalink() ),
get_the_post_thumbnail(
get_the_ID(),
apply_filters( 'generate_page_header_default_size', 'full' ),
array(
'itemprop' => 'image',
'class'=> 'style-svg'
)
)
);
} );Hi there,
found this on Stackoverflow that gets the image extension of the featured image:
https://wordpress.stackexchange.com/a/152354
You could use that define a condition for returning your HTML.
Thank you. Getting the extension isn't the thing that is throwing me. The issue is adding logic to this section of code. I was unable to add even a basic "echo" command to this.
If you're able to get the extension, you can replace this:
'class'=> 'style-svg'
With this:
'class'=> $is_svg ? 'style-svg' : ''
This assumes $is_svg is set to know whether the image is an SVG or not.
OK. Thanks very much. I'm learning this as I'm going along and the use of filters represents a new and important area to figure out. I'll try to take it from here.
Thank you again.
No problem! Let me know if you have any questions :)
I was preparing a prolonged session to get this figured out but I was able to do in just a few minutes. Usually it is the other way around. Thanks for your help and for an awesome theme!
You're welcome! :)
