Сначала у пользователей WordPress были приятные и горькие отношения с генератором блоков. Затем, как мы обнаружили в нашем гид Гутенберга, новый редактор обладает удивительными функциями, которые делают создание красивого контента простым и увлекательным. Теперь без некоторых уже не обойтись.
Gutenberg предоставляет вам достаточно возможностей для создания отличных страниц и статей без написания кода. Независимо от того, какой контент вы хотите добавить, у Гутенберга есть правильный блок.
Вы хотите детально модифицировать и настраивать каждый блок контента? У Гутенберга есть множество вариантов настройки для этого.
Хотите, чтобы блоков было больше, чем доступно в редакторе по умолчанию? Там тонна плагинов WordPress для Gutenberg
Вот почему печально, что многие пользователи не знают Многоразовые блоки, одна из ярких черт Гутенберга. Если вы не понимаете, о чем мы говорим, многоразовые блоки - это просто блоки содержание что вы создаете, сохраняете и повторно используете по желанию.
Предположим, вы хотите добавить кнопку призыва к действию под названием благодарственная записка, подпись, форма или что-нибудь еще в конце каждого сообщения или страницы.
Раньше вам приходилось сохранять эту функцию в текстовый файл на вашем компьютере. Когда вам это нужно, вы копируете и вставляете его в свой пост или страницу. Гутенберг решил эту проблему. Теперь вам не нужно использовать текстовые файлы или каждый раз создавать одни и те же блоки с нуля.
Вы можете создать единый многоразовый блок и использовать его не только в своих сообщениях и страницах, но и на других сайтах WordPress.
Независимо от того, создаете ли вы много веб-сайтов или вам нужно добавлять специальный контент к каждому сообщению / странице, многоразовые блоки Gutenberg могут помочь вам сэкономить много времени.
И в сегодняшней статье мы покажем вам, как именно создавать и экспортировать повторно используемые блоки из Гутенберга в WordPress. Наша цель - помочь вам легко перемещать и повторно использовать настраиваемые блоки контента в нескольких публикациях / страницах / веб-сайтах WordPress.
Но перед этим, если вы никогда не устанавливали WordPress, давайте выясним Как установить WordPress блог шаги 7 et Как найти, установить и активировать WordPress тему на своем блоге
Тогда вернемся к тому, почему мы здесь.
Кроме : Если вы создаете блок с помощью Плагин Wordpress такой как убираться, например, вы должны установить этот плагин на другие веб-сайты WordPress, где вы хотите повторно использовать указанный блок. Также обратите внимание, что ваши блоки могут немного отличаться от темы к теме, но это все хорошо, потому что Gutenberg дает вам много возможностей настройки.
В первую очередь нужны блоки многоразового использования
К сожалению, вы не можете экспортировать или импортировать блоки обычный. Чтобы экспортировать и импортировать блоки Гутенберга, вы должны сначала создать блоки многоразовый.
В целях иллюстрации мы создадим благодарственная записка который я хотел бы добавлять в конце каждой статьи, которую мы публикуем, без необходимости переписывать примечание каждый раз, когда мне нужно добавить его в статью.
Ma записка с благодарностью сделал ничего сложного; просто простой блок абзацев со ссылками на Twitter и Facebook. Имейте в виду, что вашим блоком может быть что угодно - баннерная реклама, Вn слайдер изображений, цитата, список, последние публикации, форма MailChimp и т. д.
Позже мы покажем вам, как экспортировать это благодарственная записка на втором веб-сайте WordPress.
Как создать многоразовый блок
Создать многоразовый блок невероятно просто. Перейти к Статьи> Добавить для запуска редактора Гутенберга:
Затем щелкните значок Добавить блок (+), затем выберите блок содержимого. В нашем случае мы добавили блок абзаца, как показано на следующем изображении.
После этого настройте свой блок в соответствии со своими потребностями. Мы добавили текст, ссылки на профили в социальных сетях и цвет фона. Это то, что назвал наш новый блокнот мерси выглядит так в нашем редакторе Гутенберга:
В настоящее время приведенное выше примечание является блок обычный. Мы должны превратить это в единое целое блок réutilisable что мы можем экспортировать и импортировать. Для этого щелкните значок Больше вариантов, ванная добавить к многоразовым блокам, как показано ниже.
Затем дайте своему многоразовому блоку имя и нажмите кнопку Запись, как видно ниже.
Вот и все, вы только что создали свой первый многоразовый блок.
Как использовать многоразовые блоки
Добавить повторно используемый блок, который мы только что создали, к вашим сообщениям или страницам очень просто. После того, как вы добавили требуемый контент в свой пост или страницу, щелкните значок Добавить блок (+), прокрутите до вкладки Многоразовые блоки и выберите свой блок (Благодарственное письмо в нашем случае), как показано ниже.
После добавления многоразового блока в сообщение или страницу нажмите кнопку Предварительный просмотр / публикация для отображения ваших результатов в интерфейсе. Вот что у нас получилось:
Самое приятное, что мы можем повторно использовать наш блок благодарственная записка в любое время, без необходимости создавать его с нуля. мы также можем добавить его к любым типам сообщений, которые поддерживают блоки Гутенберга.
Откройте для себя тоже Как добавить подпись к изображению на Гутенберге
Теперь, когда вы знаете, как создавать и использовать повторно используемые блоки, давайте узнаем больше об экспорте этих блоков на другой веб-сайт WordPress. Чтобы избежать путаницы, мы будем использовать только что созданный блок.
Как экспортировать блоки Гутенберга в WordPress
Экспортировать многоразовый блок Гутенберга легко, вы сделаете это в кратчайшие сроки.
Что делать?
В редакторе Гутенберга нажмите значок Дополнительные инструменты и параметры, затем управлять всеми многоразовыми блоками, как мы подчеркиваем ниже:
Это перенесет вас на экран блоки где вы можете просматривать и управлять всеми своими многоразовыми блоками:
У нас есть только блок Благодарственная записка, но экран выше будет заполняться по мере создания новых. Для экспорта наведите указатель мыши на заголовок и нажмите ссылку Экспорт в JSON отображается. См. Изображение ниже.
Затем сохраните файл JSON на свой компьютер:
Теперь, когда у нас есть файл JSON на нашем компьютере, пришло время импортировать блок на наш второй веб-сайт.
Как импортировать блоки Гутенберга в WordPress
Импортировать ваши повторно используемые блоки так же просто, как A, B, C. Сначала откройте редактор Gutenberg. Во-вторых, нажмите значок Дополнительные инструменты и параметры, то управлять всеми многоразовыми блоками, как показано ниже.
На экране блоки далее нажмите Импорт из JSON, выберите файл, который вы скачали ранее, а затем нажмите кнопку. Импорт в этом порядке :
И это все ! Точно так же вы успешно импортировали многоразовый блок Гутенберга на свой второй веб-сайт WordPress.
Также читайте Как добавить подпись к изображению на Гутенберге
Разве это не было легко? После этого вы можете использовать и повторно использовать свой блок Гутенберга на втором веб-сайте столько раз, сколько захотите.
Есть ли плагины WordPress для экспорта блоков Гутенберга?
Ах да, и я нашел его на ThemeIsle, уважаемом разработчике WordPress. Это бесплатный плагин, известный как Блоки Экспорт Импорт. По сути, плагин позволяет вам пропустить весь этот урок. Да, это правда; вам даже не нужно создавать блоки многократного использования.
Смотрите также наше руководство по Как добавить анимированный блок в статью о Гутенберге
Установите и активируйте плагин, затем откройте редактор Gutenberg. Создайте свой блок как хотите, затем нажмите значок дополнительных параметров. Затем нажмите Экспорт как JSON, как показано ниже :
Это загрузит файл JSON на ваш компьютер. Чтобы импортировать файл JSON с помощью плагина, откройте редактор Гутенберга. Затем щелкните значок Добавить блок, затем импортировать блоки из JSON под вкладкой Виджеты :
После этого нажмите на Выберите файл для выбора файла на вашем компьютере и нажмите кнопку. Загрузить :
Единственная проблема с методом плагина заключается в том, что ваши блоки не будут сохранены на вашем веб-сайте WordPress. Чтобы сохранить блоки в базе данных WordPress, вам нужно использовать ручной метод. Возможно, это изменится в будущем.
Откройте для себя Как узнать, совместим ли ваш плагин с Gutenberg?
К сожалению, мне не удалось найти другой плагин. Тем не менее, плагин может сэкономить вам много времени, если вы не беспокоитесь о сохранении многоразовых блоков на своем веб-сайте.
Многоразовые блоки Гутенберга спасают жизни. Они позволяют быстро воспроизводить модели, поскольку вы не начинаете с нуля. Если вы создаете много сообщений / страниц и / или веб-сайтов, вам пригодится изучение того, как экспортировать блоки Гутенберга.
Откройте для себя также несколько премиальных плагинов WordPress
Вы можете использовать другие WordPress плагины чтобы придать современный вид и оптимизировать обработку вашего блога или веб-сайта.
Мы предлагаем вам несколько премиальных плагинов WordPress, которые помогут вам сделать это.
1. Витрина Team
Team Showcase — это идеальный аддон, предназначенный для отображения членов вашей команды в красивой адаптивной сетке или карусели. У вас будет возможность управлять своими участниками, группируя их в отдельные команды. Для этого просто выберите параметры, которые вы хотите отобразить, выберите WordPress тема и примените к нему предопределенный цвет.
Следовательно, для этого действия не потребуется никакой строчки кода. Его функции включают в себя: 10 специальных тем, 10 наборов цветов, 10 вариантов отображения, CSS3 эффекты анимации, возможность быть вставленным на страницу, полностью отзывчивый дизайнИ т.д. ...
скачать | Демонстрация | веб-хостинг
2. ARPrice
ARPrice — это Плагин Wordpress самая гибкая и полная надбавка при создании ценовых сеток. Он поставляется с более чем 300 шаблонами ценовых сеток и предоставляет все инструменты, необходимые для создания уникальных и гибких ценовых сеток и сравнительных таблиц. Вы также сможете легко создать красивую витрину для своей команды.
Это Плагин Wordpress красивая, интуитивно понятная и единственная в своем роде, с впечатляющим визуальным редактором, обеспечивающим предварительный просмотр настроек в реальном времени.
Смотрите также Как зарядить услугу на своем блоге?
Выберите шаблон, а затем с помощью простых щелчков мыши перетащите инструменты, чтобы персонализировать ценовую сетку, вплоть до мельчайших деталей. Вы сможете добавлять неограниченное количество столбцов, изменять цвета, шрифты, значки и добавлять свои собственные изображения и ленты для объявить скидку, Например.
скачать | Демонстрация | веб-хостинг
3. Премиум-пакет SEO
Premium SEO Pack - это плагин WordPress, который оптимизирует ваш SEO и сжимает CSS для повышения скорости загрузки вашего сайта. Плагин также может управлять дизайном вашего сайта в несколько кликов.
Его функциональные возможности, среди прочего: сжатие CSS и JS, интеграция с картой сайта для видео и сниппет, форматирование файлов HTLM и XML, перенаправление страниц 404 и 301, публикация в социальных сетях, наличие метки ALT, настраиваемый макет.
скачать | Демонстрация | веб-хостинг
Рекомендуемые ресурсы
Узнайте о других рекомендуемых ресурсах, которые помогут вам создать и управлять своим сайтом.
- Плагины 7 WordPress для встраивания Карт Google на ваш сайт
- Как добавить пляжный слайдер в форму WordPress?
- 5 WordPress плагины позволяют пользователям публиковать содержимое
- 6 плагинов WordPress для добавления автозаполнения форм
Заключение
Вот ! Вот и все, что касается этого руководства, мы надеемся, что он позволит вам экспортировать и импортировать блоки Гутенберга в WordPress. У вас еще есть вопросы или предложения по блокам Гутенберга? Пожалуйста, дайте нам знать в Комментарии ниже.
Тем не менее, вы также можете проконсультироваться наши ресурсы, если вам нужно больше элементов для реализации ваших проектов по созданию интернет-сайтов, обратитесь к нашему руководству по Создание блога на WordPress.
Не стесняйся поделиться с друзьями в ваших любимых социальных сетях.
...