Web5X - Готовые сайты

Блог о создании сайта, конструкторе сайтов и Elementor

Настройка и Инструменты — Elementor конструктор сайтов

Если перейти в панель управления WordPress, то в меню слева вы можете увидеть группу ссылок Elementor. Там и находится ссылка на настройку плагина и его инструменты.

Переходим в пункт Меню  Elementor > Настройки или в любой необходимы пункт меню.

Настройки

— Общие

  • Типы материалов : Вы можете отметить галочками для какого типа материала использовать конструктор страниц.  Например можете выбрать все или оставить только для страниц.
  • Исключить роли : Если у вас несколько типов пользователей, вы можете запретить возможность пользоваться конструктором некоторым группам пользователей, например Редакторам.
  • Отключить цвета по умолчанию : Отметка этого флажка отключит глобальные цвета Elementor и позволит ему наследовать цвета из вашей темы
  • Отключить шрифты по умолчанию : Отметка этого флажка отключит глобальные шрифты Elementor и позволит ему наследовать шрифты из вашей темы

— Стили

  • Стандартные шрифты по умолчанию : Список шрифтов, которые будут использоваться, если выбранный шрифт недоступен.
  • Ширина макета : Устанавливает ширину макета по умолчанию (по умолчанию: 1140)
  • Отступ между виджетами : Устанавливает пространство между виджетами (по умолчанию: 20)
  • Растянуть секции относительно : Введите селектор родительских элементов, относительно которых будут растянуты секции (например, #primary / .wrapper / main и т. д.). Оставьте поле пустым, чтобы растягивать по ширине страницы.
  • Селектор заголовка страницы : Elementor позволяет скрыть заголовок страницы. Это работает для тем, селектор заголовка в которых — «h1.entry-title». Если селектор вашей темы отличается, введите его выше.
  • Брейкпоинт для планшета: Задаёт брейкпоинт (точку срабатывания) между ПК и планшетом. Макет для планшета появится ниже этого значения (По умолчанию: 1025px).
  • Брейкпоинт для смартфона: Задаёт брейкпоинт (точку срабатывания) между планшетом и смартфоном. Макет для смартфона появится ниже этого значения (По умолчанию: 768px).
  • Лайтбокс изображений : Открывать все изображения во всплывающем окне — лайтбоксе. Лайтбокс будет автоматически работать с любой ссылкой, которая ведет к файлу изображения.
    Вы можете так же настроить дизайн лайтбокса. Для этого на странице конструктора перейдите в: Значок «гамбургера» в верхней панеле управления > Глобальные настройки> Лайтбокс.

— Интеграция

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

— Капча ReCaptcha (защита от роботов)
— Интеграция с Facebook
— Сервис социальных кнопок от donReach
— Сервисы почтовых рассылок и емайл маркетинга : MailChimp, Drip, ActiveCampaign, GetResponse, ConvertKit

— Расширенные

Расширенные настройки, такие как

  • Метод генерации CSS : Использует внешние файлы CSS для всех созданных стилей. Выберите этот параметр для лучшей производительности (рекомендуется).
  • Переключить метод загрузчика редактора : Для устранения конфликтов конфигурации сервера, когда есть проблема с запуском конструктора ввиду неправильной настройки сервера.

Инструменты

— Общие

  • Пересоздать CSS : Стили, установленные в Elementor, сохраняются в файлах CSS в папке uploads. Пересоздайте эти файлы в соответствии с самыми последними настройками.
  • Синхронизировать библиотеку : Библиотека Elementor обновляется ежедневно автоматически. Вы также можете обновить её вручную, нажав кнопку синхронизации.

— Сменить URL

Обновить адрес сайта (URL) — Этот инструмент позволять сменить адрес сайта при смене домена. Введите старый и новый URL-адреса установки WordPress, чтобы обновить все данные Elementor (для смены домена или перехода на ‘HTTPS’).

— Контроль версий

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

Так же вы можете стать бета-тестером. Включите бета-тестирование, чтобы получить уведомление о выходе новой бета-версии Elementor или Elementor-Pro. Бета-версия не будет устанавливаться автоматически. У вас всегда будет возможность её игнорировать

— Режим обслуживания

Переведите веб-сайт в РЕЖИМ ТЕХОБСЛУЖИВАНИЯ. Это когда сайт временно отключен для обслуживания или работает в режиме СКОРО ОТКРЫТИЕ. При этом, сайт работает в режиме ожидания, пока не будет готов к запуску.

Сведения о системе

Данный инструмент позволяет сформировать сведения о системе и WordPress.  Данная опция поможет вам передать конфигурацию сервера и водпресс для анализа проблемы. Так же вы можете скачать сведения в виде файла txt. Кнопка находится в самом низу экрана.

Настройка и Инструменты — Elementor конструктор сайтов: 27 комментариев

  1. Общие
    Пересоздать CSS : Стили, установленные в Elementor, сохраняются в файлах CSS в папке uploads. Пересоздайте эти файлы в соответствии с самыми последними настройками. поясните чайнику что это значит и надо ли ставить галочку или нет?

    1. Алина, нет галочку ставить не нужно и просто некуда ее поставить. Там «Кнопочка» для того, чтобы вручную пересоздать файлы CSS в случаи если они «зависли» в кеше, а вы например перенесли сайт на другой домен. В обычном же случаи, т.е при разработке сайта, нажимать не нужно.

  2. добрый день!

    в текстовом редакторе элементор пропали функции вставить анимацию на картинку, шорткод, кнопку. Редактировать фото (обвести рамкой и т.п.)
    я помню, что раньше можно было сделать анимацию, вставить шорткод и кнопки и другие функции в текстовом редакторе еlеmеtntor.
    Я давно не пользовалась, но по моему, такие функции в редакторе елементора были. а теперь их нет.
    я что-то сделала с плагином или сайтом или так действительно нельзя?
    в редакторе вордпресса все эти функции есть. хотелось бы в одном редакторе сделать все, а не создатвьа колонки и виджеты отдельно.

  3. подскажите, как сделать, чтобы текст был под фото?
    использую 2 колонки. 1- для текста. 2- для фото. в этом случает текста под фото нет.

    если использовать 1 колонку для текста.
    и в колонке для текста вставить фото, то текст под фото есть.

    но в текстовом редакторе нет функций для фото (анимация, рамки, слайдер, и т.д.).

    как использовать 2 колонки (1- текстовой редактор и 2- редактор для фото) чтобы текст был под фото?
    https://prnt.sc/joe1jd

    1. Вы хотите по старинке чтобы текст обтекал фото?? Лучше не делать так если вам нужна анимация и прочее. Сделайте просто две колонки, в одной текст, а в другой фото и под ней текст. Это будет более читабельно.

      Немного не понятно почему вы пишите про «колонка для текста». В элементор нет понятия для текста колонка или нет. Колонка для всего, т.е вы просто накидываете туда необходимые виджеты в нужно порядке.

      1. Вы хотите по старинке чтобы текст обтекал фото??
        да так хочу. потому, тчо на разных разрешениях жкрана оно выглядит по разному. если создать 2 колонки, и в 1 разместить текст, а во 2 фото. и сделать чтобы они были горизонтально ровные. То на другом экране, фото будет меньше, а текст длиною в жизнь и под фото будет пусто. хочу чтобы текст обтекал фото. так можно или нет?

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

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

      А если Без спец эффектов, вы просто в текстовом редакторе вордпресс делаете как раньше.. текст и обтекание.

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

    1. День добрый, Наталия.
      Без осмотра конечно сложно сказать, ведь трудно диагностировать такую проблему, необходимо хотя бы видеть сайт с проблемой и проблемную часть.

      Если у вас все секции находятся в одной общей секции, то у этой общей секции в ее свойствах должна быть установлена настройка Ширина макета — Во всю ширину.

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

      Рекомендую, создать копию страницы и пробовать удалять секции поблочно и следить до устранении проблемы. Обычно, дополнительно рекомендуется обновлять страницу через ctrl+f5 для обновления кеша браузера.

  6. Господи, какая убогая статья….ужас! Все тупо скопировано из самого конструктора, под полями настроек то же самое написано, слово в слово

    1. Да, конечно она ужасна )) Потому что это не статья, а документация. Что-то лучше, что то хуже. Ваше право, читать или нет. А если не понравилось, то и такое бывает, кто же спорит то. )))

  7. Здравствуйте. Подскажите пожалуйста — ширина макета по умолчанию составляет 1140 пикселей. При просмотре статей сайта на экране с большим разрешением н-р 1920 пикселей остаются широкие полосы слева и справа от текста. как можно адаптировать сайт посредством elementor, чтобы текст статей «расширялся». Если изменить 1140 на 1800 то это плохо смотрится на стандартном ноутбуке(((

    1. Здравствуйте. А почему у вас при 1800 плохо смотрится? Из за того, что по бокам нет отступов? Создайте их. Зайдите в настройки страницы и на вкладке стилей установите отступы слева и справа. Тогда и на ноутбуке будут отступы и при большом экране текст будет растягиваться.

  8. Добрый день,
    подскажите, если ли возможность в elementor
    как-то вставить пиксель фейсбука?
    Не могу самостоятельно разобраться…

    1. День добрый. В Elementor нет инструмента для управления вставкой прямо перед тегом head, НО вы можете с помощью штатного виджета html-код разместить виджет ближе в подвалу сайта и вставить в него свой код.

      Второй вариант, более простой и без заморочек. Установить плагин вставки кода https://wordpress.org/plugins/insert-headers-and-footers/ и уже в нем разместить свой код.

  9. Добрый день Александр. Подскажите пожалуйста, как отключить адаптацию под смартфон. Разработал сайт с помощью плагина Elementor, теперь хочу чтоб с телефона открывался сайт как на компьютере, не адаптировался. Знаю как отключить, чтоб сайт не показывался на моб. устройствах, но мне надо чтоб показывался, но при этом страница отображалась как на компьютере

    1. Здравствуйте. Elementor — Настройки — Вкладка Стиль.
      Там есть Брейкпоинт для планшета и Брейкпоинт для смартфона

    1. Проблема у вас скорей всего из за того, что используется шаблон, который ограничивает ширину секции. Вы можете попробовать в «свойствах секции» установить опцию «Растянуть секцию». Данный метод растягивает секцию во всю ширину экрана с помощью js т.е иногда это помогает обойти ограничения стороннего шаблона сайта. Ну и картинка должа быть максимально большого размера, чтобы могла растянуться во всю ширину. А на данный момент она у вас совсем небольшая.

      1. Спасибо огромное за ответ. Это действительно помогло. Правда я с трудом нашла «свойства секции». Но ничего,если долго мучаться что-нибудь получится!

  10. Приветствую, подскажите почему поплыл стиль в Элементоре? хотя элементор не обновлял, и если обновить , то та же есть риск что поплывет? меняю стиль в самой теме но почему то не меняется, что првичней элементор или код шаблона темы? Благодарю

    1. Здравствуйте. Попробуйте нажать Пересоздать CSS
      Затем обновить кеш браузера нажатием CTRL+F5
      А вообще нужно смотреть на сайт, что и как поплыло.

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *