WordPress Elementor — 15 шаблонов и плагинов для быстрого создания рабочего сайта

28/08/2019  wordpress, веб-разработка

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

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

Шаблоны, меню и плагины для конструктора Elementor

24.Storycle - Многоцелевой Elementor WordPress шаблон новостного сайта

24.Storycle - Многоцелевой Elementor WordPress шаблон новостного сайта

Детали |  Демо

Хочется в сайте сделать акцент на блоге или вовсе сделать своё независимое СМИ с новостной лентой? Этот шаблон лучше всего подойдёт для таких целей. Важный момент — при разработке дизайна задействован маркетинговый аспект. Благодаря этому шаблоны удалось разделить не просто на отдельные варианты оформления блога, а по категориям в соответствии с потенциальной темой сайта, её ЦА.

WordPress шаблон Journeo - Travel Agency Elementor

WordPress шаблон Journeo - Travel Agency Elementor

Детали |  Демо

В туристическом бизнесе важны все визуальные инструменты: видео, тексты, аудио, картинки. И если их правильно комбинировать и создавать из них композиции, можно очень сильно выиграть на фоне конкурентов и просто за счёт визуала и копирайтинга привлекать десятки, сотни, тысячи клиентов через 1 канал трафика. Тем более в шаблоне уже полностью продуман путь клиента, и нужно лишь «подставить» свой контент, что займёт максимум неделю (а если проект только-только развивается, то, возможно, хватит и 1 дня).

WordPress шаблон Innomerce - Business Multipurpose Minimal Elementor

WordPress шаблон Innomerce - Business Multipurpose Minimal Elementor

Детали |  Демо

Идеальный отзывчивый шаблон для студии консалтинга, маркетингового либо рекламного агентства, бизнес-консультанта или HR-компании. Благодаря лаконичному дизайну легко сосредоточиться на сути коммерческого предложения (главное — тщательно его продумать), а лёгкая анимация не отвлекает посетителя. Нельзя не отметить интересный шрифт, который используется в разработке сайтов очень редко, из-за чего выглядит необычно, ярко и вполне читабельно.

WordPress шаблон Coverur - Flooring Company Multipurpose Minimal Elementor

WordPress шаблон Coverur - Flooring Company Multipurpose Minimal Elementor

Детали |  Демо

Когда работаешь в творческой среде или строишь бизнес в необычной нише, важно, чтобы на сайте много внимания уделялось картинкам (чтобы клиент увидел реальные кейсы и быстрее принял решение), как в этом шаблоне. Другой необходимый элемент — кнопка с СТА в видном месте, что также реализовано в макете. Третий — простая панель управления, работу в которой можно легко делегировать контент-менеджеру. Остаётся только заполнить все данные и заняться продвижением.

WordPress шаблон Meltony - Minimal Multipurpose Elementor

WordPress шаблон Meltony - Minimal Multipurpose Elementor

Детали |  Демо

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

Studiex - Pro Elementor шаблон сайта IT-конференции

Studiex - Pro Elementor шаблон сайта IT-конференции

Детали |  Демо

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

Novelistic - Портфолио писателя

Novelistic - Портфолио писателя

Детали |  Демо

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

Justicon - Jet Elementor шаблон сайта нотариуса

Justicon - Jet Elementor шаблон сайта нотариуса

Детали |  Демо

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

Hottrip - Jet Elementor шаблон сайта турагентства

Hottrip - Jet Elementor шаблон сайта турагентства

Детали |  Демо

Очень выгодное предложение, ведь по цене лендинга (одностраничника) клиент по факту получает полноценный 6-страничный сайт, который можно расширить ещё больше. В нём чётко расставлены акценты: на фоне картинки с путешествий, которые предлагает бренд, и немного текста в каждом блоке. Хочется нести в массы впечатления от поездок или полезный контент от тур-лидеров, других сотрудников? Достаточно просто создать страницу с блогом (по одному из подшаблонов) и делиться информацией. Тоже самое вполне реально проделать с другими частями сайта, которых по вашему мнению не хватает. Главное — есть основа, уже готовых 6 страниц и даже форма для сбора заявок.

Masterity - Jet Elementor шаблон минималистичного сайта

Masterity - Jet Elementor шаблон минималистичного сайта

Детали |  Демо

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

Плагин WordPress JetBlog - Модули блогов для Elementor

Плагин WordPress JetBlog - Модули блогов для Elementor

Детали |  Демо

Плагин, который здорово поможет в превращении контента в нечто красивое. Понадобится, если шаблон без встроенного раздела с блогом. Работать с ним просто — скачиваешь, устанавливаешь, пользуешься. С его помощью можно:

  • выбрать, каким образом будет располагаться контент на экране (в 3 колонки или 1, в 10 рядов или в 3);
  • адаптировать размер шрифта или заглавных иконок, тем самым меняя их размещение и общий вид;
  • курировать распределение видео на странице — в виде горизонтальной или вертикальной ленты;
  • менять всё, что связано с текстовой частью блога (размер заголовков в ленте, анимацию, цвет).

Плагин WordPress JetSearch - An ultra-fast AJAX Search widget for Elementor

Плагин WordPress JetSearch - An ultra-fast AJAX Search widget for Elementor

Детали |  Демо

Хотите повысить юзабилити сайта, блога, лендинга с полезным контентом? Тогда точно нужно установить плагин с поисковой строкой, чтобы поиск нужной информации был приятным занятием для клиента, а не сплошным мучением. Можно настроить несколько категорий для поиска (например, разделы сайта или тематики блога), менять цвет текста или фона.

Плагин WordPress JetMenu - Мега-меню для конструктора Elementor

Плагин WordPress JetMenu - Мега-меню для конструктора Elementor

Детали |  Демо

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

Плагин WordPress JetElements - Addon for Elementor Page Builder

Плагин WordPress JetElements - Addon for Elementor Page Builder

Детали |  Демо

Хотели бы, чтобы с помощью лишь одного файла можно было менять практически любой элемент сайта без особых усилий? Такая функция доступна с этим плагином. После его скачивания можно в считанные секунды оформить внешний вид постов, круговую или простую галерею, информацию в любом разделе сайта («о нас в цифрах», «команда», «отзывы», «портфолио»), видео, поп-апы, и это будет выглядеть отлично. Кстати, всего плагин включает в себя 50 виджетов.

Плагин WordPress JetParallax - Плагин для конструктора Elementor

Плагин WordPress JetParallax - Плагин для конструктора Elementor

Детали |  Демо

Иногда фон блока кажется слишком простым и местами даже скучным. Тогда можно воспользоваться эффектом Параллакс — это когда есть явное смещение некоторых элементов. Прыгающие по экрану буквы, летающие иконки, двигающийся за курсором части рисунка — и это лишь 10% возможностей инструмента. В общем, с таким плагином есть где поэкспериментировать.

Выводы

Прежде чем начинать работу над страницей, тем более, если подобных навыков или денег на специалиста нет, лучше изучить все возможные шаблоны сайтов. Это более экономически выгодно, да и запустить проект позволяет в течение 1–3 дней. А если не хватает динамики или каких-то оригинальных, функциональных элементов, можно загрузить плагины (например, для создания меню, динамических фонов, поисковой строки). Самое главное — сильно не увлекаться столь огромным функционалом, дабы не превратить свой сайт в «красивое» нечто, что абсолютно не работает с точки зрения бизнеса.

 

наверх