Increasing a non-retina screenshot to 2X size will not be any different than showing the original. Instead, alter your browser settings to emulate a retina display: Firefox: Go to about:config, and change layout.css.devPixelsPerPx from -1 to 2 Chrome: Zoom to 200% At the bottom of the JS console (Option-Command-J), click on “Emulation” Check the “Emulate … Read more
so you can do that in 2 different ways 1. modify directly on template-parts/content-single.php 2. you can plug it using the add_action(pre_get_post,func_with_your_staff ) inside this function func_with_your_staff( $query ) { global $wp ; if ( $query->is_single() && empty($query->post_type) $query->set(‘post_type’, ‘wherever_is_type’); // perhaps you have a custom_post_type ?> and then you can add your extra staff … Read more
Retina for WordPress Posts
If you download the Retina plugin. It automatically edits the line for you. Generating a retina image.
Why are retina images automatically produced?
Three things to check: Have you added add_theme_support(‘post-thumbnails’);? Is the uploaded image larger than 2880px x 2880px? Are you already regenerate all the thumbnails, including the existing?. Referring to the second, if the image is not “suitable” for the size, WordPress won’t make the thumbnail, because it can’t. For instance, if you upload an image, … Read more
x2 images for retina?
WordPress puts all resized versions of an image with the same aspect ratio into the srcset property. So if you need a “2x” image and one is not being generated already you could add an image size via add_image_size(). For the 2x image to be inserted in the correct circumstances you might need to tweak … Read more
Intersept image upload and generate retina image from source
Browsers which understand the srcset attribute will automatically choose the image which corresponds between the defined sizes and available space. Most of modern browsers support this, older browsers still found in the wild will gracefully fall back and simply use the image linked in the src attribute. There is no additional Javascript needed to activate, … Read more