Как импортировать наборы шаблонов элементов Envato в WordPress (шаг за шагом)

Как импортировать наборы шаблонов элементов Envato

Вы нашли набор шаблонов на Envato Elements, скачали ZIP, и теперь вы смотрите на свою панель управления WordPress, задаваясь вопросом, куда он идет. Это справедливый вопрос. Envato удалила свой официальный плагин Envato Elements WordPress, поэтому старый путь импорта, который многие учебные пособия все еще описывают, больше не существует.

Хорошая новость: вы можете импортировать любой набор шаблонов элементов Envato с помощью Функция наборов шаблонов в главных дополнениях, и он обрабатывает всю работу Загрузите ZIP, импортируйте каждую страницу, создайте заголовок и нижний колонтитул и опубликуйте. Никакого дополнительного плагина импорта не требуется.

Это руководство проходит через весь процесс на реальном комплекте (набор SaaS под названием Klyro), включая три шага, которые пропускает большинство обучающих программ: назначение заголовка и нижнего колонтитула, переключение каждой страницы на макет Elementor Full Width и отключение цветов Elementor по умолчанию, чтобы дизайн комплекта действительно проявился.

Что вам нужно перед импортом

Перед началом необходимо проверить одну вещь: когда вы загружаете комплект из Envato Elements, не размолчивайте его Импортер ожидает исходный ZIP-файл Пользователи Safari должны выключить “Открыть безопасные файлы после загрузки” в настройках Safari, или браузер размолчит для вас комплект и прервет загрузку.

Легкая тема, такая как Hello Elementor, лучше всего работает под набором шаблонов, поскольку набор заменяет почти все, что обычно отображает тема. Если вы все еще выбираете один, вот сравнение лучшие легкие темы WordPress для Elementor.

Шаг 1. Откройте наборы шаблонов в главных дополнениях

С панели управления WordPress перейдите по адресу Мастер-аддоны → Наборы шаблонов. Вы увидите библиотеку комплектов: более 30 готовых наборов веб-сайтов, которые вы можете импортировать одним щелчком мыши, а также возможность загрузки комплектов из внешних источников, таких как Envato Elements.

Библиотека наборов шаблонов Master Addons в WordPress показывает бесплатные и профессиональные наборы веб-сайтов Elementor

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

Шаг 2: Загрузите ZIP-файл Envato Elements Kit

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

Окно "Загрузить набор шаблонов" в главных надстройках для импорта ZIP-файла набора шаблонов Envato Elements

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

Набор шаблонов Envato Elements прогресс импорта в главных дополнениях, показывающий загрузку и чтение содержимого комплекта

Шаг 3: Импортируйте шаблоны комплектов

После того, как комплект будет прочитан, вы увидите все, что он содержит: Глобальные стили комплекта, Главная страница, заголовок, нижний колонтитул, О компании, Услуги, Блог, Подробности блога, Свяжитесь с нами, и страница 404 в нашем примере Klyro. Каждый шаблон имеет свою собственную кнопку Импорт.

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

Два совета здесь:

  • Сначала импортируйте глобальные стили комплектов. На том шаблоне размещены цвета комплекта, шрифты, настройки сайта Импорт его первым означает, что каждая следующая страница наследует правильный стиль.
  • Затем импортируйте остальное. Master Addons ставит их в очередь и обрабатывает каждый шаблон со своими изображениями по одному.
Мастер-аддоны, импортирующие шаблоны комплектов элементов Envato один за другим с четырьмя шагами выполнения

Когда пробег закончится, вы получите экран подтверждения с общим счетом. в этом случае на сайт попало 9 шаблонов из комплекта Klyro.

Комплект шаблонов Envato Elements импортирует сообщение об успехе, подтверждающее 9 шаблонов, импортированных в WordPress

Проверять Страницы в вашей приборной панели вы найдете ожидающие страницы: Klyro 北 — Главная страница, Klyro — Блог — Клыро (Klyro) (Klyro) (Klyro) (Klyro) (Klyro) (Klyro) (Klyro) (Klyro) (Klyro) МА Импортировано фильтр в верхней части экрана Страницы, чтобы вы могли точно видеть, что комплект добавил Если вам нужна только одна страница, а не целый комплект, процесс для этого описан в нашем руководстве на как импортировать шаблон Elementor.

Шаг 4: Добавьте заголовок и нижний колонтитул с помощью конструктора тем

Вот где большинство импорта идут боком.Заголовок и нижний колонтитул комплекта поступают как сохраненные шаблоны, но на вашем сайте их пока ничего не отображается.Заголовок вашей темы по умолчанию все еще отображается. Чтобы исправить это, вы создаете их как тематические части, используя Мастер-создатель тем аддонов.

