Как бесплатно использовать конструктор тем Elementor (без Elementor Pro)

Свободный конструктор тем Elementor

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

Есть способ обойти его, который не предполагает оплату Elementor Pro или написание строки PHP. The Мастер-создатель тем аддонов дает вам бесплатный конструктор тем Elementor для заголовков, нижних колонтитулов, макетов отдельных сообщений, архивов, результатов поиска, 404 страниц и даже форм комментариев. вы разрабатываете их с тем же редактором Elementor, который уже используете, устанавливаете условия отображения, и они заменяют вашу тему.

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

Что такое создатель тем в Elementor?

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

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

В самом Elementor эта возможность стоит денег. Бесплатная версия Elementor вообще не имеет конструктора тем; вам нужно Элементор Про, который начинается от $59 в год для одного сайта.Master Addons включает свой Theme Builder в бесплатный плагин, который вы можете получить из Каталог плагинов WordPress.org.

Что вы можете создать с помощью Master Addons Theme Builder

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

Тип шаблонаЧто оно заменяет
ЗаголовокЗаголовок вашей темы: логотип, навигационное меню, верхняя панель, кнопки CTA
Нижний колонтитулНижний колонтитул вашей темы: столбцы ссылок, контактная информация, панель авторских прав
ОдиночныйМакет отдельных сообщений и страниц: название, избранное изображение, контент, авторская рамка
АрхивСтраницы категорий, тегов и списков авторов
ПоискСтраница результатов поиска
404 СтраницаСтраница “ по умолчанию не найдена” экране
Комментарий ФормаРаздел комментариев под вашими сообщениями

Для большинства сайтов первые два - это то, где реальная отдача, так что мы и построим. процесс идентичен для остальных пяти типов; меняется только тип шаблона, который вы выбираете.

Как создать пользовательский заголовок в Elementor бесплатно

Вам понадобятся установленные и активные Elementor (бесплатно) и Master Addons (бесплатно).Если плагин для вас новый, то руководство установки настройка чехлов примерно за две минуты.

Шаг 1: Откройте конструктор тем и добавьте новый шаблон

На панели управления WordPress перейдите по адресу Мастер-аддоны → Theme Builder. На экране перечислены все созданные вами шаблоны с вкладками для фильтрации по типу: заголовок, нижний колонтитул, комментарий, сингл, архив, поиск и страница 404. При новой установке он пуст.

Нажмите Добавить новый шаблон.

Панель управления конструктором тем Master Addons в WordPress с вкладками типа шаблона и кнопкой "Добавить новый шаблон"

Шаг 2: Назовите шаблон и выберите тип заголовка

Окно настроек открывается двумя вкладками Общие и Условия На вкладке Общие дайте шаблону заголовок (что-то очевидное, как “Header”), установить Тип шаблона чтобы Заголовоки перевернуть Активация чтобы НА итак, шаблон запускается в свет в тот момент, когда вы его публикуете.

Настройки шаблона Theme Builder с заголовком, установленным в Заголовок, типом шаблона Заголовок и включенной активацией

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

Шаг 3: Дизайн с нуля или начните с шаблона

Отсюда обычный Элементор. тащите в контейнеры, логотип сайта, навигационное меню, кнопку, и стайлинг их, как любая другая страница.Учиться нечему новому.

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

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

Через несколько секунд после нажатия кнопки Вставить заголовок находится в редакторе: верхняя панель с номером телефона и социальными значками, логотип слева, меню посередине и кнопка “Запросите бесплатную Call” справа. Каждая часть остается редактируемой. Обмен в собственном логотипе, пунктах меню и цветах бренда - это быстрая часть.

Индивидуальный дизайн заголовка в редакторе Elementor с логотипом, навигационным меню, кнопкой вызова и верхней полосой

Шаг 4: Опубликуйте и проверьте входную часть

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

Домашняя страница веб-сайта в прямом эфире, показывающая собственный заголовок Elementor над разделом героя

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

Как создать пользовательский нижний колонтитул в Elementor

Подстилка следует точно по тому же пути: Добавить новый шаблон, назовите его “Main footer”, установите тип на Нижний колонтитул, включите активацию и откройте ее в Elementor.

Для сантехнического сайта я пошел с классическим четырехколоночным макетом: brand blurb и copyright слева, затем Страницы, Информация о компании, и Location столбцы с контактными данными и часами работы.Опять же, построен с стоковыми виджетами Elementor внутри шаблона Theme Builder, никакие файлы темы не коснулись.

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

Публикуйте, и нижний колонтитул появляется внизу каждой страницы сайта:

