Безплатно! Онлайн събитие: AI за 10x продуктивност Регистрация тук.
Подреждане и видимост на елементите
Пълен достъп до курса: Не
За пълен достъп или безплатна проба (1 модула), моля влезте или се регистрирайте.
Ключови функции за адаптивен дизайн в Elementor
В Elementor можете да създадете различни изгледи за различните устройства, без да променяте основния дизайн. Двете основни функции за това са размяната на колони и контролът на видимостта на елементите. Тези инструменти ви позволяват да оптимизирате съдържанието си за всяко устройство, без да създавате дублиращи се секции.
Стъпка по стъпка: Управление на адаптивния дизайн
За размяна на колони:
- Влезте в респонсив режим (изберете желаното устройство, например телефон)
- Изберете секцията с колоните, които искате да размените
- Отидете на "Разширени" > "Адаптивност"
- В подсекцията "Размяна на колона" изберете устройствата, за които искате да приложите размяната
- Колоните автоматично ще се разменят за избраните устройства (например дясната колона ще се покаже над лявата на мобилни устройства)
За контрол на видимостта:
- Изберете елемента или секцията, която искате да скриете
- Отидете на "Разширени" > "Адаптивност"
- Използвайте опцията "Hide on" и изберете устройствата, на които елементът трябва да бъде скрит
- Елементът ще остане видим в редактора (със заштрихован overlay), но ще бъде скрит на избраните устройства
Полезни функции за адаптивен дизайн
Размяна на колона
- Позволява ви да промените реда на колоните за различни устройства без да променяте основния дизайнHide on
- Скрива елементи или секции на избрани устройства, като ги запазва видими на другиАдаптивност
- Секция с настройки, която съдържа всички контроли за респонсив дизайн