Adapted from this thread on the WP forums: <?php if (has_post_thumbnail( $post->ID ) ): ?> <?php $image = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), ‘single-post-thumbnail’); ?> <style> #banner-id { background-image: url(‘<?php echo $image[0]; ?>’); } </style> <?php endif; ?> Add this to your single page template, after the_post(). I’d reccommend having a default header image so that if the page … Read more
The srcset attribute is constructed from images that are the same aspect ratio. Create a few of those and you’ll be ok. add_image_size( ‘compare-offer-box’, 400, 300, true); add_image_size( ‘compare-offer-box-2’, 800, 600, true); add_image_size( ‘compare-offer-box-3’, 1200, 900, true); for example. The fourth, boolean, argument tells WP to crop to the exact proportions. To resize without cropping, … Read more
After some digging and trial/error I have came up with a couple solutions. I was looking for a “Gutenberg” solution so I could avoid using str_replace. First, we need to enqueue our JS and include the wp.blocks package // Add to functions.php function gutenberg_enqueue() { wp_enqueue_script( ‘myguten-script’, // get_template_directory_uri() . ‘/js/gutenberg.js’, // For Parent Themes … Read more
The problem isn’t so much the uploading itself, as that is a network connection between the client and the server. It’s not what’s eating the server’s memory. When WordPress starts ‘cruncing’ the images, that is where PHP comes in and start resizing and cropping the uploaded images. It is before this moment you need to … Read more
WordPress doesn’t store path of generated sizes anywhere, you need to build it. As suggested by @kraftner in comments, wp_get_attachment_metadata() can be used to obtain some of the pieces you need to build the path. An alternative is image_get_intermediate_size(). The missing piece is the absolute path of upload folder. In theory, that can be retrieved … Read more
It depends on your image and stylesheet location. But this is the syntax: .theme-image { background-image: url(‘../images/header-img.jpg’); } The above code is for the structure wp-content – themes – your-theme – images – header-img.jpg – css – style.css You are making the browser come one directory before and search for images directory.
Long story short, you can get info about an attachment by using wp.media.attachment() function. This will give you complete data as long as this attachment is already loaded by another script or an wp.media() popup. If the data is not yet loaded, you can load it using .fetch() method on attachment, which works because it … Read more
If anybody is interested in do the trick, my solution is this: function remove_media_link( $form_fields, $post ) { unset( $form_fields[‘url’] ); return $form_fields; } add_filter( ‘attachment_fields_to_edit’, ‘remove_media_link’, 10, 2 );
Say you have image foo.jpg and bar.jpg in your media library. foo.jpg has caption saying “foo”, and bar.jpg has caption saying “bar”. Create a gallery with those two images, they will show with “foo” and “bar” captions. Want to use them again with a different caption, but using a gallery? No problem. Make another gallery … Read more
Yes! Orangelab has built a plugin which can replace WP’s use of GD with Imagemagick (provided it’s already installed on your server – it’s not included) for creation of all image sizes and thumbs, and even regenerate existing images too! For anyone who cares about image fidelity, this is huge deal, as GD does not … Read more