Home › Forums › Jevelin Theme › Thumbnail Size for blog post
Home › Forums › Jevelin Theme › Thumbnail Size for blog post
Hi Shufflehound Support,
Is there a way to resize the thumbnail for the blog post? As I have noticed that the size of the featured image is 788×443 and I will like the thumbnail to be a multiple of this. This is to prevent the edges from being cropped off. Thanks.
Hi Shufflehound Team,
Is it possible to upload a separate image to be used as the blog thumbnail? As I noticed that the image has been scaled down a lot (from 660×420 to 236×150). Consequently, it increases the total page size and loading time. Thanks!
To achieve this, you have to develop custom code in the child theme of Jevelin theme.
Developing custom code for custom functionality is beyond the scope of support that we provide here. Please see https://themeforest.net/item/jevelin-multipurpose-premium-responsive-wordpress-theme/14728833/support
If you are not a developer then you can consider hiring a developer to develop it for you. You can hire a developer from any freelance site. Shufflehound recommends the developer https://www.upwork.com/freelancers/~011652ffec8865c6d5
I tried the plugin attached in your previous post. But none of them points to resizing the thumbnail size. Is there any details on how I can use the plugin? Thanks.
You have to edit the plugin code.
If you don’t know how to to do that then you can consider hiring a developer.
I tried editing the plugin code. However, there is no add_image_size that relates to the width and height of the thumbnail. So I was hoping you will drop a hint on this. Thank you.
Solution for this topic
In the plugin you will see the code as following.
function custom_jevelin_general_setup(){ set_post_thumbnail_size( 660, 420, true ); add_image_size( 'jevelin-portrait', 420, 660, true ); add_image_size( 'jevelin-square', 660, 660, true ); add_image_size( 'jevelin-landscape-large', 1200, 675, true ); } add_action( 'init', 'custom_jevelin_general_setup', 999 );
In the above code the functions set_post_thumbnail_size & add_image_size are used and its first argument 660 is width and second argument 420 is height.
You have to change this width and height then regenerate the thumbnails on your site using the below plugin.
May I check with you if 1200×675 will be the optimal image size for the featured image?
As I am trying to understand the relationship between the size of the featured image, thumbnail on the main page, and thumbnail on related post.
I was looking at the blog demo and everything looks perfect to me.
Hence, I am trying to diagnose the problem on mine.
Thank you.
May I check with you if 1200×675 will be the optimal image size for the featured image?
Yes
I re-created and crop an image of size 1200×675 and upload it to be the featured image. At the same time, I used the attached plugin that you provided earlier and change the code to
set_post_thumbnail_size( 600, 338, true );
In the image folder, I have noted that a new image of size 600×338 was created; and I believed this was used as the thumbnail. With that, the issue of the cropped edges were resolved.
However, I noticed a huge drop in quality despite uploading the image at the highest quality (same as previously). In fact, the image appears slightly blurry.
Is there anything that I am doing wrong?
Please advice. Thank you so much, I really appreciate it.
Please make sure that you have regenerated the thumbnails on your site using the below plugin.