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

Пълен достъп до курса: Не

За пълен достъп или безплатна проба (1 модула), моля влезте или се регистрирайте.


Основни структурни елементи в Elementor

В Elementor съдържанието се организира чрез три основни структурни елемента: секции, колони и уиджети (елементи). Секциите са основните контейнери, които могат да съдържат колони, а колоните на свой ред съдържат различните елементи като текст, изображения и други уиджети. Правилното разпределение на тези елементи е ключово за създаването на добре структуриран и отзивчив уеб сайт.

Как да създадем и настроим секции стъпка по стъпка

  1. Създаване на секция:

    • Натиснете бутона "+" за добавяне на нова секция
    • Изберете предпочитаното разпределение на колоните (една, две, три или повече)
  2. Настройване на колоните:

    • Променете съотношението между колоните чрез плъзгане на границите им
    • За по-прецизно настройване, въведете конкретна ширина в настройките на колоната
    • Използвайте десен бутон за изтриване на ненужни колони
  3. Настройване на секцията:

    • Задайте ширина на съдържанието (ограничена или по цялата ширина)
    • Настройте височината (по размер на екрана, минимална или максимална)
    • Определете вертикалното подравняване (горе, в средата, долу)
  4. Добавяне на елементи:

    • Отворете панела с уиджети чрез иконката горе вдясно
    • Плъзнете желаните елементи (заглавия, текст, изображения) в колоните
    • Ако плъзнете елемент директно в празно пространство, Elementor автоматично ще създаде нова секция с една колона
  5. Създаване на вложени секции:

    • Плъзнете "Вътрешна секция" в колона за създаване на по-сложни структури
    • Имайте предвид, че Elementor позволява само две нива на вложеност

Полезни функции при работа със секции

  • Вертикално подравняване: Настройте позицията на съдържанието вертикално в колоната
  • Ширина на съдържанието: Изберете между ограничена ширина (според темплейта) или пълна ширина
  • Responsive дизайн: Elementor автоматично адаптира разположението на колоните за различни устройства
  • Структурен изглед: Използвайте шестте точки в средата на секцията за достъп до структурата и бързо редактиране