Добавяне на изображения в публикация. Автоматично преоразмеряване

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

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

Опробвайте! Задача стъпка по стъпка за добавяне и преоразмеряване на изображения в публикация (WordPress 5)

1. Създайте нова публикация, като изберете "Posts" ("Публикации") → "Add New" ("Добави нова").
2. Въведете текстовото съдържание на статията или го поставете с Ctrl + V.
3. Ако имате списък или разделите съдържанието на параграфи, използвайте Enter, за да ги разграничите.
4. За да добавите изображение към конкретен параграф:
   • Кликнете на мястото, където искате да се появи изображението.
   • Изберете "Add Media" ("Добавяне на медия") над редактора.
   • Качете изображение или изберете съществуващо от „Media Library" ("Библиотека с медии").
   • В дясната колона изберете "Size" ("Размер") – малък, среден или пълен ("Thumbnail", "Medium", "Full size"). Обикновено средният размер е с широчина 300 пиксела.
   • Изберете подравняване (например "Align Left" ("Подравняване вляво") или "Align Right" ("Подравняване вдясно")).
   • Потвърдете с "Insert into post" ("Вмъкване в публикацията").
5. Ако изображението е поставено на грешното място, можете да го преместите чрез drag-and-drop или да го изтриете и добавите коректно отново.
6. За да зададете "Featured Image" ("Основно изображение на публикация"):
   • В дясната странична лента на редактора изберете „Set featured image" ("Задаване на основно изображение").
   • Качете или изберете изображение и потвърдете.
7. Ако размерът на автоматично създадените изображения не ви устройва:
   • Отидете в "Settings" ("Настройки") → "Media" ("Файлове").
   • Променете стойностите за "Thumbnail size" ("Миниатюра"), "Medium size" („Среден размер") и "Large size" ("Голям размер") според вашите нужди.
   • Запишете промените, след което новите изображения ще се преоразмеряват по тези настройки.
8. Публикувайте и прегледайте публикацията, за да видите крайния резултат.

Как да изпълните стъпките в най-новата версия: WordPress 6

В WordPress 6 процесът по добавяне, преоразмеряване и подравняване на изображения в публикация е почти непроменен, но интерфейсът е по-модерен и бутона „Add Media" е заменен от "Image block" ("Блок изображение") в редактора Gutenberg.

• Вместо "Add Media" ("Добавяне на медия"), използвайте иконата "+" за добавяне на нов блок: изберете "Image" ("Изображение") и следвайте останалите стъпки (качване, избор на размер, подравняване, връзка, драгане и позициониране).
• Задаването на "Featured image" ("Основно изображение на публикация") се намира в панела "Post" ("Публикация") → "Featured image" ("Основно изображение"), обикновено в дясно.
• Настройките за автоматичните размери на изображенията остават на същото място: "Settings" ("Настройки") → "Media" ("Файлове").

Използвани функции и клавишни комбинации

• Ctrl + A – маркира целия текст в редактора.
• Ctrl + C – копира маркирания текст.
• Ctrl + V – поставя копиран текст или съдържание.
• Enter – разделя текста на параграфи или създава нов абзац.
• Add Media / Image block – добавя изображение в публикация от библиотеката или локален компютър.
• Align left / Align right – подравнява изображението вляво или вдясно спрямо текста.
• Featured image – задава основно изображение към публикация.
• Settings → Media – настройва размерите за автоматичното преоразмеряване на изображенията по подразбиране.