Как импортировать и вставить шаблон элементара (3 способа)

Как импортировать шаблон Elementor: библиотека шаблонов Master Addons, кнопки редактора Elementor и файл шаблона JSON

Вы можете импортировать или вставить шаблон Elementor тремя способами: вытащить готовую страницу из библиотеки Master Addons, вставить шаблон в страницу, которую вы уже редактируете, или загрузить файл JSON. Вставка никогда не стирает вашу страницу. Elementor добавляет шаблон в качестве нового раздела внизу и оставляет существующий контент там, где он есть.

Скриншоты ниже приходят из Elementor 4.2 и Master Addons, оба бесплатно, если шаг не говорит об обратном. если вам все еще нужно что-то импортировать, Библиотека шаблонов Master Addons имеет более 500 шаблонов страниц, 100 из них бесплатны.

Какой метод вам нужен?

Что у тебя естьМетодС чего начинается
Пока ничего, вам нужна готовая страница1. Импорт из библиотеки Master AddonsСтраницы → MA Импорт
Страница, открытая в Elementor, требующая раздела или макета2. Вставить изнутри редактораПапка или значок "Мастерские дополнения" на холсте
Файл шаблона .json (или .zip из нескольких)3. Импортировать файл JSONШаблоны → Сохраненные шаблоны или значок загрузки в редакторе
Целый набор шаблонов ZIP от Envato или ThemeForestИмпортируйте его в виде набораThe руководство по импорту набора шаблонов

Прежде чем начать

Вам нужен бесплатный плагин Elementor и бесплатный Мастер Аддоны плагин, оба активные. шаблоны, помеченные БЕСПЛАТНО в библиотеке импорт без лицензии, и те, которые отмечены PRO, нуждаются в Master Addons Pro. Ни один из шагов ниже не нуждается в Elementor Pro.

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

Способ 1: Импорт готовой страницы из библиотеки Master Addons

Используйте это, когда вам нужна готовая страница, например домашняя страница, страница контактов или страница цен, не создавая ее первой. Скачать файл не нужно.

Шаг 1: Откройте страницы импорта

Перейдите на страницы на панели управления. Далее для добавления страницы есть кнопка "Импорт МА". Нажмите на нее и выберите "Импортировать страницы". Другой вариант, "Наборы шаблонов", открывает библиотеку комплектов для импорта всего сайта.

Кнопка импорта MA на экране страниц WordPress с параметрами "Наборы шаблонов" и "Импорт страниц"

Шаг 2: Найдите шаблон

Библиотека открывается на вкладке Страницы, которая перечисляет 211 полных страниц на момент написания, с 423 разделами на вкладке рядом с ней. Используйте фильтр Свободный и Про слева, чтобы сузить список, и щелкните сердце на любой карте, чтобы добавить его в Избранное.

Мастер-дополнения Импорт страниц библиотека список шаблоны страниц Elementor с бесплатными фильтрами и фильтрами Pro

Шаг 3: Просмотрите его и вставьте страницу

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

Предварительный просмотр шаблона страницы Elementor с полем "Заголовок страницы" и кнопкой "Вставить страницу" в главных дополнениях

Шаг 4: Откройте его в Элементоре

Импортер создает страницу, вводит контент и изображения и показывает подтверждение. Нажмите "Редактировать с помощью Elementor", чтобы начать менять местами демо-текст и фотографии, или "Просмотреть страницу", чтобы сначала просмотреть ее.

Подтверждение того, что шаблон страницы Elementor был импортирован, с кнопками "Редактировать с помощью Elementor" и "Просмотреть страницу"

Что происходит после импорта:

  • Страница публикуется сразу, поэтому установите ее черновик, если сайт работает.
  • Копия также переходит в Шаблоны → Сохраненные Шаблоны, поэтому вы можете повторно использовать дизайн на другой странице.
  • На экране "Страницы" отображается фильтр "Импортировано MA", в котором перечислены все страницы, которые вы принесли таким образом.
  • Импорт одного и того же шаблона дважды добавляет “2” к заголовку второго экземпляра.

Вы можете просмотреть одну и ту же библиотеку из Главных Аддонов → Библиотека шаблонов в панели управления. Этот экран добавляет отдельные вкладки для заголовков и нижних колонтитулов, и каждая карта имеет свои собственные кнопки Предварительный просмотр и Импорт.

Библиотека шаблонов главных дополнений на панели управления WordPress с вкладками "Страницы, разделы, нижний колонтитул и заголовки"

Способ 2: Вставьте шаблон Элементор в страницу, которую вы уже редактируете

Откройте страницу с Правка с Элементором и прокрутите к пустой области падения в нижней части холста. Он имеет четыре круглые кнопки.

Область падения редактора Elementor с кнопками Добавить контейнер, библиотеку Elementor, шаблоны AI и Master Addplotes

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

Вставить из библиотеки Master Addons

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

Библиотека шаблонов главных дополнений открыта внутри редактора Elementor и отображает готовые страницы

Нажмите на дизайн, чтобы просмотреть его, затем нажмите "Вставить" в правом верхнем углу.

Предварительный просмотр шаблона главных дополнений в редакторе Elementor с помощью кнопки "Вставить"

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

