Как экспортировать и импортировать блоки Гутенберга на движке WordPress? Узнай сейчас!
Здравствуйте, уважаемые друзья и гости блога! С появлением Gutenberg в WordPress 5 создание красивых сайтов – это все, что нужно для размещения различных блоков в нужном месте. Поскольку блоки Гутенберга являются надежными и могут быть разработаны для создания веб-страниц по вашему выбору, они также могут использоваться на других веб-сайтах. Да, редактор Gutenberg имеет систему по умолчанию для экспорта и импорта блоков.
Таким образом, использование стилизованного блока для другого сайта возможно. Вам просто нужно экспортировать блоки и импортировать их на сайт, который Вы хотите. Это довольно легко и всего пара шагов. Сегодня в этой статье постараюсь показать Вам, как экспортировать и импортировать блоки Гутенберга на другой сайт.
Примечание: Если блоки создаются с помощью плагина, то на целевом сайте должен быть установлен этот плагин, чтобы эти блоки работали. При использовании блоков на разные темы дизайн блоков может отличаться в зависимости от того, откуда применяется CSS.
Как экспортировать и импортировать блоки Гутенберга
Независимо от того, являетесь ли Вы разработчиком или нет, Вы можете экспортировать блоки Гутенберга и использовать их на других темах / сайтах. В редакторе Гутенберга есть много интересных функций, таких как Word to WordPress, навигация по блокам, перетаскивание, структура содержимого, буквица, многократно используемые блоки и многое другое. Система экспорта и импорта блоков – это всего лишь один из механизмов, который может забрать блоки из того места, где они были созданы, и использоваться на других сайтах.
Вы можете экспортировать блоки Гутенберга только тогда, когда Вы использовали блок и сохранили его в многоразовых. Без этого нечего экспортировать.
Шаг 1. Добавьте блоки в многоразовые
Прежде чем Вы начнете думать об экспорте блоков, возьмите блок, настройте его и сохраните в «Многоразовые» . После того, как Вы закончите со стилем вашего блока, просто нажмите на три точки на панели инструментов, а затем нажмите на кнопку «Добавить в блоки многократного использования» в раскрывающемся списке.
Система требует, чтобы Вы сохранили название блока в верхней части блока. Введите имя и нажмите «Сохранить» справа от Вас.
Шаг 2. Перейти к многоразовому менеджеру блоков
После того, как Вы разработали стиль и сохранили блок, нажмите на три точки в правой верхней панели инструментов, чтобы получить доступ ко всем сохраненным блокам в Многоразовых инструментах и управляйте ими.
Шаг 3. Экспорт блоков Гутенберга в формате JSON
Опция экспорта блоков не отображается, пока Вы не наведете курсор на имя блока. При наведении курсора на имя блока в нижней части каждого сохраненного блока отображаются такие параметры, как «Редактировать», «Корзина» и «Экспорт в формате JSON».
Шаг 4. Импортируйте файл JSON на целевой сайт
Вы работали на сайте, где Вы создали блоки до сих пор. Теперь Вам нужно перейти на целевой сайт и получить доступ к области «Управление всеми повторно используемыми блоками».
Нажмите « Импорт из JSON» вверху, выберите файл JSON и, наконец, нажмите кнопку «Импорт».
Теперь перезагрузите страницу и Вы увидите там импортированный блок.
Шаг 5. Доступ к импортированному блоку в редакторе Гутенберга
Чтобы получить доступ к импортированным блокам в редакторе Гутенберга, попробуйте точно так же, как Вы повторно используете сохраненный блок.
Нажмите «Добавить блок», затем перейдите в раздел «Повторное использование» и найдите импортированные блоки с такими же именами. Вы также можете просмотреть блоки, наведя на них названия.
Гутенберг предлагает множество таких интересных функций, которые представили совершенно новый способ создания сайтов на WordPress. С течением времени люди привыкнут к этому механизму и получат удовольствие от создания своих любимых сайтов с помощью этого дружественного редактора блоков.
Опция экспорта блоков скрыта и отображается только при наведении. Люди могут столкнуться с трудностями при их поиске впервые. Вот почему мне пришла эта идея, показать, как экспортировать и импортировать блоки Гутенберга в подробном руководстве. Надеюсь, тебе понравилось?!
Нужна полностью совместимая с Гутенбергом тема для сайтов блогов и журналов? Получите GutenWP бесплатно и создайте свой сайт в новом редакторе блоков WordPress.
Здесь облачные vps серверы для высокопосещаемых сайтов, интернет-магазинов и веб-ресурсов. Должны Вам пригодиться при создании нового сайта!
Всем удачи и благополучия! До новых встреч!
