Трендово и удобно: 10 Вордпресс шаблонов, оптимизированных под редактор Гутенберг

25 ноября 2019

Страсти вокруг Гутенберга поутихли. Количество активных установок классического редактора пока большое, но стабильно падает, освобождая место новому. TemplateMonster собрали десять своих тем, заточенных на работу с Гутенбергом. Посмотрим?

Новые лендинги

Редакторов сайтов в мире есть много, но хороших всего несколько. Один из них — Гутенберг, который регулярно обновляется (например, последний раз был 13 ноября 2019 года), совместим с WordPress шаблонами и позволяет в пару кликов изменить отдельные элементы будущего или уже работающего сайта. И сегодня рассмотрим 10 макетов, которые оптимизированы под этот редактор и соответствуют трендам 2020 года.

WordPress шаблон Gutenberry — Gutenberg-based Clean Blog

WordPress шаблон Gutenberry — Gutenberg-based Clean Blog

Главное назначение этого шаблона - разработка блога, но немного усидчивости, фантазии и времени, и его можно превратить в полноценный сайт и с домашней страницей, и с блогом, и с контактными данными в одном месте. В макете есть 5 заготовок, которые отличаются не только размещением основных элементов вроде изображений и заголовков, но и расположением, размером сетки. Шаблон идеально подойдет для разработчики милого сайта, нацеленного на девушек 20-30 лет, которые обожают пастельные оттенки, минималистичный дизайн и любят легкое чтиво. А еще здесь есть возможность поработать с виджетами, что позволяет добавить на страницу и простенькую анимацию, и баннер, и колесо прогресса (что-то вроде прогресс-бара), и карты. Шаблон полностью построен на редакторе Gutenberg, благодаря чему он быстро загружается, легко устанавливается и просто редактируется.

Скачать Демо

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

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

Свой блог или новостной сайт за 1-2 дня? С этим шаблоном всё можно сделать даже быстрее! И скорость запуска вашего ресурса будет зависеть не от времени, потраченного на разработку страницы, а на создание контента (текстового, фото, видео, возможно, аудио).

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

Скачать Демо

WordPress шаблон Nektop — Design Studio Multipurpose Creative Elementor

WordPress шаблон Nektop — Design Studio Multipurpose Creative Elementor

Ценность этого макета не только в том, что он оптимизирован под редактор Gutenberg, но и в том, что он соответствует трендам 2020 года, среди которых:

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

Также в шаблоне внедрено одно из любимых правил дизайнеров «90/10», когда 90% — это один, доминирующий цвет (обычно, белый, черный или серый), а 10% — акцентный, который используется для кнопок, иконок и других мелких элементов.

Скачать Демо

Tourizto — Elementor WordPress шаблон сайта турагентства

Tourizto — Elementor WordPress шаблон сайта турагентства

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

Скачать Демо

WordPress шаблон Meltony — Minimalist for Any Businesses

WordPress шаблон Meltony — Minimalist for Any Businesses

Ищите макет под интернет-магазин с целевой аудиторией 20-30 лет? Рассмотрите этот макет, в котором:

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

Скачать Демо

WordPress шаблон Soothery — SPA & Massage Salon Responsive

WordPress шаблон Soothery — SPA & Massage Salon Responsive

Отличный макет для презентации офлайн бизнеса, где сразу же над меню есть строка с адресом, контактным телефоном и поисковой строкой (на случай, если клиент уже на 100% знает, что ищет). Также нельзя не заметить большое количество кнопок с СТА. В данном случае они уместны и не сбивают посетителя с толку, а помогает получше ознакомиться с разной информацией, что поможет принять решение (если с текстами все будет хорошо, то и решение будет в вашу пользу). И нельзя не сказать о тренде, который уже активно развивается и останется актуальным в 2020 году — использование 3Д фигур. Здесь это ветка орхидеи перед подвалом, которая отлично смотрится с черным фоном.

Скачать Демо

WordPress шаблон Careex — Family Doctor Elementor

WordPress шаблон Careex — Family Doctor Elementor

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

Основные преимущества заготовки:

  • контактная форма с 3 полями (это оптимальный размер);
  • блог, где видна дата публикации материалов (это позволяет оценить актуальность информации);
  • в блоке с перечислением членов команды внедрена крутая идея - предоставить номера телефонов, адреса электронных почт и ссылок на рабочие соцсети;
  • выделение контактного номера горячей линии акцентным цветом и бОльшим шрифтом, благодаря чему его невозможно упустить из виду.

Скачать Демо

Многофункциональный Elementor WordPress шаблон бизнес-сайта

Многофункциональный Elementor WordPress шаблон бизнес-сайта

Фишка этого шаблона в том, что он вмещает в себе еще 14 макетов, которые разработаны под разные типы продукции - приложения для Айфона, интернет-магазины со 100 товарами, мини-лендинги для 1-2 продуктов, личный или корпоративный блог. Все заготовки SEO-friendly, кроссбраузерные и адаптированы под ноутбуки, смартфоны, планшеты. И бонус от разработчика - все изображения в подарок. Кроме этого макет поддерживает редактор Gutenberg, плагин для электронной коммерции WooCommerce, все шрифты из коллекции Google Fonts.

Скачать Демо

Elementor WordPress шаблон свадебного лендинга

Elementor WordPress шаблон свадебного лендинга

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

Скачать Демо

WordPress шаблон WorldMap — Travel Photo Blog Elementor

WordPress шаблон WorldMap — Travel Photo Blog Elementor

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

Скачать Демо

В заключение

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

Подпишитесь на мой телеграм и первыми получайте новые материалы, в том числе которых нет на сайте.

INNERSTAT
Лучшее за неделю
TemplateMonster
Партнерский материал TemplateMonster
Добавить комментарий