Создаем Elementor шаблон для страниц и WordPress постов

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

В начале небольшой «дисклеймер»:

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

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

Итак, перейдем непосредственно к нашей теме.

1. После установки плагина конструктора вы можете создать новый шаблон/макет в одноименном разделе админки. Во всплывающем окне выбираете в качестве его типа вариант «Страница» (можно придумывать и отдельные секции).

Внимание! Аналогичного результата реально добиться, если на странице текстового редактора при создании новой записи/страницы выбрать возможность «редактировать в Elementor» . Так или иначе вы переходите на страницу конструктора.

2. Здесь в самом нижнем левому углу есть иконка шестеренки с настройками.

После клика в первой же вкладке с основными параметрами будет опция “Макет”, для которой доступны 3 разных значения:

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

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

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

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

После сохранения он появится в разделе админки “Шаблоны” – “Сохраненные” (т.е. в библиотеке Elementor).

4. Теперь переходим к созданию абсолютно новой записи/страницы. На странице текстового редактора у вас будет все та же кнопка «редактировать в Elementor» — кликаем по ней. После перехода в конструктор независимо от того какой тип макета у вас установлен, в месте добавления нового элемента кликаете по иконке папки:

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

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

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

P.S. Кстати, когда будете создавать макеты-заголовки для постов и страниц, вставляйте в места заголовков, категорий и т.п. соответствующие функциональные блоки дабы потом тайтл записи, хлебные крошки Yoast SEO или тот же список рубрик подтягивались автоматически, а вам осталось лишь отредактировать блок контента.

P.P.S. Небольшой лайфхак при разработке проектов на заказ – если брать премиальную тему TemplateMonster, то почти всегда вы дополнительно получаете PRO версию конструктора Elementor и некоторые другие платные модули. Это очень полезные бонус в работе.

Понравился пост? Подпишись на обновления блога по RSS, Email или twitter!

Оцените статью:

(голосов - 11, средний балл: 4,91 из 7)

Загрузка...

Категории: Возможности;
Теги: возможности шаблона, вывод постов, конструктор Elementor, правка шаблона, страницы сайта.