I just worked out why it wasn’t working. In order for WordPress to generate the srcset and size attributes for images in the_content, it must have a class associated with it indicating the image attachment id (for example, ‘wp-image-41’). This is automatically attached to the image when it is inserted via the editor. Unfortunately, in … Read more
I figured this out myself. It can be changed in the PHP code rather than in the WordPress dashboard. Log into your web hosting (or access the files via ftp), open a file manger and find this file: wp-content/themes/’YourTheme’/header.php Where ‘YourTheme’ is the name of the theme you’re using. I’m using shoreditch. Edit this file. … Read more
you can use ’embed_oembed_html’ to wrap that iframe inside the div. add_filter(’embed_oembed_html’, ‘Oembed_youtube_no_title’, 99, 4); function Oembed_youtube_no_title($html, $url, $attr, $post_id) { return ‘<div class=”embed-container”>’ . $html . ‘</div>’; } Didn’t test please let me know if it works for you.
Did you contact the theme’s support? They should be able to help you out as it seems to be an issue with the theme.
The 2nd argument of the_post_thumbnail() is an array of attributes and values, so you can just set your own srcset attribute that way: the_post_thumbnail( ‘my-custom-size’, array( ‘srcset’ => wp_get_attachment_image_url( get_post_thumbnail_id(), ‘my-other-custom-size’ ) . ‘ 1000w’, ) );
wp_get_attachment_image_srcset is the key here: wp_get_attachment_image_srcset( int $attachment_id, array|string $size=”medium”, array $image_meta = null ) I believe the missing information you lack, is that post thumbnails are actually an attachment ID. In combination with get_post_thumbnail_id you should be able to generate srcset values. But also keep in mind that while googling, every question I found … Read more
Thanks to Serkan’s suggestion I was pointed in the right direction to search for editing the wrapper rather than filtering the video itself (even though I would have loved a “filter only” solution.) Nonetheless, I stumbled upon a easy solution here – https://millionclues.com/wordpress-tips/fullwidth-responsive-youtube-embeds/ … I hope this can assist someone else with the same issue … Read more
You are right when you predict you will be at the mercy of the uploaders, and they can be very inventive when it comes to sizing and aspect ratio! My approach is to be very verbose in the front-end UI as to what images are acceptable – “Please upload standard ratio images for example 1200×900, … Read more
So apparently, the issue was arising due to Revolution Slider for some reason. I went into Revolution Slider -> Global Settings and turned on the option to allow Revolution Slider libraries to load on all pages, and now the menu toggle works correctly everywhere. I don’t know why it worked, but this seems to be … Read more
If you’re using the block editor, the fix is simple: add_theme_support( ‘responsive-embeds’ ); You can also make the iframe responsive using pure CSS, just wrap it in a div: <div class=”yt-container”> </div> .yt-container { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; } .yt-container iframe, .yt-container object, .yt-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } This article … Read more