I am trying to control my post thumbnail size on two different pages.
I am using
set_post_thumbnail_size( 875, 175 );
To control the size on my index page. And then when they open the post I want the single.php to have the full size image.
Use get_the_post_thumbnail, you would call this in your single.php template and specify the size you want.
You add an image size with add_image_size(); (documentation) and then call on the thumbnail size in your theme with the_post_thumbnail();. You can add as many image sizes as you would like.
So lets create two sizes with
add_image_size( 'home-thumb', 330, 175, true);
add_image_size( 'single-thumb', 875, 300, true );
This will add them and you can call them using using the_post_thumbnail('single-thumb'); since you want the single page to have the full image size you can just use the_post_thumbnail();.
Try this:
if(is_single()) {
set_post_thumbnail_size( 875, 175 );
} else {
set_post_thumbnail_size( other dimensions here );
}
Related
On my WordPress website, I have a blog page that contains 4 posts, and each post has an image of size 1080x900 px. I want to show this image as a thumbnail of 350x300px on the WordPress site.
How can I add custom thumbnail size in the function.php file and what is the next step to do?
You can use
add_theme_support( 'post-thumbnails' );
add_image_size( 'custom-size', 350, 300, true );
Images will be available as a thumb in that size after you regenerate media.
For more info: https://developer.wordpress.org/reference/functions/add_image_size/
I wanna resize post thumbnail in Wordpress. So I use that function: get_the_post_thumbnail($onepost->ID, array(234, 156)); But I recive images with size 300x189. Why is this happens?
You best bet it to add your thumbnail size by using at add_image_size function, then call that new thumnail in your function:
In your functions.php:
add_image_size( 'custom-thumb', 234, 156 );
In your template file or wherever you're calling the thumbnail:
the_post_thumbnail( 'custom-thumb' );
Note that you will probably have to regenate your thumbnails after you do this as thumbnails are created when you upload the image, thus all images you uploaded won't have this custom thumbnail size. Here is a good plugin for that:
https://wordpress.org/plugins/regenerate-thumbnails/
I am trying to add code for featured image on different resolution. like thumbnail, medium, large and full. But I wanna look like this type of resolution.
e.g
125x125
150x150.
250x250
I am trying this code. but it's not work.
<?php
$thumb_id = get_post_thumbnail_id();
$thumb_url = wp_get_attachment_image_src($thumb_id,array(300,300), true);?>
300x300
</br>
It's show full size of image.
You need to add different image sizes in your functions.php file. WordPress will then create these resized images when a new image is created.
Usage is as such:
<?php add_image_size( $name, $width, $height, $crop ); ?>
Lots more information available on the WordPress Codex.
If you wish to create these image sizes retrospectively (to images you've already added) then you'll need to regenerate your thumbnails. You can do this using the regenerate thumbnails plugin.
You can then reference a image size in your code. A full example:
Inside functions.php:
add_image_size( 'example_size', 200, 200, true );
Inside your theme:
$thumb_url = wp_get_attachment_image_src( $thumb_id, 'example_size', true );
i am trying to create my first wordpress theme and i came now to a problem i can't seem to solve.
Due to the design of the theme, i would like to have featured images on every post, but they would need to be all the same size.
On my functions.php i have enabled the feature images, set a size and even tried to add custom size, but nothing is working as i wanted.
My code looks like this:
function.php:
add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 200,200, true);
add_image_size( 'feat', 200, 200, true );
then on my content.php:
<?php the_post_thumbnail('feat'); ?>
The images resize, but they don't crop. It makes the bigger side of the image equal to 200, but still keeps the original aspect ration.
Any ideas of what i'm doing wrong?
Maybe it happens because you had added add_image_size before you uploaded your images.
Try to delete and upload images again or download Regenerate Thumbnails plugin and regenerate all your images in media library.
I have set crop in functions.php to resize Images for Posts.
Codex from Wordpress: add_image_size, post_thumbnail
add_theme_support('post-thumbnails');
set_post_thumbnail_size(100, 100, true); //size of thumbs
add_image_size( 'post-thumb', 180, 180, true ); //(cropped)
Usage is like below
<?php if ( has_post_thumbnail() ) { the_post_thumbnail( 'post-thumb' ); } ?>
But it will not resize the thumb and shows the original size. What am I doing wrong?
Wordpress will only resize images on upload, you can use this plugin to resize images on the fly, so the first time you call an image size that does not exists, this plugin will resize the image so the next times image size will exist.