It seems I forgot one crucial aspect: to edit the CSS of the img element. I set my img to: img { height: auto; max-width: 100%; vertical-align: middle; } That fixed the issue with regards to the images not being responsive.
I’ve already solved this issue. The solution I found is not really good, but it did the job. I had only two images in my gallery and I wanted to hide the first one, so I used array_reverse(); where my template loaded the images for the gallery and I hid the arrows to go from … Read more
Thanks maverick, your solution works <?php $args = array( ‘post_parent’ => $post->ID, ‘post_type’ => ‘attachment’, ‘numberposts’ => 15, // -1, show all ‘post_status’ => ‘any’, ‘post_mime_type’ => ‘image’, ‘orderby’ => ‘menu_order’, ‘order’ => ‘ASC’ ); $images = get_posts($args); if($images) { ?> <images> <?php foreach($images as $image) { ?> <image><![CDATA[<?php echo wp_get_attachment_image_src( $image->ID, ‘listing_gallery_2x’)[0]; ?>]]></image> <?php … Read more
When you upload an image into the media library, WordPress creates a new post of a special type. The title tag is stored as a post title, the caption as excerpt, the alt tag as a special field. So, if you call the image through the library it will know all the metadata. For instance, … Read more
This is not the best practice, it seems you should have an image for desktop and another one for mobile in order to fit well the screen. However, you can set where to focus using the background-position CSS Property. .imgBackground { background-image: url(‘image’); background-repeat: no-repeat; background-attachment: fixed; background-position: center bottom; } Check this life example.
Why image Thumbnail url is not displaying with custom size?
You can either choose a theme that already shows full posts on Categories by default, or you can create a child theme: Create a new folder under /wp-content/themes/ – the name is up to you, but for simplicity’s sake, you may just want to call it themename-child. So if you’re using the “twentysixteen” theme, call … Read more
I’ve been working on a similar problem, so found a possible solution. The issue is the ‘inline’ images, as opposed to images that are attachments (like a gallery), is that there is no filter for the_content() that deals specifically with the images tag. (At least, I haven’t found it yet.) So, you need to use … Read more
I suggest using a gallery plugin that will show thumbnail images and then load the large image after the thumbnail is clicked. I’ve seen this one used. Also, in most cases, 4000px images are not needed if your goal is only to let people see your photography. 1200px wide is plenty large enough. I would … Read more
There are several tasks you need to perform when you choose to do with custom code. And I personally think they’re complicated tasks. Here is the list of what I can imagine. Hook to the category edit page to add a new form for upload image. This can be done with the hook {$taxonomy}_add_form_fields. Handle … Read more