Как в макет элементора вставить текст статьи

Как добавить изображение к тексту в Elementor

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

Тем не менее, наличие некоторых навыков CSS было бы отличным бонусом при использованииElementor. Вы сможете применить уникальные стили к своей веб-странице, используя функцию Пользовательские CSS D ‘Elementor. В этой статье мы покажем вам, как добавить изображение в текст в Elementor, используя специальную функцию CSS Elementor.

В некоторых инструменты таких проектов, как GIMP и Photoshop, вам обычно нужно добавить маркер слоя, чтобы добавить изображение в текст. В Elementor вы можете сделать то же самое, добавив код CSS, в котором виджет Elementor Title и текстовый виджет не имеют возможности настройки для добавления изображения в качестве фона.

Добавить изображение к тексту Elementor

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

Добавьте виджет Заголовок в поле редактирования.

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

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

Затем перейдите на вкладку Передовой и откройте блок На заказ CSS и вставьте следующий код CSS. Замените URL-адрес изображения на свой собственный URL-адрес изображения.

selector .elementor-heading-title < background: url("https://www.wppagebuilders.com/wp-content/uploads/2020/05/gradient-progress-bar-elementor.jpg") green repeat 30% 70% ; -webkit-background-clip:text; -webkit-text-fill-color:transparent; >

Получите Elementor Pro прямо сейчас!

Заключение

Вот! Вот и все, что касается этой статьи, в которой показано, как добавить изображение к тексту в Elementor. . Если у вас есть вопросы о том, как туда добраться f дайте нам знать в Комментарии.

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

Elementor: назначение, возможности, сравнение версий

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

Что такое Elementor

Elementor (полное название: Elementor Website Builder) — плагин WordPress, который расширяет возможности стандартного редактора. Это своеобразный конструктор сайтов, с помощью которого можно быстро и просто разработать любой дизайн страницы или отдельного блока. Elementor — очень популярное решение. К концу 2020 года его установили более 5 млн пользователей. Есть официальный сайт, посвященный Elementor, со своим блогом и сообществом разработчиков. Прежде чем перейти к возможностям плагина, посмотрите, какие сайты можно создать с его помощью:

Сделать динамичную прокрутку и анимацию, как на сайте агентства Kima

Или стильный двухколоночный лендинг, как у шеф-повара Джейд Бергер

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

Что умеет плагин Elementor

У плагина есть бесплатная (Elementor) и платная (Elementor Pro) версии. Они отличаются количеством доступных функций. Мы сравним их ниже, а сначала расскажем о принципе работы этого конструктора страниц.

Главная его особенность заключается в том, что в конструкторе сразу отображаются изменения, которые вы вносите. Поэтому Elementor называют визуальным редактором.

Elementor устроен по принципу Drag-and-drop. Чтобы добавить любой элемент на страницу, его нужно захватить мышкой и перетащить в зону редактирования. Страница буквально собирается из элементов. Они называются виджетами. Процесс создания страницы состоит из нескольких шагов.

Переносим виджеты из меню в пустую тему и создаем структуру (можно выбрать готовый шаблон из «Галереи», но для этого нужно создать аккаунт на сайте Elementor и синхронизировать с WordPress).

«Голая» структура страницы в редакторе

Редактируем каждый блок, заполняя его контентом (текст, изображения, отзывы, кнопки и т. д.).

Редактирование блока (в примере виджет «Кнопка»)

Всего инструмент содержит более 90 виджетов. Они разделены по типам: базовые, платные, общие, сайт и WooCommerce (интернет магазин на Elementor WordPress).

Рассмотрим наиболее универсальные бесплатные функции:

• Заголовок. Вставьте нужный текст, настройте цвет, шрифт, размер, интервалы, насыщенность и т.д.
• Изображение. Загрузите картинку из админки WordPress или с компьютера, отредактируйте её размер, прозрачность, тени, расположение на странице.
• Текстовый редактор. Идентичен стандартному редактору WordPress.
• Видео. Добавьте ролики с YouTube, Vimeo и других источников.
• Кнопка. Настройте текст, внешний вид и ссылку ваших кнопок.
• Отзывы. Разместите отзывы клиентов с текстом, фотографией, подписью.
• Иконки соцсетей. Добавьте ссылки на социальные сети вашей компании.

Виджеты платной версии содержат более продвинутый функционал:

• Галерея/карусель изображений. Несколько изображений будут отображаться в одной сетке или сменять друг друга.
• Форма. Настройте форму, которую сможет заполнить пользователь.
• Цитаты. Оформите текст как цитату.
• Логин. Позволяет добавить блок для авторизации в аккаунте на вашем сайте.
• Прайс-лист. Разместите тарифы ваших услуг.
• Таймер. Пригодится, если на сайте действует акция, ограниченная по времени.
• Шаблоны. Позволяет взять готовую страницу из библиотеки и отредактировать содержимое/изображение.
• Каталог товаров. С помощью этого виджета вы сможете превратить страницу в интернет-магазин.

Благодаря этим инструментам и простому интерфейсу можно собрать страницу любого типа: от простого описания услуги или статьи с фотографиями в блог до каталога интернет-магазина или сайта компании.

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

Как установить Elementor на WordPress

Устанавливается Elementor, как все другие плагины в WordPress. Войдите в административную панель WordPress. Если не добавили её в закладки браузера или не помните адрес, посмотрите инструкцию.

В меню выберите раздел «Плагины» и нажмите Добавить новый:

Введите в строку поиска справа название «Elementor» и нажмите Enter.

Нажмите Установить, а затем Активировать в блоке «Elementor Website Builder»:

Готово, сразу после активации откроется приветственная страница плагина с видеоинструкцией о том, как пользоваться Elementor. Она на английском языке. Если не владеете им, прочитайте гайд Рег.ру.

Создание сайта на WordPress Elementor

Плагин встраивается в уже выбранную тему, поэтому существующий сайт не нужно переделывать с нуля.

Чтобы открыть Elementor:

Перейдите в раздел «Страницы» и нажмите Добавить новую:

На открывшейся странице нажмите Редактировать в Elementor:

Готово, после этого загрузится расширенный конструктор страниц Elementor:

Если вы хотите отредактировать уже существующую страницу, последовательность действий будет та же. Только вместо добавления новой страницы выберите в 1-м шаге нужную (в примере выше «Blog» или «Classes»), нажмите Изменить, а затем Редактировать в Elementor.

Дальше перейдем к тому, как создать сайт на WordPress Elementor.

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

После добавления виджета в левой части появится меню для работы с отдельным блоком. В нем есть 3 вкладки:

• Содержимое. Предназначена для работы с контентом (здесь вы вставляете свой текст, картинки, т. п. и назначаете основные настройки);
• Стиль. Здесь настраивается внешний вид добавленного контента;
• Расширенные. Это настройки для чуть более продвинутых пользователей. Здесь можно анимировать объект, скрыть его в мобильной версии сайта, загрузить ваши CSS-стили и др. Это меню стандартно для всех виджетов, но настройки внутри вкладок отличаются в зависимости от типа элемента.

Задайте необходимые настройки, они сразу отобразятся справа. Покажем на примере заголовка. Создадим заголовок «Инструкция по Elementor»:

Когда блок будет готов, перейдите к следующему виджету. Для этого кликните на отмеченную стрелкой иконку: После этого откроется меню виджетов. Дальше повторите с 1-го по 4-й шаги. Добавим еще несколько виджетов, чтобы показать возможности Elementor: Как сделать сайт на Элементоре Добавленные изображения отображаются в редакторе только тогда, когда вы редактируете этот блок. Если хотите увидеть страницу целиком до сохранения, нажмите на иконку с тремя полосами слева – Просмотр страницы:

Когда страница будет готова, нажмите в нижней части левого меню кнопку «Опубликовать» или треугольник справа от неё. Там можно выбрать «Сохранить черновик» или «Сохранить шаблон», если созданная страница будет повторяться на сайте несколько раз (например, вы сделали карточку товара). Это позволит в следующий раз не создавать шаблон страницы с нуля:

Elementor настройка для WordPress

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

В нем есть следующие разделы:

• Глобальные цвета → для задания основных и дополнительных цветов надписей, кнопок, разделителей и других элементов сайта.
• Глобальные шрифты → для выбора нескольких шрифтов, которые будут сохраняться для всех текстовых виджетов.
• Типографика → для задания отступов и SEO-разметки заголовков (тегов H1-H6).
• Кнопки → чтобы один раз создать кнопку и затем редактировать по минимуму.
• Изображения → для настроек отображения картинок.
• Поля формы → настройки внешнего вида формы для заполнения пользователями.
• Айдентика сайта → позволяет задать название и описание сайта, выбрать логотип и фавикон.
• Фон → цвет фона для всех элементов сайта.
• Макет → для настройки ширины страницы, отступов виджетов.
• Лайтбокс → позволяет открывать изображения во всплывающем окне.
• Пользовательские CSS (Pro версия) → для загрузки пользовательских стилей.
• Расширенные настройки (откроются в новом окне) → для разработчиков и настройки селекторов, оптимизации и т. п.