Перейти к Мастер-аддоны → Theme Builder и нажмите Добавить новый шаблон. Во всплывающем окне назовите его “header” (или что-нибудь, что вы узнаете позже), установите для типа шаблона значение Заголовоки нажмите Редактировать с помощью Elementor.

Master Addons Theme Builder создает шаблон заголовка для импортированного набора Envato Elements

Внутри редактора Elementor откройте библиотеку шаблонов (значок папки на холсте), переключитесь на Шаблоны вкладка и найдите раздел "Заголовок", прилагаемый к вашему комплекту. Нажмите Вставить а заголовок комплекта падает на холст, меню и все такое.

Вкладка "Шаблоны библиотеки Elementor", вставляющая раздел заголовка набора Envato в конструктор тем

Опубликуйте шаблон, затем повторите те же шаги для нижнего колонтитула: новый шаблон, введите Нижний колонтитул, вставьте раздел Footer комплекта из библиотеки, опубликовать.

Шаблон нижнего колонтитула набора Envato Elements отредактирован в Elementor с помощью Master Addons Theme Builder

В настройках каждого шаблона вы также найдете a Условия вкладка и ан Активация переключить. Установите условие на "Весь сайт" и включите активацию, и теперь заголовок и нижний колонтитул вашего комплекта отображаются на каждой странице. The документация заголовка более подробно описывает условия, и если вы хотите, чтобы заголовок оставался закрепленным во время прокрутки, см как создать липкий заголовок в Elementor. Тот же Theme Builder также занимается редактирование нижнего колонтитула в WordPress с помощью Elementor всякий раз, когда вам нужно изменить его позже.

Шаг 5: Установите каждую страницу на полную ширину элементара

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

Исправление занимает тридцать секунд при массовом редактировании:

  1. Перейти к Страницы → Все страницы
  2. Установите флажок вверху списка, чтобы выбрать все страницы
  3. Выбирать Редактировать из раскрывающегося списка "Массовые действия" нажмите "Применить"
  4. В раскрывающемся списке "Шаблон" выберите Элементор Полная ширина
  5. Нажмите Обновить
Настройка массового редактирования WordPress всех импортированных страниц набора шаблонов на шаблон Elementor Full Width

Elementor Full Width удаляет боковую панель темы и оболочку контента, но продолжает отображать крючки темы, что позволяет отображать новый заголовок и нижний колонтитул Theme Builder. Одно массовое обновление и каждая импортированная страница используют правильный макет.

Шаг 6: Отключите цвета и шрифты Elementor по умолчанию

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

Выключите их:

  1. Перейти к Элементор → Настройки в вашей приборной панели
  2. На Генерал таб, тик Отключить цвета по умолчанию
  3. Тик Отключить шрифты по умолчанию
  4. Сохранить изменения
Отключить параметры Цвета по умолчанию и Отключить Шрифты по умолчанию в настройках Elementor для стиля набора шаблонов

С обоими флажками Elementor наследует цвета и типографику из Global Kit Styles комплекта вместо того, чтобы форсировать свой собственный. перезагрузите страницу после сохранения, и вы увидите, как она привязалась к дизайну из демо-версии Envato.

Шаг 7: Установите домашнюю страницу и предварительный просмотр

Последние штрихи. Перейти к Настройки → Чтение, установить “Ваша домашняя страница отображает” на статическую страницу, и выбрать домашнюю страницу комплекта Затем открыть свой сайт.

Комплект шаблонов элементов Envato импортирован и доступен на веб-сайте WordPress с разделом героев и меню навигации

Заголовок вверху, нижний колонтитул внизу, герой во всю ширину, правильные шрифты и цвета Отсюда это нормальное редактирование Elementor: поменяйте демо-текст и изображения на свои, подключите контактную форму и отрегулируйте все, что в комплекте пошло не так для вашего бренда. Мастер Аддоны 80+ виджетов и расширений доступны в редакторе всякий раз, когда встроенных элементов комплекта недостаточно.

Зачем использовать основные дополнения вместо плагина импорта набора шаблонов?

Собственные справочные документы Envato теперь указывают пользователям на автономный плагин импорта, поскольку официальный плагин Envato Elements был снят с производства. Этот плагин импортирует шаблоны и останавливается там. Вам все равно нужно что-то еще для заголовка и нижнего колонтитула, что обычно означает покупку Elementor Pro для его конструктора тем.

