Допълнения към урока
Учебна програма Уеб сайтове с Wordpress
5. Избор и настройка на теми. Със и без HTML и CSS

Най-важното от този урок: Джаджи с HTML и редактиране на публикации

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

Задача стъпка по стъпка в WordPress 5: Добавяне на HTML джаджа, линкове и изображения

  1. Влезте в административния панел на вашия WordPress сайт.
  2. Изберете "Appearance" ("Външен вид") → "Widgets" ("Джаджи").
  3. Намерете джаджата "Custom HTML" ("Произволен HTML") или "Text" ("Текст"), според наличното във вашата тема.
  4. Плъзнете джаджата в желаната зона (например "Footer" ("Долен колонтитул") или "Sidebar" ("Странична лента")).
  5. В полето въведете HTML съдържанието: използвайте <b> за удебелен текст, <a href="..."> за връзки, <img src="..."> за изображения и др.
  6. Ако добавяте връзка към външен сайт (например към електронен магазин), копирайте URL адреса и го поставете в href параметъра.
  7. За изображения: копирайте адреса на изображението, добавете го в src на <img>, и по желание настройте размерите с width и height.
  8. Запазете промените с "Save" ("Запази").
  9. Прегледайте страницата и се уверете, че желаният резултат е на място.
  10. За редакция на публикация: отидете в "Posts" ("Публикации") → редактирайте избраната публикация → преминете в "Text" ("Текстов редактор")/"HTML" режим, направете нужните HTML промени и запазете.

Задача стъпка по стъпка в WordPress 6: Актуални практики и възможни промени

В WordPress 6 "Widgets" ("Джаджи") вече често се управляват през "Appearance" ("Външен вид") → "Editor" ("Редактор") или с новия "Block Editor" (Гутенберг редактор за джаджи):

  • Все повече теми вече използват "Site Editor" ("Редактор на сайта"), където можете да добавяте блокове директно в зони на сайта, включително HTML блок.
  • За добавяне на HTML съдържание, потърсете "Custom HTML" ("Персонализиран HTML") блок при редакция в "Editor" или директно през "Widgets" ("Джаджи").
  • Процедурата за добавяне на HTML код, връзки и изображения остава идентична, но изгледът и процесът може да включва допълнителни визуални контроли и настройки в страничния панел на блока.
  • При редактиране на публикации, вместо "Text" редактор, вече ще използвате "Code" ("Код") изглед за даден блок, или можете да добавите "Custom HTML" блок по желание.
  • Имейте предвид, че някои теми може да ограничават директния достъп до стария класически "Widget" редактор и да изискват работа с "Block Editor".

Използвани команди, функции и термини от урока

  • Custom HTML / Персонализиран HTML – джаджа или блок за добавяне на HTML код в зоните на сайта.
  • <b> – HTML таг за удебеляване (bold) на текста.
  • <a href="url"> – HTML за създаване на връзка (линк); в "url" поставете пълния адрес.
  • <img src="url"> – добавя изображение с линк към източника; може да добавите width (широчина), height (височина).
  • View Source / Преглед на изходния код – функция на браузъра, която показва HTML структурата на страницата, достъпно с десен клик и "View Page Source" ("Преглед на изходния код на страницата").
  • Visual Editor / Визуален редактор – основният редактор за публикации; показва съдържанието в графичен вид.
  • Text Editor / Текстов редактор или Code Editor / Редактор на код – редактор за директно редактиране на HTML и CSS в публикации.