Допълнения към урока
Учебна програма Уеб сайтове с Wordpress
2. Как да настроим нашата Wordpress тема

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

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

Стъпка по стъпка: Настройване на WordPress тема (WordPress 5)

  1. Изберете желаната WordPress тема и я активирайте.
  2. Отидете в "Appearance" ("Външен вид") и намерете настройките на темата. При по-модерните теми опциите са обединени в секция "Theme Options" ("Настройки на темата"), достъпна през менюто "Appearance" ("Външен вид") или отделно меню в административния панел.
  3. Влезте в настройките на темата. Тук ще намерите различни секции, като например "Header Options" ("Настройки на заглавната част"), "Design Options" ("Дизайн настройки"), "Social Options" ("Социални настройки") и други.
  4. За да добавите лого:
    • Изберете секцията за лого/заглавна част.
    • Кликнете "Upload Files" ("Качване на файлове") -> "Select Files" ("Избор на файлове") и изберете изображението.
    • Потвърдете с "Select image" ("Избор на изображение").
  5. Изберете дали да покажете текст или изображение като лого според опциите на темата.
  6. Настройте допълнителни елементи в хедъра – например икона за начална страница, sticky меню (остающо меню при скролиране), икона за търсене и други.
  7. В секцията за дизайн настройте цветове, позиция на лого или други стилови елементи. Може да използвате и специални цветови кодове, ако темата поддържа такова въвеждане.
  8. Социалните линкове се добавят в "Social Options" ("Социални настройки") – попълнете желаните URL-и и ще се появят съответните бутони.
  9. Ако темата предлага – използвайте секции като "Custom CSS" ("Потребителски CSS") за по-напреднали промени.
  10. При някои теми може да настройвате цветове за различни категории, за още по-детайлна персонализация.
  11. Не забравяйте да натиснете "Save" ("Запиши") или "Publish" ("Публикувай"), за да приложите промените.

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

В WordPress 6 основните принципи за настройка на темите се запазват, но има някои разлики и новости:

  • При Block Themes (блокови теми), редактирането на визията става основно през "Site Editor" ("Редактор на сайта") вместо през традиционните Theme Options ("Настройки на темата"). Пътят е: "Appearance" ("Външен вид") → "Editor" ("Редактор").
  • За класически теми процесът остава почти идентичен с описания по-горе: "Appearance" ("Външен вид") → "Customize" ("Персонализиране") или "Theme Options" ("Настройки на темата"), в зависимост от темата.
  • Новите теми често имат по-усъвършенствани панели за настройки, по-ясни секции за лого, цветове и социални мрежи, и по-интуитивно добавяне на изображения и елементи.
  • Sticky менютата и иконките за търсене вече често са добавени като блокове, които се управляват през Site Editor ("Редактор на сайта").
  • Ако използвате блокова тема, добавяне на лого става така:
    1. Отидете на "Appearance" ("Външен вид") → "Editor" ("Редактор").
    2. Изберете Header ("Заглавна част") и поставете block Logo ("Лого").
    3. Качете изображението и запазете промените.
    4. За социални икони добавете блок "Social Icons" ("Социални икони") и въведете профилите си.

Основната разлика в WordPress 6 е преминаването към "Site Editor" ("Редактор на сайта") и използването на блокове, което прави персонализирането по-визуално и интуитивно.

Основни команди и функции, използвани в урока

  • Theme Options – панел с настройки, специфичен за избраната тема.
  • Upload Files – позволява качване на изображения и файлове към сайта.
  • Sticky Menu – опция за менюто да остава видимо дори при скролиране.
  • Social Options – секция за въвеждане на линкове към социални мрежи.
  • Custom CSS – поле за въвеждане на персонализиран CSS код за напреднали потребители.

Дискусия към урока

Въпроси
Отговори