«
»
GutenbergWordPressWordPress темыПлагины

10 потрясающих Gutenberg-совместимых тем WordPress

Если вы хотите получить максимальную отдачу от нового редактора гутенберг, вам нужно использовать совместимую с Гутенбергом тему WordPress… которая не будет каждой темой.

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

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

Что уникального в темах WordPress, совместимых с Гутенбергом?

Поскольку весь этот редактор Гутенберга все еще является новым для многих людей, вам может быть интересно, чем отличаются старые темы WordPress от тем WordPress, совместимых с Гутенбергом?

Я имею в виду – Гутенберг – главный редактор, поэтому он будет работать с любой темой по умолчанию, даже со старыми. Так что же уникального в темах этого списка?

Есть несколько вещей, которые делают тему совместимой с Гутенбергом. Давайте пробежимся по ним …

Поддержка специального стиля для блоков Гутенберга (и, возможно, для определенных пользовательских блоков)

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

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

Поддержка опций выравнивания по всей ширине

Редактор Гутенберга предлагает аккуратную опцию полной ширины для изображений, которая позволяет вставлять изображения, растягивающиеся по всему экрану. В настоящее время это невозможно с редактором TinyMCE.

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

Пользовательские стили в редакторе Гутенберга

Совместимые с Gutenberg темы WordPress имеют возможность применять свои собственные стили к редактору Gutenberg, даже когда вы работаете в бэк-энде . Делая это, темы могут дать вам больше визуального подхода к созданию вашего контента .

Вот пример из темы CoBlocks, который вы увидите позже:

пример того, что делает Gutenberg-совместимые темы WordPress уникальными

Но это крутая особенность, которую включают в себя некоторые темы Гутенберга .

Десять потрясающих тем, которые уже совместимы с Гутенбергом

Теперь, когда вы знаете, что делает тему совместимой с Gutenberg, давайте углубимся в некоторые из наших любимых бесплатных и премиальных тем Gutenberg!

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

1. Атомные блоки

Тема атомных блоков

Атомные блоки – это готовая к Гутенбергу тема из Array, одного из моих любимых тематических магазинов. У Array не только отличная минималистская эстетика, но и супер чистый код.

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

Помимо базового дизайна, готового к Гутенбергу, Atomic Blocks также построен для интеграции со своим дополнительным плагином Atomic Blocks, который добавляет в редактор Gutenberg кучу новых блоков, включая такие, как:

Атомные блоки также имеют собственные стили для всех стандартных блоков Гутенберга, а также полную поддержку параметров выравнивания по всей ширине.

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

Цена: бесплатно

Получить атомные блоки

2.

Rosa 2

Роза 2 Гутенберг тема

Rosa 2 – первая ресторанная тема WordPress, созданная на основе Gutenberg, последнего редактора WordPress. Благодаря последним разработкам в Гутенберге Pixelgrade может расширить границы и создать нечто действительно уникальное: возможность полностью создать верхний и нижний колонтитулы сайта с блоками, такими как блок меню или логотип.

Это чувство создания головоломки путем смешивания и сопоставления правильных блоков в правильных местах улучшает общее восприятие Rosa 2 и дает людям много творческой свободы для исследования.

Вы даже можете сделать все возможное и создать интернет-магазин, чтобы поддерживать свой бизнес в долгосрочной перспективе. Rosa 2 идеально сочетает его с вашим стилем бренда, чтобы результаты выглядели безупречно.

Кроме того, вы экономите много времени, энергии и денег, создавая веб-сайт с этой премиальной темой WordPress, поскольку всем стало легче управлять, и вам не нужно нанимать кого-либо (разработчика или агентство).

Получи Розу 2

3.

Gutentype

Гутентип Гутенберг тема

Gutentype – это премиальная Gutenberg-совместимая тема, которая продается на ThemeForest.

Мне нравится стиль темы – он имеет очень современный вид. И кроме того, он также имеет все интеграции Гутенберга, которые вы ожидаете, в том числе:

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

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

Цена: $ 39

Получить Гутентип

4.

Editor Blocks

Редактор блокирует тему

Как и атомные блоки, блоки редактора – это еще одна комбинация:

Плагин Editor Blocks предоставляет больше блоков, ориентированных на макет, включая блоки для:

Тема «

