WordPress plugins - Regenerate Thumbnails

Плъгинът Regenerate Thumbnails (Регенериране на малки изображения) ни позволява да регенерираме всички размери на thumbnails за едно или повече изображения, качени в нашата медийна библиотека.

Това е полезно в ситуации като:

• Добавяне на нов размер thumbnails и всички файлове, качени преди това, трябва да имат thumbnail в този размер;
• Промяна размерите на съществуващия размер на thumbnails, например чрез Settings > Media;
• Промяна на WordPress темата, която използва thumbnails с различен размер;

Regenerate Thumbnails също така предлага възможност за изтриване на стари, неизползвани thumbnails, за да се освободи дисково пространство на сървъра.

В статията ще покажем как работи Regenerate Thumbnails и какъв тип проблеми решава.

Дефиниране размерите на изображение в WordPress

Първо нека си припомним, че стандартната инсталация на WordPress с темата по подразбиране Twenty Twenty поддържа три размера на изображения (Thumbnail, Medium и Large), които се управляват от меню Settings > Media:

Създаваме публикация (post) в WordPress, в която вмъкваме две малки изображения (thumbnails):

В помощния панел на редактора Gutenberg (раздел Block) виждаме, че малките изображения в публикацията отговарят точно на дефинирания размер за thumbnails - 150 пиксела:

Сега отваряме панела Media Settings (Settings > Media), променяме размера на малките изображения на 200 пиксела и запазваме промяната като кликаме бутона Save Changes:

Чрез опцията Replace променяме едното изображение в публикацията като качваме ново изображение, от което WordPress генерира малко изображение (thumbnail) с размери 200х200 пиксела:

Публикуваме статията и забелязваме, че двете изображения се различават по размер - старото изображение е с размер 150x150 пиксела, докато новото е с размер 200х200 пиксела.

Това означава, че промяната на размера на малките изображения не променя качените до този момент картинки, а се прилага само към качените след промяната изображения.

Нека си представим, че имаме стотици публикации с по няколко малки изображения, които в момента не изглеждат добре в сайта и възможността за повторно ръчно качване на всяко едно изображение определено не предизвиква положителни емоции.

За наша радост Alex Mills, разработчик от Automattic (създателите на WordPress, WooCommerce ...), е намерил решение чрез плъгина Regenerate Thumbnails, който създава автоматично thumbnails с новите размери за всички качени вече изображения.

Нека проверим дали използването на плъгина ще реши проблема в нашата публикация.

Инсталиране на Regenerate Thumbnails

Инсталираме плъгина по стандартния за WordPress начин:

• отваряме Plugins > Add New;
• въвеждаме в полето за търсене ключовата дума regenerate;
• откриваме панела на плъгина Regenerate Thumbnails by Alex Mills (Viper007Bond);
• кликаме бутона Install Now, след това кликаме същия бутона, който вече има етикет Activate;

Влизаме в панела за управление на плъгина като избираме в главното меню Tools > Regenerate Thumbnails:

Настройване на Regenerate Thumbnails

Плъгинът автоматично сканира настройките и публикува отчет за намерените размери на изображения.

По подразбиране опцията Skip regenerating... е актвирана и изключва пресъздаването на изображенията с коректни размери, което спестява време и ресурси.

Ако желаем да изтрием всички изображения, чиито размери не са регистрирани в текущата активна WordPress тема за да освободим дисково пространство на сървъра, маркираме полето Delete thumbnail files...

Ако желаем да регенерираме само подбраните изображения (featured images) кликаме втория бутон.

За да регенерираме thumbnails за всички изображения, кликаме първия бутон, маркиран на на изображението долу:

Така стартираме процесът на регенериране и в зависимост от броя на изображенията това може да отнеме няколко минути, като за оставащото време ни информира движението на синята лента. Препоръчаме да не затваряте прозореца докато не завърши процеса.

Сега рефрешваме страницата с публикацията и забелязваме, че двете изображения са с еднакъв размер:

За да се уверим, че не става въпрос за зрителна измама кликаме с десен бутон върху старото изображение, което беше по-малко по размер преди регенерирането, и избираме Inspect Element(Q). В кода на страницата се уверяваме, че WordPress зарежда thumbnail с новите размери 200x200 пиксела:

Регенериране на thumbnails в Media Library

В някои случаи може да не се налага регенериране на голям брой изображения. Regenerate Thumbnails ни дава възможност да регенерираме малките избражения на отделни картинки като влезем в Media Library, изберем опцията показване като списък (list view) и кликнем линка Regenerate Thumbnails срещу съответното изображение:

Ако желаем да регенерираме thumbnails за няколко изображения едновременно, трябва да ги маркираме, от менюто Bulk Actions да изберем Regenerate Thumbnails и да кликнем бутона Apply:

В памет на Алекс Милс

През февруари 2019 г. Алекс Милс, авторът на този плъгин, почина. Той остави след себе си редица плъгини, които ще се поддържат от Automattic и членове на WordPress общността. Ако този плъгин е полезен за вас, помислете за дарение на университета за здраве и наука в Орегон. Може да намерите повече информация тук (https://alex.blog/2019/03/13/in-memory-of-alex-donation-link-update/).