Image resizing

Posted in: Newsmag
Post count: 15

Buna dragi romani,
felicitari pentru o asa tema reusita.
I have asked a professional service to migrate the content from joomla to wordpress and we are having issues with too many errors in terms of pciture sizes. I am not sure where the problem is but here is what the site looks like- pictures are of many sizes/ many orientations, some pictures are missing.
http://198.1.95.93/~devgandaculdecol/
Questions:
1. What do you recommend we do moving forward and fixing these image resizing issues for hundreds of posts?
2. How can we add a default image for the posts that do not have an image?
3. Moving forward- what is one safe image size that will not create such issues in the future? I know that it all depends on where it will be placed but some general guidelines would be very appreciated?
Multumesc mult,
Teo

Post count: 9544

We use auto post thumbnail pro here, which is cheap on envato, and solved those same issues for us. We also use the free thumbnail upscale plugin which can help where smaller images need to be larger than they were uploaded.

We set our default size as 640xNNN and that seems to work pretty well, for the layout we happen to be using.

Post count: 15

Wow..thanks so much for your extremely fast reply.
I will give those 2 plugins a try.
Will the paid plugin work with existing posts though? I already have a few thousands up already..
Will the paid plugin change the orientation of the pictures? I have a lot of vertical pictures and the theme uses landscape oriented pictures and I would like to keep everything uniform.
What is the best way to generate thumbnails for posts with non-existent pictures?
you can see the errors here http://198.1.95.93/~devgandaculdecol/
Thanks again,
Teo

Post count: 6535

Hi @teodormiu

Thank you for your kind words!
1. Try this guide and regenerate the thumbnails for all your images: https://forum.tagdiv.com/how-to-fix-strange-thumbnails/ clear all caches and test again. If the image is large enough it should be displayed fine in thumbs.
2. If a post doesn’t have a featured image set the theme load a placeholder image when this option from theme panel is enabled: http://screencast.com/t/qXc9ADVOzKOf To set a custom image you need to add an image in /images/no-thumb directory: http://screencast.com/t/VBrS8hN53 then replace in get_image() function the name of the image like here: http://screencast.com/t/CYZRDHlJs
3. In order to identify the ideal/average size you need to figure out which is the largest container that will display that particular image and upload an image bigger than that container. Then there is the post template to consider. If you use post templates with big image backgrounds (style 6, 7 or 8), then your uploaded image has to be bigger (especially on style 8). You need to asses your website’s layout (posts and block elements) and come up with an average image size that will work on smaller containers but also keep good quality on bigger ones.
You can read more about thumbs and featured images here: https://forum.tagdiv.com/theme-thumbs/ – https://forum.tagdiv.com/featured-image/ – https://forum.tagdiv.com/thumbnails-vs-featured-image-size/

The theme uses thumbs to reduce the page size and speed up page loading time. From each image uploaded are generated thumbs for each thumb size used by the theme. Basically when a post it’s displayed on the page in a block, the featured image displayed is not the one which you uploaded in media file, it’s a thumb cropped from the original image at precise dimension. To change the picture orientation most likely you will need a different cropping system. We use a WordPress function – add_image_size() – you can read about it here – https://codex.wordpress.org/Function_Reference/add_image_size – and here – http://www.davidtan.org/wordpress-hard-crop-vs-soft-crop-difference-comparison-example/

Hope this help.
Thanks!

Post count: 9544

Hi
yes, the auto post thumbnail pro plugin does set a default featured image you select if none exists, and it will recrop based on theme settings, hence why you may need the free thumbnail upscale plugin also if you have a tall image that needs to be zoom/cropped for horizontal.

I have no financial relationship to the plugin author, company, etc., but we had similar issue on a WP website launched in 2005 which started with another CMS, then moved to WP, and then when we switched to newsmag last year we had 10 years of content/images to “make compliant” with modern WP practices. Worked great.

best $9 I ever spent 🙂
http://codecanyon.net/item/auto-post-thumbnail-pro/4322624

Frankly, I’m sure Radu could evaluate that plugin function and replicate it as a module or paid addon to their themes, but this is one of those great toolkit solutions that saved the day for us on numerous websites.

Post count: 15

Hello again,
The thumbnails appear to be working generally well. However, when clicking on the articles, the pictures that were small to begin with are now awfully pixelized and fairly large.

1.These pictures do not need to be that large, can they preserve a smaller value so that they will not appear pixelized in the full length articles?
2. I deactivated the thumbnail regeneration plugins you suggested and that does not seem to change anything. The image size in the full length articles seems to be a function of the theme. Is there a way I can set these images at a smaller size when the images appear pixelized? here is one of the many exampples http://198.1.95.93/~devgandaculdecol/triplu-eveniment-editorial-la-iasi/

3. For the articles that do not have a proper image but do have a default image generated in the thumbnail, is there a way I could keep the default image in the thumbnail but NOT in the full length article as in here http://198.1.95.93/~devgandaculdecol/emil-boc-urmasul-popular-al-lui-basescu/

Multumesc asa de mult,
Teo