Editor Blocks» прекрасно отображает все эти пользовательские блоки, что означает, что вы можете использовать их для создания собственного пользовательского дизайна с использованием основы «Редакторские блоки».

Если вам нужна гибкая базовая тема, которую вы можете настроить с помощью Гутенберга, этот вариант – отличный вариант.

Цена: бесплатно

Получить блоки редактора

5.

Block Theme

Блокировать тему

Block Theme поставляется как в премиум-версии, так и в более урезанной версии Lite, которая доступна на WordPress.org.

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

Цена: бесплатно или $ 69 для профессионалов

Получить блочную тему

6.

Novum

Новум тема

Novum – первая тема, совместимая с WooCommerce и совместимая с Гутенбергом, в этом списке.

Помимо поддержки основных блоков Gutenberg и опций выравнивания, Novum также поставляется с собственным набором блоков LoveThemes, которые вы можете использовать в своих проектах Gutenberg, включая новые блоки для:

  • Призыва к действию
  • Аккордеона
  • Ползунока
  • И многое другое

Цена: $ 69

7.

Florian

Флорианская тема

Florian – еще одна премиальная совместимая с Гутенбергом тема для продажи на ThemeForest. Шаблон создан для блоггеров тематика деятельности кторых стиль жизни. Тема предлагает полную поддержку стилей для всех нативных блоков Гутенберга, а также варианты выравнивания Гутенберга.

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

Цена: $ 39

Получить Флориан

8.

CoBlocks

Тема Коблоков

Давайте вернемся к некоторым свободным темам Гутенберга!

Как Atomic Blocks и Editor Blocks, CoBlocks – это дуэт тем и блочных плагинов, хотя вам не нужен плагин, чтобы наслаждаться темой.

Тема CoBlocks – это «урезанная» версия Tabor, еще одна тема, которую вы увидите далее в этом посте.

Помимо полной поддержки блоков Gutenberg и опций выравнивания, CoBlocks также стилизует внутренний редактор Gutenberg, чтобы он выглядел как внешний интерфейс, который предлагает легкий визуальный опыт редактирования ( вы видели это в начале поста ).

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

Цена: бесплатно

Получить

CoBlocks

9.

Ebigale 

Эбигальская тема

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

  • Стиль жизни
  • Мода
  • Питание
  • Путешествия

Цена: 24 $

Получить Ebigale

10.

Mae – A Gutenberg & WordPress Theme for Events, Conferences and Seminars

Мэй тема

Mae – A Gutenberg & WordPress Theme for Events, Conferences and Seminars

– это премиальная совместимая с Гутенбергом тема, которая поставляется с собственным набором из 20+ премиальных блоков Гутенберга в дополнение к поддержке всех основных вариантов блоков / выравнивания Гутенберга.

У темы есть действительно аккуратный дизайн, который идеально подходит для «мероприятий, встреч и конференций». Вам определенно нужно посмотреть живые демоверсии, потому что там есть действительно аккуратные эффекты при наведении.

Цена: $ 59

Получить Мэй

11.

Tabor 

Табор Гутенберг-готовая тема

Наконец, Tabor – это премиум-тема от того же разработчика (Rich Tabor) из темы / плагина CoBlocks. У него похожий дизайн, только в более отшлифованной упаковке.

Таким образом, тема имеет полную поддержку всего в Gutenberg, а также встроенный стиль для OptinMonster, что является отличным бонусом. Тема также поставляется с пользовательским блоком, который поможет вам редактировать раздел домашней страницы ( см. Подробности здесь ), а также с опцией цвета Gutenberg Accent в WordPress Customizer .

Цена: 79 $

Дальше будет больше готовых Гутенберг тем!

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

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

Источник записи: https://wplift.com

Связанные записи
Contact Form 7WEBWEB - PHPWordPressВсе для functions.phpПлагины

Как заставить Wordpress отправлять почту из Amazon EC2 с помощью SES

WordPressWP-RECALLВсе для functions.phpВсе для разработки плагиновВсе для разработки шаблоновПлагины

Как добавить в пункт (любого) меню ссылку для входа и выхода в Wordpress

Chrome AppsGoogleGoogle ChromeWEBWordPressПолезные сайты

Как улучшить английский язык при написании в WordPress или автоматическая проверка грамматики в браузере.

LinuxWEBWEB - PHPWordPressВсе для разработки плагиновВсе для разработки шаблонов

Определите минимальную версию PHP для вашего кода?