Работа с кратки кодове. Пример с Avada Shortcodes

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

Кратките кодове (Shortcodes) са мощен инструмент за добавяне на съдържание и функционалности във вашия WordPress сайт, които зависят изцяло от темата, която използвате. Запомнете, че винаги трябва да разгледате документацията на избраната от вас тема, за да знаете какви кратки кодове поддържа и как се използват. С тях може лесно и гъвкаво да структурирате страниците си с различни елементи като карти, бутони, колони, слайдери и др.

Задача: Как да създадете страница с кратки кодове с Avada и WordPress 5 — стъпка по стъпка

1. Изберете и инсталирайте платената тема Avada (или друга, с поддръжка на shortcodes), като следвате обичайния процес в "Appearance" ("Външен вид") → "Themes" ("Теми") → "Add New" ("Добави нова").
2. Запознайте се с официалната документация на темата, за да видите поддържаните кратки кодове и примерите за тяхната употреба.
3. В WordPress админ панела изберете "Pages" ("Страници") → "Add New" ("Добавяне на нова").
4. Назовете страницата (например „Контакт с нас").
5. В текстовия редактор започнете да добавяте елементи чрез кратки кодове, напр.:
   • Заглавие: [title]Контакти[/title] (примерен shortcode, съобразете с документацията)
   • Карта: [map address="Вашият адрес"]
   • Бутон: [button color="blue" size="large"]Свържи се с нас[/button]
   • Телефон и текст: [phone]0888 000 000[/phone]
6. За оформление на съдържание в колони, използвайте подходящи shortcodes като [one_third]...[/one_third] за три колони. Повторете кода, за да попълните всяка колона, като последната маркирайте с опция last="true" ако е нужно, според документацията.
7. Добавете съдържание във всяка колона – линк, изображение или текст.
8. Може да добавяте допълнителни функционалности като слайдери през специалните shortcodes или чрез "Slider Options" в секцията "Page Options" ("Опции на страницата"), ако темата ги предоставя.
9. След всяка промяна ползвайте "Preview" ("Преглед") за да видите как изглежда страницата.
10. Когато сте готови, изберете "Publish" ("Публикувай") за да направите страницата видима.

Как става това в WordPress 6 — актуални инструкции и разлики с по-стари версии

В WordPress 6 се използва Gutenberg визуалният редактор (Block Editor), който като стандарт дава повече възможности през блокове, но shortcodes все още се поддържат напълно, особено при теми като Avada:

• При създаване или редакция на страница изберете блока Shortcode, където да поставите желаните кратки кодове.
• Можете да комбинирате shortcodes с други Gutenberg блокове за по-добро оформление.
• Настройките на темата, опциите за слайдери и колони са по-интуитивно организирани, често интегрирани през Visual Builder или собствения Page Builder на Avada.
• Добавена е възможността за разделяне на секциите чрез блокови елементи, но shortcodes продължават да работят по същия начин.
• Ако използвате Avada 7.x с WordPress 6, се препоръчва вместо писане на shortcodes на ръка, да използвате Fusion Builder за визуално създаване на елементи – той автоматично генерира нужните shortcodes във фонов режим.

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

• [title]...[/title] – Добавя заглавие (синтаксисът се определя от темата)
• [map address="..."] – Показва карта с даден адрес
• [button color="..." size="..." type="..."]...[/button] – Създава бутон с персонализирани цветове и размери
• [phone]...[/phone] – Изписва телефонен номер с оформление
• [one_third]...[/one_third] – Организира съдържанието в една трета от страницата (налични и [one_half], [one_fourth] и др. за различно деление)

Всички варианти и опции търсете в документацията на темата Avada или тази, която използвате!

Ако тепърва избирате платена тема, препоръчваме да се фокусирате върху една утвърдена и добре документирана тема, с която ще работите дългосрочно. След като научите опциите ѝ, ще може да създавате сайтове бързо и професионално с помощта на кратките кодове.