Как добавить блоки Elementor в редактор Gutenberg: руководство

Nkenganyi Clovis Учебные пособия по WordPress Jul 10, 2023

Возможно, вы заметили, что в WordPress 5.0 или более поздних версиях появился новый редактор сообщений по умолчанию. It’s называется Gutenberg и работает с блоками, которые вы можете упорядочивать и настраивать для создания своего контента. Блоки похожи на строительные блоки, которые позволяют вам делать все, что вы хотите.

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

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

Что такое блоки Elementor для Gutenberg?

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

Создавайте потрясающие сайты

С лучшим бесплатным конструктором страниц Elementor

Начать сейчас

Например, вы можете сделать поле призыва к действию с помощью Elementor , а затем поместить его в свой пост с помощью Gutenberg. Или вы можете создать собственный верхний или нижний колонтитул с помощью Elementor , а затем применить его к своему сайту с помощью Gutenberg.

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

Как использовать блоки Elementor для Гутенберга

Следуйте инструкциям, чтобы использовать блоки Elementor для Гутенберга:

Шаг 1. Установите и активируйте блоки Elementor для Gutenberg из репозитория WordPress или с панели инструментов.

Для этого перейдите в Плагин > Добавить новый . В левом верхнем углу вы увидите окно поиска. Нажмите на нее и введите название этого плагина.

Нажмите «Установить», и как только это будет сделано, активируйте плагин Elementor Blocks for Gutenberg.

Шаг 2: Найдите ‘Elementor Library’ в блоках Гутенберга

Когда вы находитесь в редакторе Gutenberg и хотите добавить блоки, найдите блок ‘Element или Library’.

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

Шаг3. Выберите существующий шаблон или создайте новый.

После добавления библиотеки Elementor создайте новый шаблон или выберите из библиотеки уже существующих шаблонов.

Шаг 5: Предварительный просмотр вашего шаблона

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

Шаг 6: отредактируйте шаблон с помощью Elementor

Чтобы изменить свой шаблон с помощью Elementor , нажмите кнопку “Edit Template with Elementor” над блоком.

Шаг 7: Запустите новый блок

Опубликуйте или обновите свой пост и наслаждайтесь своим блоком Elementor.

Преимущества использования блоков Elementor для Гутенберга

Использование Elementor Blocks для Gutenberg имеет много преимуществ, таких как:

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

Часто задаваемые вопросы об элементе Гутенберга

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

Можно ли использовать блок Elementor внутри Gutenberg?

Да, вы можете добавлять блоки и шаблоны Elementor в Gutenberg с помощью плагина.

Заменит ли Гутенберг Elementor Plugin?

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

Нужно ли выбирать один над другим: Gutenberg или Elementor?

Нет, вы можете использовать оба для разных целей. Elementor — очень мощное и полное решение для дизайна и редактирования, но Gutenberg быстрее и проще для редактирования и публикации сообщений.

Какова цель блоков Elementor для Gutenberg plugin?

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

Заключение

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

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

Мы надеемся, что это руководство было для вас полезным и информативным.

Divi WordPress Theme