Создавайте адаптивные фоновые изображения & Подробнее в Элементор

Rifat Элементор Jun 17, 2022

Чтобы улучшить взаимодействие с пользователем, Elementor предоставляет новые возможности, такие как мобильное управление фоновой графикой, безопасный режим для отладки и многое другое.

Elementor всегда гордился своей способностью создавать дизайн для мобильных устройств. Для пользователей Elementor точное определение местоположения фонового изображения все еще было проблемой. Как веб-разработчик, вы можете часто сталкиваться с этой проблемой: вы хотите показать морду собаки, но показываете только ее хвост на мобильном телефоне.

Элементы управления адаптивным фоновым изображением Elementor позволяют создавать фоновые изображения, которые адаптируются к размеру и разрешению любого устройства.

Адаптивные элементы управления фоновым изображением

Последняя версия Elementor дает клиентам полный контроль над элементами управления фоновыми изображениями для настольных компьютеров, планшетов и мобильных устройств. Элементы управления фоновым изображением включены в этот элемент управления (изображение, положение, вложение, повторение и размер).

Создавайте потрясающие сайты

С лучшим бесплатным конструктором страниц Elementor

Начать сейчас

Впервые вы можете настроить положение отдельных устройств. Выберите «центр вверху» для мобильных устройств и «центр центра» для настольных компьютеров, чтобы изображение отображалось одинаково на всех платформах. Для каждого устройства можно выбрать разный размер. Что касается мобильных устройств, выберите «содержать» для рабочего стола и «обложка».

Мы уверены, что многим людям понравится эта новая функция, потому что для многих это было серьезной проблемой.

Elementor дает возможность устанавливать полностью разные изображения для каждого отдельного устройства. Первые дополнительные адаптивные элементы управления появились в виде размера и местоположения для конкретного устройства. Благодаря регулируемому размеру и положению он позволяет вам сделать еще один шаг вперед и дает вам еще более гибкие возможности проектирования.

Пользовательский размер фонового изображения & Позиция

Раньше было всего три варианта установки размера фонового изображения: авто, обложка или содержание. Как и в случае с «Вверху слева», вы можете указать только общее размещение фонового изображения.

Размер и положение фона теперь являются двумя новыми пользовательскими элементами управления, которые будут доступны в будущем.

Custom background-position позволяет выбрать точные координаты по осям X и Y фонового изображения. В результате теперь у вас есть возможность точно выровнять фон вашей страницы.

Также возможны индивидуальные размеры фона. Установите ширину фонового изображения на точное значение в пикселях.

Для адаптивного дизайна эти настройки —, особенно пользовательский размер фона и положение—, имеют решающее значение. Для настольных компьютеров, планшетов и мобильных платформ используйте эти пользовательские настройки, чтобы сфокусировать внимание на главном фокусе изображения.

Отзывчивый пограничный контроль

Кроме того, теперь вы можете настраивать радиус и ширину границы для каждого устройства отдельно, в дополнение к фоновым изображениям.

Границы столбцов можно использовать различными способами, например, когда ряд ссылок разделен границей столбца. На мобильных устройствах в этом нет необходимости, потому что строка больше не является встроенной, и каждая ссылка размещается в отдельной строке.

В этом случае убрать границу мобильного макета не составляет труда. Новая функция динамических границ упрощает выполнение.

На мобильных устройствах больше нет «сиротских границ»!

Безопасный режим для устранения неполадок

Elementor стремится обеспечить бесперебойную работу без ошибок для всех клиентов. Есть десятки тысяч плагинов и тем на выбор, и есть бесконечное количество способов заставить их работать друг с другом. Независимо от того, участвует ли Элементор или нет, эти комбинации обязательно приведут к раздорам.

Elementor всегда ищет способы упростить жизнь нашим пользователям, уменьшая трения в их рабочих процессах.

Когда люди не могут открыть редактор, это обычная проблема. У этой проблемы было много названий: у меня пустой экран, я не могу редактировать, и мой компьютер зависает при загрузке ….

Безопасный режим - это ответ!

Когда Windows только вышла, она включала функцию безопасного режима, которую можно было использовать для устранения различных проблем. Аналогичное решение Elementor разработал самостоятельно.

Всякий раз, когда вы сталкиваетесь со страницей, которая отказывается загружаться, вы сможете активировать «Безопасный режим», нажав кнопку.

Elementor и WordPress защищены в «Безопасном режиме» от любых тем или плагинов, которые могут вызывать проблемы.

Более 80% проблем с загрузкой могут быть временно устранены в безопасном режиме.

При входе в безопасный режим все загружается правильно ?

Это говорит о том, что в ошибке виновата либо ваша тема, либо один из ваших плагинов. Идите вперед и деактивируйте их один за другим, чтобы идентифицировать преступника.

Я включил безопасный режим, но он все равно не загружается.

Это говорит о том, что вам следует искать решение в другом месте, и, скорее всего, это проблема, связанная с пользовательским кодом или хостингом.

«Повлияет ли безопасный режим на мой сайт ?»

Посетители вашего сайта не заметят разницы, если они будут использовать безопасный режим. Все установленные вами плагины и темы будут отображаться на вашем сайте, и ваши посетители смогут использовать их, как обычно.

Плагины и темы не активируются в процессе загрузки редактора Elementor.

Пользователи Elementor получат большую выгоду от безопасного режима с точки зрения более стабильной, плавной и безошибочной работы.

Подробнее Тег & Виджет

Тег WordPress «Читать больше» был одним из первых, что Elementor получил в качестве запроса функции.

Это был простой запрос, но компоновщик страниц, наконец, дошел до его реализации.

Когда вы используете тег «Подробнее» в своем сообщении в блоге, отображение сообщения в архиве отрезает остальную часть текста. Благодаря этому тизер вашего контента теперь может отображаться прямо на главной странице вашего блога, чтобы все могли его увидеть.

В виджете текстового редактора или в виде отдельного виджета теперь можно быстро добавить тег «подробнее». Еще проще отобразить отрывок на странице архива с новым виджетом Elementor «Подробнее», который можно вставить между двумя виджетами текстового редактора и останавливаться именно там, где вы выберете.

Чтобы избежать путаницы, этот виджет применим только к обычным страницам архива WordPress, которые используют «контент» в своем содержании. Шаблоны архивов Elementor не затрагиваются.

Заключительные слова

Elementor — один из широко разработанных конструкторов страниц WordPress. Благодаря новым функциям он с каждым разом становится все более и более мощным. С помощью этого плагина вы можете буквально исследовать огромный океан дизайна и оформления вашего сайта. Надеюсь, вы получите пользу от этого поста. Посетите другие руководства по elementor и поделитесь ими с друзьями.

Divi WordPress Theme