Вставьте один из сохраненных шаблонов

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

Шаблоны библиотеки Elementor перечисляют сохраненные шаблоны с действиями предварительного просмотра и вставки

Тот же список - это то, как вы повторно используете свою собственную работу: сохраните раздел в виде шаблона на одной странице, а затем вставьте его на следующей.

Способ 3: Импорт файла JSON шаблона Elementor

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

Импорт изнутри редактора

С открытой страницей в Elementor щелкните значок папки, затем значок загрузки (стрелка в круге) в правом верхнем углу библиотеки Перетащите файл в поле или нажмите Выбрать файл.

Импорт шаблона Elementor на экран вашей библиотеки для загрузки файла шаблона JSON или zip

После завершения загрузки шаблон отображается на вкладке "Шаблоны", и вы вставляете его, как любой сохраненный шаблон.

Импорт с приборной панели

Чтобы импортировать, не открывая страницу, перейдите в Шаблоны → Сохраненные Шаблоны и нажмите Импорт Шаблоны вверху Выберите файл и нажмите Импорт Сейчас Шаблон присоединяется к списку.

Экран "Сохраненные шаблоны Elementor" с шаблонами импорта, выберите файл и импортируйте сейчас

Экспортируйте шаблон как JSON

Чтобы скопировать шаблон на другой сайт, перейдите в Шаблоны → Сохраненные Шаблоны, наведите курсор на его строку и нажмите Экспорт. по ссылке указан тип шаблона, например Экспортный контейнер или Экспортный раздел Ваш браузер загружает файл .json, который вы можете импортировать на другой сайт с любой опцией выше.

Экспорт ссылки "Контейнер" в строке сохраненного шаблона Elementor для загрузки файла JSON

Импорт целого набора шаблонов?

Комплект шаблонов - это ZIP с каждой страницей сайта плюс заголовок, нижний колонтитул и глобальные стили, и импортер шаблонов не может с ним справиться. для комплектов Master Addons используйте Pages → MA Import → Template Kits. Для комплектов от Envato Elements или ThemeForest следуйте инструкциям Руководство по набору шаблонов элементов Envato. Готовые комплекты находятся на сайте Комплекты шаблонов Elementor страница.

Когда импортированный шаблон выглядит не так

Шрифты или цвета не соответствуют предварительному просмотру

Шрифты и цвета Elementor по умолчанию преобладают над шаблоном Включите "Отключить цвета по умолчанию" и "Отключить шрифты по умолчанию"; в этом руководстве показано, где находятся обе настройки.

Заголовок, нижний колонтитул или боковая панель вашей темы обхватывает страницу

Откройте настройки страницы в Elementor и установите макет в Elementor Canvas для отдельной страницы или Elementor Full Width, если вы хотите сохранить заголовок и нижний колонтитул вашего сайта.

Части шаблона отсутствуют

Шаблон использует виджет из плагина, который не активен на вашем сайте, обычно Мастер Аддоны или Элементор Про. Активируйте этот плагин и перезагрузите редактор.The Список виджетов Master Addgets имеет каждый виджет с его именем, поэтому вы можете проверить, какой из них нужен шаблону.

Загрузка не удалась

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

Часто задаваемые вопросы

Заменяет ли вставка шаблона мой существующий контент?

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

Нужен ли мне Elementor Pro для импорта шаблонов?

№ Импорт файла JSON, вставка сохранённых шаблонов и использование библиотеки Master Addons - все это работает с бесплатным Elementor. шаблоны с пометкой PRO в библиотеке Master Addons нуждаются в лицензии Master Addons Pro.

Куда деваются импортированные шаблоны Elementor?

Импортированные и сохраненные шаблоны появляются в разделе Шаблоны → Сохраненные шаблоны на панели управления и во вкладке Шаблоны библиотеки редактора Страницы, импортированные с помощью MA Import, также отображаются в разделе Страницы.

Могу ли я импортировать шаблон Elementor на существующую страницу?

Да. Откройте страницу в Elementor, щелкните папку или значок "Мастер-аддоны" внизу холста и вставьте шаблон. Он добавлен под текущим содержимым.

Какие типы файлов Elementor может импортировать?

Импортер шаблонов берет один файл .json или .zip, который содержит несколько шаблонов .json. Полные наборы шаблонов нуждаются в импортере комплекта.

Следующий шаг

Выберите тип страницы в Библиотека шаблонов страниц Elementor и импортируйте его с помощью метода 1. Для отдельных блоков вместо целых страниц бесплатные шаблоны разделов Elementor и шаблоны разделов героев являются хорошими отправными точками. 176 шаблонов Pro поставляются с планами на страница ценообразования, а если у вас что-то здесь не сработало, свяжитесь с нами.

Фотография Роя Джеми
Рой Джеми
Я Рой Джеми, Content Wrangler и Marketer в Pixar Labs, работаю над Master Addons для Elementor.Я пишу учебные пособия, записываю видео и поддерживаю актуальность документации, поэтому вы всегда знаете, как использовать каждую функцию. Я также занимаюсь поддержкой, поэтому, если вы наткнетесь на корягу, я тот человек, который поможет вам исправить это. Реальные ответы, от кого-то, кто использует эти инструменты каждый день.