Разработка собственных макетов страниц в WordPress может быть сложной задачей для большинства. большинство тем дают вам несколько вариантов макета. Но что, если ни один из них по-настоящему не соответствует вашим потребностям?
Многие люди предполагают, что единственный путь вперед - это изучение PHP, HTML и CSS. Это не очень эффективно, если вы просто хотите, чтобы ваш сайт выглядел уникальным, не зная никакого кода.
Вот и хорошие новости! с Элементорвы можете создавать собственные макеты WordPress, используя a редактор перетаскивания. Никакого кодирования или изменения темы не требуется. Если кто-то вам так сказал, он просто лжет.
В этом путеводителе мы вам покажем как создать собственные макеты WordPress с помощью Elementor, объясните, как макеты работают под капотом, и поделитесь советами профессионалов, чтобы ваш сайт выглядел великолепно, продолжая работать быстро. Вдоль пути вы увидите, как Мастер Аддоны может дополнить Elementor дополнительными виджетами, шаблонами и вариантами дизайна.
Зачем создавать пользовательские макеты WordPress с помощью Elementor?
Большинство бесплатных и премиальных тем WordPress поставляются с несколькими макетами, Этого может быть достаточно, если вы счастливы придерживаться одного шаблона.
Но что, если хочешь:
- Домашняя страница, которая совсем не похожа на дефолт вашей темы?
- Пользовательская целевая страница для запуска продукта?
- Дизайн сообщений в блоге с липкими боковыми панелями, индикаторами выполнения чтения или модной коробкой для авторов? Длинные сообщения также лучше читаются с помощью липкой пленки оглавление Плагин WordPress таким образом, читатели могут прыгать между разделами без бесконечной прокрутки.
- Сетка продуктов WooCommerce, которая действительно соответствует вашему бренду?
С кодами хорошо? то легко Но, как и большинство пользователей, вы не знаете кодирования? тогда это серьезная неудача.
Но больше нет. Elementor позволяет проектировать именно то, что вы хотите. И в сочетании с Элементы Мастер Аддоны, вы получаете дополнительные креативные виджеты, такие как расширенные вкладки, динамические галереи или анимированные заголовки. И что мой друг выходит далеко за рамки того, что может предоставить большинство тем или даже один только Элементор.
Начало работы с Elementor
Во-первых, установите и активируйте бесплатный плагин Elementor из репозитория WordPress.
После активации вы найдете новую опцию под названием “Править с Elementor” на ваших страницах и постах. щёлкнув по нему запускается редактор Elementor.
После открытия редактора вот что увидите:
- Слева увидите панель виджетов (заголовки, изображения, кнопки и т. д.).
- Справа увидите а живой превью вашей страницы.
Отсюда можно перетащить любой виджет и начать строить.
Совет профессионала: Elementor Pro разблокирует расширенные функции, такие как Theme Builder, динамический контент и шаблоны WooCommerce. Если вы серьезно относитесь к созданию полных пользовательских макетов WordPress, Pro стоит обновления.
Стоит ли вам получить Elementor Pro?
В то время как бесплатная версия достаточно мощная, чтобы провести вас через простой веб-сайт Но чтобы создать ваши мечты пользовательские макеты WordPress, вот что Элементор Про разблокирует:
- Theme Builder (заказные заголовки, нижние колонтитулы и страницы архива)
- Шаблоны WooCommerce
- Расширенные виджеты, такие как формы и сообщения
- Условия отображения (контроль появления шаблонов)
Если вы серьезно относитесь к проектированию макетов в масштабе всего сайта, Elementor Pro того стоит. и с Мастер Аддоны, вы можете продвигать эти макеты дальше, не покупая несколько отдельных плагинов. на самом деле, части сайта люди предполагают, что нужен Pro (как нижний колонтитул い бесплатно с Master Addons; вот как отредактируйте нижний колонтитул в WordPress с помощью Elementor без апгрейда.
Как создать пользовательские макеты WordPress с помощью Elementor
Первый шаг в создании пользовательских макетов WordPress - открыть свежую страницу или опубликовать на вашем сайте WordPress.Большинство новичков упускают это из виду и пытаются редактировать существующий контент. и что они получают, так это ограничения дизайна их темы по умолчанию.
Начиная с новой страницы дает вам чистый лист, где вы свободны от старого форматирования и макета. на экране редактирования вы заметите кнопку, которая говорит “Редактировать с Elementor.” Вот где начинается волшебство.
Нажатие этой кнопки запускает интерфейс Elementor с конструктором перетаскивания, предназначенным для людей, которые не хотят программировать, но все же хотят полного творческого контроля. здесь вы можете построить макет полностью с нуля, начиная с пустых разделов, или вы можете дать себе фору, используя один из заранее созданных шаблонов Elementor.
Для многих пользователей самое сложное - это не настраивать, это знать, с чего начать. шаблоны устраняют этот блокпост, давая вам фундамент, который уже структурирован, стилизован и прост в использовании.
Если вы новичок в проектировании, библиотека шаблонов - это палочка-выручалочка, Нажав на кнопку “Добавить шаблон”, вы открываете галерею профессионально разработанных опций, готовых к падению на вашу страницу.Не нужно задаваться вопросом, насколько широким должен быть образ героя и как выровнять ваши заголовки. можно просто просмотреть макет, близкий к тому, что вы хотите.
Например, если вы работаете над страницей “Landing”, Elementor имеет несколько шаблонов целевых страниц, которые выглядят гораздо более отточенными, чем сообщение по умолчанию, которое отображает ваша тема.
Как только вы нашли дизайн, который кажется правильным, один клик на кнопку “Insert” приносит его на вашу страницу. Вы думали, что это статический дизайн? нет, вы получаете полностью редактируемую структуру, которую вы можете настроить под свои нужды.Каждое изображение, заголовок и кнопка настраиваются. именно эта гибкость является причиной того, что так много людей выбирают Elementor.
Редактировать шаблон легко Вы наводите курсор на элемент, щелкаете его, и его настройки появляются на левой панели. такой подход к дизайну решает общее разочарование с традиционным редактированием WordPress.
С Elementor то, что вы видите на экране, - это именно то, что увидят ваши посетители. эта мгновенная обратная связь делает дизайн быстрее, менее напряженным и гораздо более доступным.
Что делает Elementor таким мощным, так это разнообразие виджетов, которые он предлагает. Вместо того, чтобы ограничиваться заголовками и текстом, вы можете вставлять галереи изображений, ползунки отзывов, карты, кнопки, карусели или даже формы из других плагинов, которые вы уже используете.
Как только вы закончите с макетом, последний шаг - это его сохранение. на нижней панели, рядом с кнопкой “Publish”, вы заметите небольшую стрелку. щелчок по ней открывает различные параметры сохранения. это важно, потому что многие пользователи беспокоятся о случайной публикации незаконченной работы, чтобы мир увидел.
Элементор избегает этой головной боли, позволяя вам сохранить ваш макет как черновик или шаблон, не заставляя его жить на вашем сайте. вы можете просмотреть, как он выглядит, вернуться к вашей панели WordPress или безопасно хранить его на потом. Таким образом, вы остаетесь контролировать, когда ваш дизайн становится публичным.
Вы разрабатываете макеты, которые отражают ваш бренд и обращаются непосредственно к вашим посетителям. и если вы обнаружите, что хотите больше виджетов, эффектов или готовых шаблонов, чем предоставляет один только Elementor, таких инструментов, как Мастер Аддоны может расширить ваши возможности дизайна еще дальше. это поможет вам создать макеты, которые не только выглядят профессионально, но и кажутся уникальными для вашего сайта.
На данный момент у вас есть первый собственный макет в прямом эфире. Но истинная сила Элементора проявляется, когда вы выходите за рамки отдельных страниц.
Как сохранить и повторно использовать пользовательские макеты элементов
Вместо того, чтобы каждый раз воссоздавать дизайны, вы можете сохранять свои собственные макеты WordPress в виде шаблонов и повторно использовать их, когда вам нужно. вот где функция Elementor по сохранению шаблонов становится настоящим изменением игры. дело не только в удобстве, это в том, чтобы работать умнее и высвобождать время, чтобы сосредоточиться на контенте, а не на структуре.
Чтобы сохранить макет, откройте страницу, над которой вы работали внутри редактора Elementor.Внизу, рядом с кнопкой “Publish”, вы заметите небольшую стрелку. щелчок по ней открывает больше возможностей, включая возможность сохранить свой дизайн в качестве шаблона. Выбор “Save as Template” гарантирует, что ваша тяжелая работа не будет жить только на одной странице; он становится многоразовым активом в вашей библиотеке.
В следующий раз, когда вы создадите новую страницу, вам не придется начинать с пустого холста. Вместо этого откройте библиотеку шаблонов, переключитесь на "Мои шаблоны" и вставьте сохраненный макет одним щелчком мыши. Вместо того, чтобы пытаться вручную воспроизвести интервал, цвета или типографику, Elementor позволяет вам дублировать точную структуру, которую вы уже усовершенствовали.
Для многих пользователей реальная ценность шаблонов не останавливается на одном веб-сайте. если вы управляете несколькими сайтами, например, портфолио, клиентским проектом или даже магазином электронной коммерции, вы также можете экспортировать сохраненные шаблоны и импортировать их в другое место. Нажав значок из трех точек рядом с вашим шаблоном и выбрав “Export,” Elementor создает файл, который вы можете загрузить на свой компьютер. Позже вы можете загрузить тот же файл на другую установку WordPress и мгновенно принести свой дизайн с собой.
Этот рабочий процесс решает вполне реальную болевую точку для пользователей WordPress: потраченное время и непоследовательный дизайн. шаблоны гарантируют, что ваш сайт будет выглядеть сплоченным и профессиональным, не замыкая вас в ограничениях одной темы.
Хотите пойти дальше в своих проектах? Master Addons предлагает собственную библиотеку шаблонов, позволяющую сохранить ваши пользовательские макеты WordPress и подключиться к растущей коллекции профессиональных шаблонов. Легко импортируйте и настраивайте эти дизайны за считанные секунды для плавного и творческого повышения.
Заключение
Построение потрясающих макетов WordPress с помощью Elementor легко. И это дает вам свободу проектировать со стилем. Начните с простых страниц и повысьте уровень до Theme Builder, условий отображения и динамического контента для большего контроля. Итак, сегодня вы научились создавать собственные макеты WordPress с помощью элементара.
Хотите сделать ваши проекты выделяются еще больше? мастер-аддоны привносят дополнительный талант с продвинутыми виджетами, привлекательными эффектами и готовыми к использованию шаблонами, которые превращают функциональные макеты в незабываемые. Независимо от того, создаете ли вы блог, портфолио или магазин WooCommerce, Elementor в паре с Master Addons - это все, что вам когда-либо нужно.