Elementor vs Elementor Pro

Создание сайта Elementor WordPress дает большую свободу, даже если использовать плагин бесплатно. Но в версии Elementor Pro инструментов для творчества в разы больше. Для вашего удобства мы составили сравнительную таблицу двух тарифов.

Elementor	Elementor Pro
Цена	Бесплатно	От 49 до 199 $ в год (цены действительны на 06.12.2020)
Доступные виджеты	40 (категории «Базовый», «Общие»)	90+ виджетов (бесплатные + категории «Pro», «Woocommerce»)
Шаблоны	5 бесплатных шаблонов в библиотеке	300+ шаблонов. Каждый шаблон Elementor WordPress из коллекции можно использовать, не нарушая авторские права
Конструктор всплывающих форм	—	Есть функционал для разработки поп-апов на сайте
Конструктор тем	—	+
Настройка хедера и футера	—	+
Создание интернет-магазина	—	+
Анимация	Базовые инструменты	Параллакс-скроллинг, 3D-наклон, тени и др.

В следующей статье мы рассмотрим темы для Elementor WordPress – дополнительные шаблоны, которые совместимы с этим плагином и позволяют сэкономить больше времени при создании сайта.

Помогла ли вам статья?

Спасибо за оценку. Рады помочь ��

Как работать с конструктором страниц Elementor в WordPress

Научитесь собирать страницы из блоков в визуальном редакторе Elementor в WordPress.Рассмотрим, что умеет этот инструмент и как им пользоваться. А также разберём отличия бесплатной и платной версий.

Что такое Elementor

WordPress — CMS, в которой есть тысячи тем и плагинов для создания страниц. В ней новичок может разработать дизайн любого сайта без знания вёрстки и программирования.

Собрать простой блог, лендинг или небольшой интернет-магазин в WordPress можно достаточно быстро. Однако если задача — сделать нечто большее, чем базовый ресурс, на разработку придётся потратить больше времени и углубиться в детали. Но есть инструмент, который позволит сэкономить ресурсы: плагин Elementor.

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

Также Elementor даёт возможность сделать сайт более стильным, чем при использовании базового редактора страниц в WordPress. Например, добавить двухколоночную вёрстку как в журналах, анимацию при прокрутке, нестандартные элементы (анимированный заголовок, кнопку FaceBook, таймер и другие).

Плагин Elementor пользуется популярностью. Сейчас он установлен на 5+ миллионах сайтов.

Возможности плагина Elementor

Визуальный редактор

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

Адаптивность

Все страницы, которые вы создаёте в Elementor, будут подстраиваться под разрешения разных устройств: компьютеров, смартфонов, планшетов, и сайт будет корректно отображаться.

Виджеты

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

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

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

• Заголовок → чтобы структурировать информацию и добавлять крупные надписи.
• Изображение → чтобы добавлять иллюстрации к услугам, фото сотрудников и т. д.
• Видео → чтобы добавлять ссылки на видео с YouTube, Vimeo и других источников.
• Кнопка → чтобы заключить ссылку в красивую кнопку, которую видно на странице.
• Отзывы → чтобы размещать отзывы клиентов (social proof).
• Иконки соцсетей → чтобы связать сайт с группами вашей компании в соцсетях.

Виджеты платной версии:

• Галерея изображений (+ карусель) → чтобы добавить несколько изображений в сетке или тех, которые будут идти одна за одной.
• Форма → чтобы настроить поля (например, заявки), которые будет заполнять пользователь.
• Цитаты → чтобы выделить текст на странице, сделать его визуальным якорем.
• Логин → чтобы у пользователей появилась возможность авторизоваться на сайте.
• Прайс-лист → готовый блок, чтобы ввести описания и стоимость тарифов ваших услуг.
• Шаблоны → чтобы использовать готовые шаблоны страниц и изменять контент.
• Каталог товаров → чтобы добавить готовую сетку товаров, которую можно заполнить своими вариантами.

Как установить Elementor на WordPress

1. Откройте админку WordPress.
2. Наведите курсор на раздел «Плагины» и выберите Добавить новый из списка:

3. Введите название Elementor в строке поиска справа и нажмите Enter.

