Допълнения към урока
Учебна програма Wordpress Elementor
4. Responsive Utilities

Подреждане и видимост на елементите

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

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


Ключови функции за адаптивен дизайн в Elementor

В Elementor можете да създадете различни изгледи за различните устройства, без да променяте основния дизайн. Двете основни функции за това са размяната на колони и контролът на видимостта на елементите. Тези инструменти ви позволяват да оптимизирате съдържанието си за всяко устройство, без да създавате дублиращи се секции.

Стъпка по стъпка: Управление на адаптивния дизайн

  1. За размяна на колони:

    • Влезте в респонсив режим (изберете желаното устройство, например телефон)
    • Изберете секцията с колоните, които искате да размените
    • Отидете на "Разширени" > "Адаптивност"
    • В подсекцията "Размяна на колона" изберете устройствата, за които искате да приложите размяната
    • Колоните автоматично ще се разменят за избраните устройства (например дясната колона ще се покаже над лявата на мобилни устройства)
  2. За контрол на видимостта:

    • Изберете елемента или секцията, която искате да скриете
    • Отидете на "Разширени" > "Адаптивност"
    • Използвайте опцията "Hide on" и изберете устройствата, на които елементът трябва да бъде скрит
    • Елементът ще остане видим в редактора (със заштрихован overlay), но ще бъде скрит на избраните устройства

Полезни функции за адаптивен дизайн

  • Размяна на колона - Позволява ви да промените реда на колоните за различни устройства без да променяте основния дизайн
  • Hide on - Скрива елементи или секции на избрани устройства, като ги запазва видими на други
  • Адаптивност - Секция с настройки, която съдържа всички контроли за респонсив дизайн