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

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

Редактирането на темите в WordPress ви дава голяма свобода, но носи и рискове – всяка промяна направена директно в темата може да се загуби при следваща актуализация и може да създаде проблеми със сигурността. Използвайте директно редактиране само ако знаете какво правите и винаги предпочитайте допълнителни инструменти като 'Custom CSS' или 'Child Theme' за по-безопасни промени.

Задача стъпка по стъпка: редактиране на теми в WordPress 5

  1. Влезте в администраторския панел на WordPress, като изберете "Appearance" ("Външен вид") → "Theme Editor" ("Редактор на теми").
  2. От списъка с теми в дясната част изберете файла style.css – това е основният стилови файл на темата.
  3. Прегледайте CSS кода и намерете секцията, която отговаря за елементите, които искате да промените (например шрифта на параграфи или заглавия).
  4. Редактирайте стойността на CSS свойството font-family с желания нов шрифт (например сменете на Times New Roman).
  5. Натиснете бутона "Update File" ("Обнови файла"), за да запазите промените.
  6. Опреснете страницата на сайта си, за да видите резултатите.
  7. Ако темата предлага "Custom CSS" ("Потребителски CSS"), използвайте го за вашите промени, вместо да редактирате директно style.css – така при обновяване на темата промените няма да се изгубят.
  8. Внимавайте със синтаксиса – всяка грешка може да доведе до проблеми във визуализацията на сайта ви.

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

В WordPress 6 менюто "Theme Editor" ("Редактор на теми") е запазено, но при теми, съвместими с Full Site Editing (FSE), редактирането става чрез "Editor" ("Редактор на сайта") под "Appearance" ("Външен вид"). Ако използвате класическа тема:

  • Стъпките от предходната секция за директно редактиране на style.css са идентични.
  • Ако темата е блокова и FSE, промени в стиловете се правят през "Styles" ("Стилове") → "Custom CSS" ("Потребителски CSS") в блока за редакция или през Site Editor → Open Styles panel.
  • Във Full Site Editing теми директната промяна на файлове като style.css не е достъпна през административния панел – използвайте "Additional CSS" ("Допълнителен CSS") в "Customize" ("Персонализиране").

Забележка: Препоръчително е промените в стилизирането и функционалностите да се правят чрез "Child Theme" или "Additional CSS", за да се запазят при актуализации.

Често използвани команди и функции при редакция на теми

  • Appearance ("Външен вид") – Достъп до настройки и редактор на темата.
  • Theme Editor ("Редактор на теми") – Дава възможност за редакция на файловете на темата.
  • style.css – Основният файл за стилове и визия на темата.
  • font-family – CSS свойство за избор на шрифт.
  • Custom CSS ("Потребителски CSS") – Добавя индивидуални CSS правила, без да се променят основните файлове.
  • Update File ("Обнови файла") – Запазва направените промени.

Научете повече за Child Theme (подтема)

Ако искате да направите промени, които да не се загубят при актуализация на темата, вижте официалното ръководство на WordPress за създаване и работа с Child Themes: https://codex.wordpress.org/Child_Themes