Пользовательские точки останова Elementor: добавьте больше размеров устройств (бесплатный плагин)
Пользовательские точки останова для Elementor - это бесплатный плагин от команды Master Addons, который добавляет ваши собственные размеры устройств в режим реагирования Elementor.Elementor останавливается на семи представлениях устройств.Этот плагин добавляет точки останова поверх тех, как 600px маленький телефон или 1440px рабочий стол, каждый со своим именем и шириной пикселей. бесплатная версия включает 3 пользовательских точки останова, и Master Addons Pro делает их неограниченными. он работает с или без установленных Master Addons.
Как добавить пользовательскую точку останова в Elementor
Сначала проверьте собственные дополнительные представления Elementor в разделе "Настройки сайта" > "Макет" > "Точки останова". Если ни одна из них не подходит, добавьте свои:
- Установить Пользовательские точки останова для Elementor из плагинов > Добавить новое и активировать его.
- Открыть точки останова в меню панели управления Если главные дополнения активны, он находится в меню Главные дополнения.
- Добавьте устройство, дайте ему имя и введите его максимальную ширину в пикселях, например 600 для маленьких телефонов.
- Сохранить. Плагин сортирует список и настраивает соседние диапазоны.
- Отредактируйте страницу с помощью Elementor, выберите новое представление в адаптивном режиме и создайте для него стиль элементов.
Посмотрите, как это работает в демонстрация точек останова в прямом эфиреили прочитайте наше руководство пользовательские точки останова для Elementor для большего количества примеров.
Пользовательские размеры устройств с вашими собственными именами
Назовите устройство и введите его максимальную ширину в пикселях. плагин сортирует каждую точку останова по ширине и прорабатывает диапазоны для вас, поэтому представление Small Mobile с разрешением 600px охватывает экраны с разрешением до 600px, а следующее представление начинается с разрешением 601px. Сохраненные точки останова появляются на адаптивной панели инструментов Elementor рядом со встроенными представлениями.
- 3 пользовательские точки останова бесплатно, неограниченно с Master Addons Pro.
- Точки останова сортируются по ширине автоматически, поэтому диапазоны никогда не перекрываются.
- Кнопка сброса для возврата к значениям Elementor по умолчанию, плюс импорт и экспорт с Pro.
Работает в адаптивном режиме Elementor
Пользовательские точки останова ведут себя как собственные Elementor.Выберите новый вид на панели адаптивных инструментов, затем установите размеры шрифтов, заполнение, ширину столбцов и другие адаптивные значения, которые применяются только внутри этого диапазона. Плагин подключается к системе точек останова Elementor, поэтому дополнительные представления отображаются на адаптивных элементах управления в Elementor и виджетах Master Addons.
- Выбирайте пользовательские представления на той же панели инструментов, что и Mobile и Tablet.
- Установите значения типографики, интервала и макета для каждого вида.
- Исправить макеты, которые ломаются между двумя встроенными ширинами Elementor.
Встроенные точки останова Elementor по сравнению с пользовательскими точками останова
Элементор бесплатно и Pro разделяют одни и те же семь видов устройств: Мобильный портрет (767px), Мобильный пейзаж (880px), Планшетный портрет (1024px), Планшетный пейзаж (1200px), Ноутбук (1366px), Рабочий стол и Широкоэкранный (2400px и выше).Каждая ширина редактируется, но восьмого вида не добавишь.
| Точки останова Элементора | Пользовательский плагин точек останова | |
|---|---|---|
| Цена | Бесплатно | Бесплатно, неограниченно с Master Addons Pro |
| Представления устройства | До 7 | 7 плюс 3 Элементора пользовательские (бесплатные) или неограниченные (Pro) |
| Имена | Фиксированный | Своих |
| Ширина | Редактируемый | Редактируемый |
| Импорт и экспорт | Нет | С Про |
Чтобы узнать, как стилизовать каждое устройство после установки точек останова, прочтите наше руководство адаптивный дизайн с точками останова Elementor. Чтобы показать или скрыть целые разделы по устройствам, используйте Условия отображения (Про).
Часто задаваемые вопросы по пользовательским точкам останова
Какой реальный пример необходимости использования пользовательской точки останова?
Текст и кнопки, которые выглядят хорошо на 767px может чувствовать себя тесно на телефоне 360px. Добавьте небольшую точку останова мобильного телефона на 400px, затем увеличьте размер шрифта и набивку кнопок только для этих экранов. все шире сохраняет обычные стили мобильного телефона.
Сделает ли добавление множества точек останова редактор Elementor медленнее?
Несколько дополнительных точек останова не будут иметь заметного значения. каждый добавляет еще одно отзывчивое значение к каждому элементу управления, поэтому десять или более могут сделать редактор чувствовать себя тяжелее. добавьте только представления, которые вы действительно будете стилизовать. пять или шесть в общей сложности, включая по умолчанию, достаточно для большинства сайтов.
Влияют ли эти пользовательские точки останова на CSS и производительность моего живого сайта?
Каждая точка останова добавляет медиа-запросы CSS в таблицу стилей, которую генерирует Elementor. это небольшой объем CSS, поэтому посетители не заметят разницы во времени загрузки.
Могу ли я установить точку останова для "Мобильного пейзажа" и "Мобильного портрета"?
Возможно, вам не понадобится пользовательский. Elementor уже имеет представления "Мобильный пейзаж" (880px) и "Пейзаж планшета" (1200px), которые вы можете включить в "Настройки сайта" > "Макет" > "Точки останова". Добавьте пользовательскую точку останова, когда вам понадобится ширина, которую эти представления не охватывают.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
Дубликатор сообщений/страниц
