17.12.2024

Как да промените размера на препоръчаното изображение в WordPress

Препоръчаните изображения (известни също като миниатюри на публикации) са съществена част от уебсайтовете на WordPress. Те осигуряват визуална привлекателност на публикациите, страниците и архивните списъци, като помагат за ангажирането на потребителите. Понякога може да се наложи да коригирате размера на тези препоръчани изображения, за да паснат по-добре на дизайна и оформлението на уебсайта ви. Това ръководство ще ви запознае с това как да промените размера на препоръчаните изображения в WordPress, като обхваща различни методи – от регулиране на настройките до редактиране на файловете на темата.

Метод 1: Промяна на размера на препоръчаното изображение чрез настройките на WordPress

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

Стъпка 1: Проверете за настройките на изображението в персонализатора

Влезте в таблото за управление на WordPress.
Отидете в менюто Външен вид > Персонализиране.
Потърсете настройки, свързани с Featured Images (Препоръчани изображения), Post Thumbnails (Миниатюри на публикации) или Blog Settings (Настройки на блога). Тези настройки се различават в зависимост от темата, която използвате.
Ако е възможно, регулирайте ширината и височината на препоръчаните изображения.
Щракнете върху Публикувай, за да запазите промените.

Стъпка 2: Проверете настройките на изображенията в опциите на темата

Някои първокласни теми имат собствени настройки за размера на изображенията в опциите на темата или в панела на темата:

Отидете в Theme Options (Опции на темата) в таблото за управление на WordPress.
Потърсете опция, свързана с Настройки на изображенията или Миниатюри на публикации.
Настройте размера на показаните изображения според предпочитанията си.
Запазете промените и проверете как се появяват вашите препоръчани изображения в предната част.

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

Метод 2: Промяна на размера на препоръчаните изображения чрез настройките на изображенията в медиите

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

Стъпка 1: Настройте настройките на медиите

Отидете на Настройки > Медии в таблото за управление на WordPress.
Тук можете да настроите размерите по подразбиране за:
- Размер на миниатюрата: Това често се използва за препоръчани изображения.
- Среден размер: Подходящ за изображения, използвани в публикациите.
- Голям размер: За пълноразмерни изображения.
Променете ширината и височината на размера на миниатюрата или на всеки друг размер, който съответства на представените от вас изображения.
Щракнете върху Запазване на промените.

Стъпка 2: Повторно генериране на миниатюри

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

Инсталирайте и активирайте плъгин като Regenerate Thumbnails.
Отидете на Инструменти > Regen. Миниатюри.
Щракнете върху Regenerate Thumbnails for All Attachments (Възстановяване на миниатюри за всички прикачени файлове).

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

Метод 3: Промяна на размера на препоръчаните изображения с помощта на код

Ако ви е удобно да добавяте код, можете ръчно да определите размера на препоръчаните изображения във файла functions.php на темата си.

Стъпка 1: Определяне на потребителски размери на изображенията във functions.php

Отидете в менюто Външен вид > Редактор на темата.
Изберете файла functions.php на активната си тема.
Добавете следния код, за да дефинирате нов потребителски размер на изображението:
add_theme_support(‘post-thumbnails’); add_image_size(‘custom-featured-image’, 800, 400, true);
- Заменете ‘custom-featured-image’ с име по ваш избор.
- Настройте 800 (ширина) и 400 (височина) до желаните размери.
- Параметърът true гарантира, че изображението ще бъде изрязано до зададения размер.

Стъпка 2: Използване на потребителския размер на изображението в темата

За да използвате новия размер на изображението за препоръчаните изображения, актуализирайте файловете на шаблона на темата (напр. single.php, archive.php или content.php), в които се извиква препоръчаното изображение.

Намерете частта от шаблона, която извиква миниатюрата на публикацията, като например:
the_post_thumbnail(‘thumbnail’);
Заменете “thumbnail” с определения от вас размер на потребителското изображение:
the_post_thumbnail(‘custom-featured-image’);

Стъпка 3: Повторно генериране на миниатюри

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

Метод 4: Промяна на размера на препоръчаното изображение с помощта на конструктор на страници

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

Стъпка 1: Отворете страницата/поста в модула за създаване на страници

Редактирайте страницата или публикацията, като използвате вашия конструктор на страници.
Изберете уиджета за изображение или уиджета за публикация, където се показва водещото изображение.

Стъпка 2: Настройте настройките за размера на изображението

Потърсете опция за размер на изображението или настройка за размер на миниатюрата на публикацията в джаджата.
Изберете предварително зададен размер (напр. Миниатюра, Среден, Голям) или задайте потребителски размери.
Запазете промените и прегледайте страницата, за да се уверите, че изображенията се показват според очакванията.

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

Метод 5: Използване на плъгин за персонализирани размери на препоръчаните изображения

Ако не ви е удобно да редактирате код, има плъгини, които могат да ви помогнат да създадете потребителски размери на изображението, без да засягате файла functions.php.

Препоръчителни плъгини:

Simple Image Sizes: Този плъгин ви позволява да създавате персонализирани размери на изображенията и да управлявате съществуващите размери директно от администрацията на WordPress.
Потребителски размери на изображенията: Добавя възможност за дефиниране на потребителски размери на изображенията и използването им в темата ви без кодиране.

Как да използвате плъгина:

Инсталирайте и активирайте избрания от вас плъгин.
Отидете на страницата с настройки на приставката (често се намира в раздел “Настройки” или “Медии”).
Определете потребителските размери на препоръчаните изображения, като посочите ширината и височината им.
Запазете настройките си и регенерирайте миниатюрите, като използвате вградената опция на плъгина.

Съвети за избор на подходящ размер на препоръчаното изображение

Когато настройвате размера на водещите си изображения, вземете предвид следното:

Изисквания към темата: Проверете документацията на темата си за препоръчителните размери на водещите изображения.
Скорост на страницата: По-големите изображения могат да забавят уебсайта ви, затова използвайте най-малкия размер, който поддържа добро качество.
Респонсив дизайн: Уверете се, че изображенията ви са оптимизирани за мобилни устройства, като използвате гъвкави размери на изображенията или настройки, които се адаптират към размера на екрана.
Качество на изображенията: Използвайте инструменти като TinyPNG или ShortPixel, за да компресирате изображенията без загуба на качество, преди да ги качите в WordPress.

Обобщение

Промяната на размера на изображението в WordPress може да се направи по няколко начина – от използване на персонализатора и настройките на медиите до редактиране на файла functions.php или използване на плъгини. Изберете метода, който най-добре отговаря на вашето ниво на комфорт и на гъвкавостта, от която се нуждаете. Като зададете правилния размер на водещото изображение, можете да подобрите дизайна на уебсайта си, да поддържате последователност между публикациите и да подобрите потребителското изживяване, като същевременно контролирате времето за зареждане на страницата.