Нижний колонтитул веб-сайта в реальном времени, показывающий пользовательский нижний колонтитул Elementor с разделом вызова к действию над ним

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

Условия отображения: контролируйте, где именно появляются шаблоны

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

На вкладке Условия задается один вопрос: где вы хотите отобразить шаблон? Каждое правило объединяет a Включать или Исключать с целью, Весь сайт, Сообщения, Страницы, конкретные единственные числа, ваши сохраненные шаблоны, даже всплывающие окна Master Addons.Установите столько правил, сколько вам нужно с Добавить условие.

Панель условий отображения Theme Builder с правилами включения и исключения, а также раскрытием целевых параметров

Несколько комбинаций, которые постоянно возникают в работе клиента:

  • Лендинговые страницы: Включите > Весь сайт, затем исключите страницу продаж, чтобы она работала без отвлечения внимания и вообще без заголовка.
  • Различные заголовки в каждом разделе: полный заголовок маркетингового сайта, более тонкий, включен только в сообщения в блоге.
  • Сезонные нижние колонтитулы: поменяйте местами промо-подставку на страницах магазинов и оставьте остальную часть сайта нетронутой.

Это та часть, которая превращает “I изменил мой заголовок” в “I control mayket моего сайта.” Это также та же логика условий, которая питает Мастер Аддоны Всплывающий конструктор, так что, выучив, вы выучили его везде.

Master Addons Theme Builder vs Elementor Pro: честное сравнение

Тематический конструктор Elementor Pro превосходен, и притворяться, что иначе, было бы глупо. Вот как эти двое на самом деле складываются:

ВозможностьЭлементор БесплатноЭлементор ПроМастер-аддоны (Freemium)
Пользовательский конструктор заголовковНетДаДа
Пользовательский строитель нижнего колонтитулаНетДаДа
Шаблоны одиночных публикацийНетДаДа
Архивировать и искать шаблоныНетДаДа
404 шаблона страницНетДаДа
Стиль формы комментарияНетНетДа
Условия отображенияНетДаДа (включить/исключить правила)
Шаблоны продуктов WooCommerceНетДаНет
Теги динамического контентаНетОбширныйЧерез расширение Dynamic Tags
Цена0От $59/год0 долларов США 39 долларов США

Честное чтение: если вам нужно глубокое WooCommerce здание темы, Элементор Pro зарабатывает свою цену Для шаблонов подавляющее большинство сайтов на самом деле настроить, заголовки, нижние колонтитулы, макеты публикаций, архивы, и 404 страницы, бесплатный Мастер Аддоны Тема Строитель покрывает работу, и это единственный из двух с комментариями формирователь форм The Мастер Аддоны Проуровни существуйте для более широкого виджета и библиотеки расширений, а не для разблокировки конструктора тем, который остается бесплатным.

Три совета перед созданием

  • Шаблоны сохраняют переключение тем. Ваши заголовки и нижние колонтитулы живут в Master Addons, а не в теме, поэтому изменение тем позже не сплющит ваш дизайн.Pair the Theme Builder с минимальной темой, как Hello и Elementor эффективно управляет всем сайтом.
  • Используйте короткий код для нечетных размещений. Каждый шаблон в списке Theme Builder имеет короткий код, удобный, когда вам нужен разработанный блок внутри области виджета или страницы, не являющейся Элементом.
  • Начните с комплекта, когда скорость имеет значение. Заголовок и нижний колонтитул в этом руководстве взяты из набора шаблонов и были переименованы в минутах Для работы с клиентами это разница между днем и оплачиваемой неделей.

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

Могу ли я использовать конструктор тем в Elementor без Pro?

Да. бесплатная версия Elementor не имеет конструктора тем, но бесплатный плагин Master Addons добавляет один. Он позволяет создавать собственные заголовки, нижние колонтитулы, макеты отдельных сообщений, архивы, страницы поиска, 404 страницы и формы комментариев со стандартным редактором Elementor.

Как создать собственный заголовок в Elementor бесплатно?

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

Будет ли мой пользовательский заголовок и нижний колонтитул работать с какой-либо темой?

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

Могу ли я показывать разные заголовки на разных страницах?

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

Действительно ли Master Addons Theme Builder бесплатен?

Да. Theme Builder, включая все семь типов шаблонов и условия отображения, поставляется в бесплатном плагине, доступном на WordPress.org. Master Addons Pro добавляет больше виджетов и расширений, но не требуется для создания темы.

Связанное чтение

Фотография Роя Джеми
Рой Джеми
Я Рой Джеми, 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-дневный возврат денег