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

Създаване на индивидуална страница с разширението Page Builder

							 

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

Page Builder разширението за WordPress позволява да създавате сложни и структурирани страници без писане на HTML или CSS код. С негова помощ можете лесно да подреждате съдържание в колони, да добавяте изображения, бутони и динамични елементи на страницата само с няколко клика. Основната полза е бързото и интуитивно оформление на страниците, дори ако нямате опит в програмирането.

Задача стъпка по стъпка: Създаване на индивидуална страница с Page Builder в WordPress 5

  1. Инсталирайте и активирайте разширението "Page Builder" от секцията "Plugins" ("Разширения").
  2. Качете необходимите файлове (например корица и PDF файл) в медийната библиотека чрез "Media" ("Медия") > "Add New" ("Добавяне на нови"). Ако файлът е над 2MB и не се качва директно, използвайте програма като FileZilla, за да качите файла в /wp-content/uploads.
  3. Копирайте URL адресите на качените файлове. Ще са необходими за бутона за сваляне.
  4. Създайте нова страница от "Pages" ("Страници") > "Add New" ("Добавяне на нова").
  5. Активирайте раздела на Page Builder, който ще се появи при създаването на страница.
  6. Добавете три реда чрез Page Builder:
    • Първи ред с една колона (за заглавие или въвеждащ текст).
    • Втори ред с две колони (в лявата поставете изображение, в дясната — бутон за сваляне).
    • Трети ред с три колони (добавете динамични елементи, напр. категории, страници, публикации).
  7. Добавете "Widget" ("Джаджа") по избор във всяка колона (например, текст, изображение или динамични блокове). Използвайте опцията за избор на джаджа от наличните инструменти.
  8. Ако е необходимо, редактирайте всяка джаджа с желаното съдържание и коригирайте разположението на колоните.
  9. Настройте шаблона на страницата от дясното меню на "Centered, No Sidebar" ("Центриран, без сайдбар"), за да премахнете страничния панел.
  10. За бутона за сваляне добавете HTML линк <a href="[URL към PDF]" target="_blank"> с коректен път, започващ с http.
  11. Запишете и публикувайте страницата.
  12. Прегледайте готовата страница и тествайте бутона за сваляне.

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

Интерфейсът на WordPress 6 и основната функционалност на модерните Page Builder плъгини (като SiteOrigin Page Builder или Elementor) са подобни, но трябва да сте внимателни със следните промени:

  • При WordPress 6 създаването и редакцията на страници често използва основния блоков редактор (Gutenberg). Ако използвате плъгин като SiteOrigin Page Builder, трябва да изберете "Page Builder" режима от редактора.
  • Качването на файлове е идентично: използвайте "Media" ("Медия") > "Add New" ("Добавяне на нови"). Ограничението за размера може да се променя от хостинга или от php.ini.
  • Въвеждането на редове и колони, добавянето и редактирането на джаджи продължава по същия начин, като част от интерфейса може да бъде по-модерен визуално (иконките и бутоните са по-различни).
  • Добавянето на HTML, бутони, изображения и линкове работи аналогично — уверете се, че когато поставяте линк към файл, той започва с https и е правилно форматиран.
  • Настройките за странични панели (sidebars) често се управляват през "Page Attributes" ("Атрибути на страницата") или "Template" ("Шаблон").

С други думи: Стъпките от предишната секция са валидни, но някои бутони и навигация могат да изглеждат обновени. Ако използвате нови Page Builder-и като Elementor, стъпките са подобни, но имената на опциите може да варират (напр. "Section" вместо "Row").

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

  • Add New — Добавя нова страница или медиен файл
  • Page Builder — Активира визуалния редактор за страници с модули/раздели
  • Widget — Добавя функционален елемент към определена зона (напр. текст, изображение, списък с публикации)
  • <a href="..."></a> — HTML таг за добавяне на линк (в случая — към PDF файл)
  • target="_blank" — Отваря линка в нов прозорец/таб
  • FileZilla — FTP клиент за качване на файлове, когато не може да се използва стандартния метод
  • Page Attributes > Template — Избор на оформление на страницата (напр. премахване на сайдбар)