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

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

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

Задача стъпка по стъпка: Добавяне на контактна форма в WordPress 5

  1. Влезте в таблото на WordPress ("Dashboard").
  2. Изберете "Plugins" ("Разширения") > "Add New" ("Добавяне на още").
  3. В полето за търсене напишете "Contact Form 7".
  4. От раздела "Popular" ("Популярни") изберете разширението Contact Form 7.
  5. Натиснете "Install Now" ("Инсталиране").
  6. След като инсталацията приключи, натиснете "Activate" ("Включване на разширението").
  7. В лявото меню вече ще се появи нов раздел "Contact" (обикновено не е преведен напълно на български).
  8. Изберете "Contact" > "Contact Forms" (ако сте на английски), или съответния еквивалент.
  9. Редактирайте съществуващата форма или създайте нова при нужда – задайте заглавие, при нужда добавете полета.
  10. Натиснете "Save" ("Запазване").
  11. Копирайте генерирания кратък код (shortcode) на формата.
  12. Изберете "Pages" ("Всички страници") > "Contact" ("Контакти").
  13. Поставете (Paste) краткия код където желаете формата да се появи.
  14. Натиснете "Update" ("Обновяване") за да съхраните промяната в страницата.
  15. Посетете страницата, за да проверите как изглежда и функционира формата.
  16. Направете тест, като изпратите съобщение и проверете дали имейлът е получен успешно.

Как да добавите контактна форма: стъпки за WordPress 6 (най-нова версия към юни 2024)

Процесът за добавяне на разширения и работа с Contact Form 7 е почти идентичен между WordPress 5 и WordPress 6. Основните стъпки остават същите, но в WordPress 6 интерфейсът е леко обновен и преводът на менюта е по-добър. Визуалният редактор (Block Editor/Gutenberg) е по-централен, затова:

  • Когато добавяте Contact Form 7 на страница, може директно да използвате блок "Shortcode" („Кратък код“), вместо да го поставяте само като текст.
  • Менюто "Plugins" ("Разширения") и настройките на плъгини са с по-ясни икони и по-добра поддръжка на български език.
  • След добавяне на формата, съобщенията за успех или грешка са по-интуитивно визуализирани.

Разлики:

  • В WordPress 6, при редакция на страници, използвайте блоковия редактор и добавете Shortcode блок, за да поставите кода на контактната форма.
  • Всички останали стъпки са идентични с тези за WordPress 5.

Бърз справочник: използвани команди и функции

  • Plugins ("Разширения") – управление и добавяне на разширения (plugins)
  • Add New ("Добавяне на още") – добавяне на ново разширение
  • Install Now ("Инсталиране") – инсталиране на избрания плъгин
  • Activate ("Включване на разширението") – включване на инсталирания плъгин
  • Contact Form 7 – разширение за контактни форми
  • Shortcode ("Кратък код") – код за вграждане на формата в страница или публикация
  • Update ("Обновяване") – записване на промените по дадена страница
  • Save ("Запазване") – запазване на настройките на контактната форма

С този урок в Aula.bg вече знаете как да обогатите своя WordPress сайт с допълнителни функционалности лесно и сигурно!

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

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