ЗадачаПлагин импорта набора шаблоновМастер Аддоны
Импортируйте комплект Envato ZIPДаДа
Библиотека готовых комплектовНетВ комплект входит более 30 комплектов
Строитель заголовков/подножекНет (нужен Элементор Про)Да, встроенный
404, архив, единичные шаблоныНетДа, через Theme Builder
Дополнительные виджеты для настройки комплектаНет80+ виджетов и расширений

Поскольку комплекты сильно опираются на изображения, стоит также запустить импортированные медиа через оптимизатор Большие демо-изображения - самая распространенная причина, по которой свежий комплект кажется медленным; наше руководство по как ускорить сайты Elementor покрывает быстрые победы. загрузка Theme Builder и наборов шаблонов доступна в Master Addons Free, и Профессиональная версия разблокирует полную библиотеку комплектов и премиальные виджеты, если вы хотите их.

Устранение неполадок: импортный комплект не похож на демо-версию

  • Неправильные цвета или шрифты: вы пропустили Шаг 6. отключите цвета и шрифты Elementor по умолчанию, затем перезагрузите страницу.
  • Заголовок темы, показанный над заголовком набора: страница по-прежнему находится в макете темы по умолчанию. Установите ее на полную ширину элементара (шаг 5) и убедитесь, что заголовок Theme Builder активирован с условием для всего сайта.
  • Содержимое, застрявшее в узкой колонке: то же исправление. Elementor Full Width, а не шаблон темы по умолчанию.
  • Отсутствующие изображения: перезапустите импорт для этого шаблона. Медленные хосты иногда тайм-аут загрузки изображений в середине импорта.
  • Применяются стили, но макет нарушен: сначала импортируйте глобальные стили комплектов, затем повторно импортируйте затронутую страницу, чтобы она унаследовала настройки комплекта.

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

Могу ли я импортировать наборы шаблонов Envato Elements без плагина Envato?

Да. официальный плагин Envato Elements WordPress был прекращен, но любой набор ZIP, загруженный из Envato Elements или ThemeForest, можно загрузить через Master Addons под Master Addons → Template Kits. Он импортирует каждый шаблон, изображение и глобальный стиль в наборе.

Нужно ли Elementor Pro использовать набор шаблонов Envato?

Обычно нет. большинство комплектов построены для бесплатного Elementor.Master Addons добавляет заголовок и конструктор нижних колонтитулов, которые Pro в противном случае предоставил бы.Проверьте требования комплекта на его странице Envato, так как в некоторых комплектах используются виджеты Elementor Pro, такие как Forms.

Почему мой импортированный набор шаблонов отличается от демо?

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

Как мне получить заголовок и нижний колонтитул из набора шаблонов, который можно отобразить на моем сайте?

Создайте шаблон Заголовка в Master Addons Theme Builder, вставьте раздел заголовка комплекта из библиотеки Elementor и опубликуйте его с условием отображения в масштабе всего сайта Повторите с шаблоном Footer. оба затем появляются на каждой странице автоматически.

Бесплатны ли наборы шаблонов Master Addons?

Функция загрузки и несколько комплектов в библиотеке бесплатны. для комплектов Pro требуется лицензия Master Addons Pro, которая также разблокирует премиальные виджеты и поставляется с 14-дневной гарантией возврата денег.

Завершение

Импорт набора шаблонов Envato Elements сводится к семи шагам: загрузить ZIP в наборы шаблонов Master Addons, сначала импортировать стили Global Kit, импортировать страницы, построить заголовок и нижний колонтитул в Theme Builder, массово установить страницы в Elementor Full Width, отключить цвета и шрифты Elementor по умолчанию и установить домашнюю страницу. весь запуск занимает около десяти минут, и большая часть из них - просмотр индикаторов прогресса.

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

Связанное чтение: Лучшие темы Элементора для сопряжения с наборами шаблонов и как создать страницу блога с помощью Elementor как только ваш комплект будет готов.

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

40% выключить все

Каждый Мастер Аддоны Про план, годовой и пожизненный Один код, восемь дней.

00дней
00час
00мин
00сек

Заканчивается в понедельник, 14 сентября, 23:59 по восточному времени

  • Личный1 сайт 129 долларов77 ДОЛЛАРОВ
  • Бизнес5 сайтов 199 долларов119 долларов
  • РазработчикНеограниченные сайтыЛучше всего для агентств 599 долларов359 долларов

Платите один раз. Никакого продления никогда.

Код купона МАЛИФЕ40
Получите скидку 40% прямо сейчас
  • Более 30 000 активных установок
  • 4,5/5 из 212 отзывов
  • 14-дневный возврат денег