How to control automatic WordPress thumbnails • WordPress Help

In case there is still someone who does not know it, every time you upload an image in WordPress several copies are created at lower sizes (large, medium, miniature) so that you can attach in your publications the most appropriate content and do not overload the weight of your website which is very good right?

In the window of Settings -> Media you can specify the maximum sizes of the different "versions" of the images you upload, taking the maximum size specified in the part of width and maximum height, thereby WordPress gives you a resized, undeformed image of the whole image .

 size images wordpress

But this is not the default in the miniatures an essential copy, since it is the one used in the galleries of images. By default it makes the square copy, cutting the whole image from the center, which is not always – or almost never – the best possible option .

Because of this the thumbnails almost never show the most relevant of the complete image, offering a poor experience to the visitor of your web .

Ideally, you could choose which part of the image to cut to make the miniature, right? Well, you can.

The trick is to install the plugin called Post Thumbnail Editor . Once active, it adds links to the image editing windows that allows you to trim the thumbnails at will.

I also tell you that is not a plugin for all because it requires a discipline of management and editing of the miniatures that is not for personal blogs surely, but for editorial environments or professional websites where every detail counts.

The use of the plugin would be something like this:

  1. In the Media Library
    1. Open the library media
    2. Click on the new link called "Thumbnail" in the settings that are displayed.
  2. In the image editor (when viewing the details of an image from the editor of WordPress)
    1. Click on the link called "Edit image" that is just below each image
    2. Click on the new link called "Post Thumbnail Editor" under the other settings of the thumbnail.

    [19659013] In the plugin's own interface

    1. Choose the thumbnails you want to edit. If there is a miniature that has a specific aspect, it will be applied to the editor, if you choose miniatures with different aspects (width / height) you will not have this functionality available. Be careful or you could destroy a lot of miniatures.
    2. Choose the area to be cropped / scaled by clicking on the image on the left
    3. Click on the "Crop" button to crop it.
    4. Use the icon save to save the changes, or use the display tab to compare the old and new versions before saving.

It is some more work before publishing your content, but the results are clearly better, do not you think?

 thumbnails before and after editing

NOTICE : this publication is from two years ago or more. If it's a code or a plugin it might not work in the latest versions of WordPress, and if it's a news story it might be obsolete. Then do not say we have not warned you.

Loading …

That may also help you:

TimThumb abandoned

 abandonware "width =" 500 "height =" 500 "class =" aligncenter size-medium wp-image-76429 "srcset =" https : // 500w, 150w, https : // 800w "sizes =" (max-width: 500px) 100vw, 500px "/> </a></p>
<p> The famous <strong> clipping script images TimThumb </strong>massively used by themes and plugins, has been <strong> abandoned by its developer </strong>moving to the now famous list of <a href= abandonware .

Not lacking in guilt by different exploits that this script has suffered great on the other hand, the author has decided to abandon its development and support, and recommends developers of plugins and themes that stop using it .

] If you use algu n topic or plugin that uses it " encourages " to its developer that use some alternative method because if already until now TimThumb was vulnerable not to mention once abandoned the development and updates of it.

The best alternative to TimThumb is, of course, the native support of WordPress featured images which are gradually adopting mostly theme developers, as well as other alternative solutions to TimThumb .

A very interesting one is the following code which does the same thing as TimThumb with images from your server (does not work with external images or hotlinked ) but without its vulnerabilities:

; Other possible alternatives are the Photon module from JetPack, which also dynamically resizes images or the plugin BFI Thumb .

What is clear is that you have to leave to use TimThumb now, yes or yes.

NOTICE : this publication is from two years ago or more. If it's a code or a plugin it might not work in the latest versions of WordPress, and if it's a news story it might be obsolete. Then do not say we have not warned you.

Loading …

That may also help you:

Custom links in the galleries

If you have ever used galleries in WordPress you know that they are created with thumbnails of the selected images, that you can link to the attachment, to the original file or without a link, that shows only the thumbnails as such. [19659004] If you have ever used WordPress galleries, you would have liked to do something like that, right?

You just have to install the WP Gallery Custom Links plugin which, as its name suggests, allows link gallery files to the custom link you want to an external URL, to an entry in your site, wherever you like.

Its use is also very simple. You only have to activate the plugin and from that moment, when you create a gallery you can, in addition to the usual options, link each image to a custom URL, and you can also define if the link will open in a new window or even if you want to maintain effects as Lightbox that you have active (because by default you deactivate them for personalized links).

The result ?, perfect.

JetPack adds related entries – WordPress Help

It seems that JetPack is committed to being the only plugin you may need for almost any WordPress installation, and today you have introduced a new module, in version 2.9, that all or almost all of us use, the related entries .

And the truth is that it is very complete, more than many plugins out there, these are its virtues:

What's up, it works relatively well personally I prefer Related Posts by Zemanta because it allows to customize the appearance and edit the related entries and it's faster, but you have to recognize that the module Related entries of JetPack is fast to load and minimalist in appearance, which will fit most designs .

The main drawback, logically, is the absence of customization possibilities and improvements in the selection of related entries , because it is not always correct with the most related. In any case I encourage you to try it, bad option is not.

Require outstanding image

Today we will see how to achieve the same thing but with a few lines of code .

And that is that all you have to do is add the following code to your utility plugin or file functions.php of active topic:

add_theme_support ] ( 'post-thumbnails' ) ;

And besides, it is always convenient to define the miniature sizes adapted as best as possible to the design:

From there you just have to remember that in each entry define a " Featured image " from the "meta box" of the editor so named.
 featured image

2. Add the code to the loop

In the loop of the file single.php we must add the code that will show the related entries. The ideal site would be before the call to comments which you will identify by the following code:

The code would look something like this: