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