Допълнения към урока
Учебна програма Уеб сайтове с Wordpress
3. Работа с изображения и интегрирането им в сайта

Най-важното от урока: Изображение за публикацията (Featured Image)

Добре подбраното основно изображение (featured image) прави съдържанието в WordPress по-атрактивно и осигурява правилно визуализиране на публикациите в сайта. Основното изображение трябва да е оптимизирано по размер и пропорции, така че да изглежда професионално на всички ключови страници, като началната и архивните страници. Ако използвате произволни размери или твърде голяма височина, сайтът ви може да изглежда неестетично и съдържанието да остане скрито.

Задача: Създаване и добавяне на Featured Image стъпка по стъпка (WordPress 5)

  1. Създайте изображение за публикацията си (например, чрез екранна снимка с бутона Print Screen и обработка в Paint или друг графичен редактор).
  2. В редактора Paint използвайте Ctrl + V за поставяне на екрана. Подрежете изображението с функцията Crop ("Изрязване"), така че да остане само желаната част.
  3. Променете размера с инструмента Resize ("Преоразмеряване") до препоръчителните 1200 пиксела ширина и 630 пиксела височина.
  4. Запазете изображението с подходящо име (например: "основно изображение за видеото").
  5. Влезте в WordPress и създайте или редактирайте публикация.
  6. Кликнете върху "Включено изображение към публикацията" ("Set featured image" / "Добавяне на основно изображение"), изберете или качете новия файл и го задайте като featured image.
  7. Попълнете заглавие и съдържание за публикацията, след което я публикувайте или обновете.
  8. Прегледайте публикацията – основното изображение ще се визуализира на начална страница, в слайдери, категории и архиви (според темата на сайта).

Създаване и добавяне на Featured Image стъпка по стъпка (WordPress 6)

В WordPress 6 процесът на задаване на featured image е почти идентичен с този в WordPress 5. Интерфейсът е малко по-актуализиран визуално, но основните функции остават на същите места. Опциите "Set featured image" ("Включено изображение към публикацията") и качването/изборът на изображение работят по същия начин. Алтернативно, в редактора на блокове (Gutenberg) бутонът за изображението е разположен вдясно в настройките на публикацията. Ако използвате нови теми, там може да има допълнителни опции за визуализиране на featured image.

Ключови инструменти и команди, използвани в урока

  • Print Screen — Записва изображение на екрана в клипборда (буфера на Windows);
  • Ctrl + V — Поставя съдържанието от клипборда в Paint или друг редактор;
  • Crop ("Изрязване") — Инструмент в Paint/Photoshop за изрязване на избрана част от изображението;
  • Resize ("Преоразмеряване") — Инструмент за задаване на точен размер на изображението (напр. 1200 х 630 пиксела);
  • Set featured image ("Включено изображение към публикацията") — Опция в WordPress за задаване на основно изображение;