4. Нажмите Установить → Активировать:

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

Как сделать сайт на Элементоре

Чтобы добавить новую страницу и редактировать её в Elementor:

1. Перейдите в раздел главного меню «Страницы» и нажмите Добавить новую:

2. В верхней панели кликните Редактировать в Elementor:

Чтобы изменить с помощью Elementor текущие страницы сайта, выберите в первом шаге нужную страницу, наведите на неё курсор и нажмите Редактировать в Elementor.

Вы перейдёте в редактор Elementor.

Создание сайта на WordPress Elementor

1. Перетащите нужный виджет с панели управления в пустую область справа:

2. Когда виджет будет добавлен на страницу, в левой части появится меню для настройки этого элемента:

Здесь вы сможете очень гибко настроить элемент. Все функции рассортированы по трём вкладкам:

• Содержимое. Здесь задаётся контентная часть: например, текст, который будет отображаться. Также здесь представлены основные настройки;
• Стиль. В этой вкладке собраны более гибкие инструменты для управления дизайном элемента;
• Расширенные. Здесь собраны дополнительные функции. Например, анимация объектов, загрузка пользовательских CSS-стилей и другие.

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

3. Настроим виджет «Заголовок».

Когда всё будет готово, вернитесь к другим виджетам, кликнув на иконку, отмеченную на скриншоте:

Повторите шаги 1–3 для остальных блоков вашей страницы. Добавим несколько элементов:

4. Чтобы сохранить черновик или опубликовать страницу, нажмите соответствующую кнопку в панели управления справа:

Шаблон Elementor WordPress

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

Однако здесь есть нюанс. Можно использовать Elementor в связке с Astra, в которой собраны темы для Elementor WordPress. Мы рассказывали о том, как сделать это в инструкции.

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

Найдите понравившийся бесплатный (на платных сверху размещён ярлычок Pro) и нажмите Вставить:

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

Elementor настройка для WordPress

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

Чтобы перейти настройкам в Elementor, в редакторе кликните по иконке с тремя полосами в панели управления и откройте раздел «Настройки сайта»:

В этом разделе вы сможете задать:

• цвета и шрифты. Для всех виджетов, содержащих текст;
• типографику. Чтобы везде были одинаковые отступы, теги заголовков (H1–H6);
• кнопки. Благодаря этому можно запрограммировать внешний вид кнопки один раз, а затем просто менять при желании текст и url;
• параметры изображений;
• айдентику сайта. Чтобы настроить описание сайта, его фавикон и другие дополнительные элементы;
• макет. Чтобы везде была одинаковая ширина страниц и расстояния между виджетами;
• пользовательские CSS (в платной версии). Чтобы загружать дополнительные стили;
• Расширенные настройки.

Elementor Pro

Для того чтобы облегчить работу (за счёт готовых шаблонов) или добавить гибкие инструменты (прайс-листы, таймеры и т. д.), потребуется платная версия плагина Elementor Pro. Осветим её главные отличия от базовой версии:

• В зависимости от тарифа подписка на год стоит 49–199 $.
• Будут доступны продвинутые виджеты, о которых мы рассказывали выше. Всего будет доступно более 90 элементов из категорий: Базовый, Общие, Pro и Woocommerce.
• Есть конструктор поп-апов (всплывающих форм) на сайте. С помощью них можно привлекать аудиторию к покупкам, сообщать о новинках и т. п.
• В сравнении с обычной версией, в которой есть несколько бесплатных шаблонов, вам откроется галерея из 300+ готовых тем, которые можно использовать.
• Вы сможете настраивать шапку (хэдэр) и подвал (футер) вашего сайта.
• Создавать интернет-магазин на Elementor WordPress с помощью 15 шаблонов WooCommerce.
• Добавлять дополнительные динамические эффекты.

Популярные статьи

• Как указать (изменить) DNS-серверы для домена
• Я зарегистрировал домен, что дальше
• Как добавить запись типа A, AAAA, CNAME, MX, TXT, SRV для своего домена
• Что такое редирект: виды и возможности настройки
• Как создать почту со своим доменом

Создаем 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, правка шаблона, страницы сайта.

Похожие статьи:

1. Создание разных шаблонов для страниц и WordPress записей
2. Создание разных шаблонов для постов блога (в файле single.php)
3. Закрываем комментарии в wordpress для постов и страниц
4. Записи и посты wordpress, оформление записи
5. Добавление нового блока виджетов в шаблоны wordpress