Post count: 6535

Hi

I’ve checked the link you provided as example and the image seams to be displayed fine now: http://screencast.com/t/qU0wtuMh5 However if you still have this issue you can try this css in theme panel > custom css and the image will be displayed at it’s auto size:

.td-post-featured-image img {
width: auto!important;
}

Hope this help.
Thanks!

Post count: 15

Thanks so much again- you guys are incredibly helpful and talented! My other issues were:

1. For the articles that do not have a proper image but do have a default image generated in the thumbnail ( the grey camera), is there a way I could keep the default image in the thumbnail but NOT in the full length article as in here http://198.1.95.93/~devgandaculdecol/emil-boc-urmasul-popular-al-lui-basescu/

2. How can i limit the number of words for the articles displayed in thumbnails? Some thumbnail Articles titles are 2 lines while others are one line. The thumbnail titles with too many words are offsetting the other thumbnail articles with less words ( one line only) here is one example http://198.1.95.93/~devgandaculdecol/author/dmclici/

3. When I am logged in as a webmaster/ Redactie, the articles appear to be publised by Redactie. How can I make sure that when I login and publish another author’s article, the article will be displayed with the right author name?

Post count: 9544

3.
you need to select the author on the post page.

Post count: 15

that makes sense but I do not have such option…
Do I have to set something else up somewhere else?
Thanks so much!

Post count: 9544

It’s a built in feature of WordPress …
use the ‘show visibility’ tab top right of WP post screen, to show all the option panels on the post page; one of which is “authors” — which allows you to select an author to attribute a post to. This presumes you actually setup authors (users) for your publication.

The WordPress codex on WordPress.org is a great read in learning to use WP.
see:
https://codex.wordpress.org/Writing_Posts

this shows all the default options for posts, like “post author” 🙂

  • This reply was modified 10 years by simchris.
Post count: 15

Chris- you are awesome. Thanks so much- sorry I am bugging you with such questions. You guys always offer phenomenal support! Congratulations for the theme once again!

Post count: 9544

I don’t work here; just another user like yourself….
I’ve just been through the learning curve about five times, which is why I’m so dizzy! 🙂

  • This reply was modified 10 years by simchris.
Post count: 15

I see. Well I now see the list of authors in the post but I need to create new author profiles. I went to Member Directory and added new members as editors or contributors.These do not appear in the post Authors drop down menu. Also – i dont find a user section on the left side of the wp panel. any sugesstions? thx again!

Post count: 6535

Hi


@teodormiu
sorry for the delay and @Chris thanks for your help!

1. You can hide the featured image from post content by disabling it from theme panel > post settings > featured image: http://screencast.com/t/iXwnJWSHs8 The image will be displayed only in thumbnails not in post content.
2. You can set the title length from theme panel > excerpts for each module that you’re using on the page: http://screencast.com/t/SgQgzb4obiK

Regarding the author issues please check the WordPress documentation regarding users roles and capabilities because not every user have the same capabilities: https://codex.wordpress.org/Roles_and_Capabilities Foe example a contributor user cannot publish a post.
I am not sure why you don’t have the user option available because usually should be there: http://screencast.com/t/N5s00IQ5AgWp Try to deactivate all plugins except Visual Composer, just to be sure thet there is no conflict with some other plugin, clear all caches and test agtain.

Let me know how it goes.
Thanks!

Post count: 15

Thanks. For number
1. If I disable the featured image, it seems like it disables all featured images in all posts. I would like to only disable the generic (an image I chose for all posts with no good images) featured image that I set up for thumbnails because I do not have a good picture for some particular articles. Here is a post with a generic image http://198.1.95.93/~devgandaculdecol/reportaj-din-nordul-tarii/ I would like this image to appear in the thumbnail but not in the full length article.

2. Also- how do I empty all caches ? In the browser or in the wp dashboard? if so how to exaclty- cant seem to find the option in the theme…

Multumesc mult,
T

Post count: 9544

Caching is controlled by any cache plugin you may/may not be using; if you’re using caching built-in to your hosting plan/service. Also caching is found in your web browser, where you can clear your history/cached files (see your help info for web browser you happen to be using).

Post count: 6535

Hi @teodormiu

Unfortunately the theme doesn’t have such an option and to achieve that you will need custom modifications in theme core files. A solution would be to add a condition in get_image() which check if the current post have a featured image set or it have the generic image as featured image. Then depending by result will be generated two cases: one for the usually featured image which will be displayed in post content and in thumbs. Also you will have a second case for the generic image which will be displayed only in thumbs. This is a complex task which require good coding skills and you’re not aware of the steps you need to take in this regard please consider hiring a developer or a freelancer to do this for you as we can’t offer customization services at the moment.

As a cache plugin we recommend WP Super Cache which it’s tested with the theme and works fine, you can find more details about plugin’s set up in our documentation: https://forum.tagdiv.com/cache-plugin-install-and-configure/

Thanks!

Viewing 18 posts - 1 through 18 (of 18 total)
The forum ‘Newsmag’ is closed to new topics and replies.