WordPress » Основи на WordPress » Как се добавя изображение в WordPress публикация

Как се добавя изображение в WordPress публикация

Накратко за добавянето на изображение в WordPress

За да добавите изображение в публикацията си, следвайте следните 3 стъпки:

  1. Изберете къде точно искате да добавите изображението
  2. Кликнете бутона с + в него и изберете Image или Gallery от появилото се меню
  3. Нагласете изображението – рамка, текст под него, алтернативен текст (Alt Text), да добавите линк, определите размера, подравняване и т.н.

 

Добавянето на изображение в WordPress е много лесно. Също толкова лесно бихте могли да добавите и видео или друг вид мултимедия. В настоящата статия, ще ви покажем как да добавите изображения в публикациите си, но процеса е почти еднакъв за всеки вид мултимедия.

 

Стъпка 1: Изберете къде точно искате да поставите изображението

В WordPress почти всичко, което ще ви се наложи да направите е така измислено, че да ви бъде възможно най-лесно. Както вече знаете, когато създавете публикация или страница, използвате т.нар Gutenberg редактор. Навярно вече знаете, но той (Gutenberg) работи на основата на блокове. Тоест, добавяте блок, който предварително имате идея с какво ще бъде запълнен (текст, видео, бутон, изображение, звук и т.н.), след което добавяте съдържанието в блока.

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

 

Стъпка 2: Добавете изображението

След като сте завършили съдържанието на горния блок и сте готови да добавите изображение, натиснете бутона +, чрез който добавяте нов блок.

 

При натискане на бутона с +, ще се появи малко меню с опции за добавяне на различни видове блокове. В случая, ви е нужен блок Image, който е възможно и да не виждате в предложенията. Ако това е така, бихте могли или да го потърсите в търсачката над блоковете, или да натиснете черния бутон Browse All и да потърсите този блок сред всички останали, като така ще имате и добра причина да разгледате всички налични опции.

 

В случай, че е видим за вас и вече сте се запознали с всички останали блокове, изберете Image.

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

Това е блокът, който ще се появи, след като изберете Image. В него трябва първо да изберете от къде ще вземете изображението – ще го качите сега на сайта (Upload), ще изберете от вече наличните е в галерията на сайта ви (Media Library) или ще използвате изображение от друг източник (Insert from URL).

 

 

Стъпка 3: Нагласете изображението

След като вече сте избрали източника на изображението, то трябва да е видимо в Gutenberg редактора ви. Тъй като опциите са много повече, от колкото бяха в стария редактор – т.нар. WYSIWYG – пълно ръководство за настройки на мултимедията в WordPress ще бъде добавено. В настоящото ръководство, насочено само към това как се добавя изображение в текста на WordPress, ще отбележим няколко важни елемента за изображенията във вашия сайт.

  • Alt text  – Това е текстът, който екранните четци (screen readers) четат за хората, които имат проблеми със зрението. Целта на алтернативният текст е да опита да обясни на незрящите какво е съдържанието на изображението. Освен това, търсещите машини (все още) не могат да разбират изображения, поради което четат алтернативния текст, за да разберат по-добре страницата.  Последното означава, че съдръжанието (или липсата на такова) в полето за алтернативен текст, би могло да повлияе на вашето позициониране в търсачките.
  • Заглавие – Ако изображението играе и ролята на линк, когато потребителя постави стрелката на мишката си върху него, заглавието ще се покаже
  • Обяснителен текст (Caption) – Също както във вестниците под снимките има текст, така бихте могли да го добавите и под изображенията във вашия сайт. Това бихте могли да постигнете, като напишете желания от вас текст в полето Caption.

 

В статията, която обяснява как да настройте мултимедията на вашият сайт, ще обясним не само как да добавите всички изброени опции, но и още много, които не споменахме, като например:

  • Външен линк – всяко изображение би могло да играе ролята и на връзка към друга страница на вашия сайт или към друг такъв.
  • Подравняване – изображението би могло да бъде ляво, дясно или централно подравнено. За разлика от текста, обаче, изображенията имат още един вид подравняване, който, по обясними причини, не е наличен за текството съдържание. Него ще ви покажем и обясним в следващата статия.
  • Размер на изображението
  • Позиция
  • Котва (anchor)

 

Gutenberg редакторът предлага повече опции за настройки на мултимедийните файлове на вашия сайт. Кои са те и как се борави с тях, ще разберете в следващата статия от WordPress уроците на ZETTAHOST.bg

WordPress Хостинг 

ZETTAHOST.bg предлага хостинг планове, които са напълно оптимизирани за WordPress. 

Стартирайте своя сайт още днес! 

WordPress Хостинг 

ZETTAHOST.bg предлага хостинг планове, които са напълно оптимизирани за WordPress. 

Стартирайте своя сайт още днес! 

Готов ли си да създадеш своя сайт?

Pin It on Pinterest

Share This