Как получить шаблоны блоков копирования и вставки для WordPress? — WebNots

В нашей предыдущей статье мы объяснили, как использовать библиотеку блоков в WordPress. Как мы намекали в этой статье, Gutenberg — это будущее WordPress, и вы получите полный пакет на платформе WordPress для создания прекрасных макетов страниц. Сообщество WordPress недавно представило openverse, бесплатную платформу для изображений, объединив Creative Commons с сайтом WordPress.org. И последняя из них — это шаблоны блоков для копирования и вставки, которые вы можете просто скопировать и вставить на свой сайт и использовать в соответствии с вашими потребностями. В этой статье мы объясним, как получить шаблоны блоков копирования и вставки для WordPress из раздела шаблонов WordPress.org.

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

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

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

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

Блок-шаблоны в редакторе Гутенберга

Как упоминалось выше, вы можете щелкнуть значок +, доступный в верхнем левом углу редактора Gutenberg, который показывает «Переключить средство вставки блоков». Отсюда вы можете перейти в раздел «Шаблоны» и выбрать нужный тип из раскрывающегося списка. Доступны шаблоны для кнопок, заголовков, столбцов, галереи, текста и запроса. Просто нажмите на понравившийся узор и начните изменять его без собственного содержимого.

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Блок-шаблоны в редакторе Гутенберга

Блок-шаблоны в редакторе Гутенберга

Шаблоны публичных блоков в WordPress.org

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

  • Скопируйте понравившийся шаблон блока и вставьте в любой пост или страницу WordPress с помощью редактора Gutenberg.
  • Вам больше не нужно создавать повторно используемый блок, в любое время перейдите в раздел шаблонов WordPress.org и скопируйте контент.
  • Вы также можете отправить свой шаблон в репозиторий, и после утверждения он будет доступен для публичного использования.
  • Когда разработчики отправляют свой контент, репозиторий будет расти в размерах, и вы можете получить любые типы блоков для своего сайта без необходимости использования сложных плагинов для построения страниц.
  • Это также избавит от необходимости использовать плагины для второстепенных целей, таких как вставка раздела с отзывами или отзывами.
  • Вы можете войти в учетную запись WordPress.org и добавить шаблоны блоков в избранное, чтобы создать свою коллекцию часто используемых блоков.
  • Ищите или фильтруйте, чтобы быстро найти блоки.

Шаблоны блоков WordPress

Шаблоны блоков WordPress

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

Копировать Вставить узоры блоков

Следуйте приведенным ниже инструкциям, чтобы скопировать шаблоны блоков вставки с сайта WordPress.org.

  • Перейти к Раздел шаблонов WordPress.org где вы найдете сотни шаблонов блоков.
  • Используйте опцию поиска или фильтр по категории, чтобы найти свой любимый образец блока. Давайте объясним здесь вставку блока вызова с наклонным фоном с текстом и кнопкой.
  • Прокрутите вниз, чтобы найти блок, и наведите на него курсор.
  • Нажмите кнопку «Копировать», чтобы скопировать образец блока.

Шаблон блока вызова

Шаблон блока вызова
  • Вы увидите, что кнопка изменилась на «Скопировано», указывая на то, что содержимое скопировано в буфер обмена.

Шаблон блока скопирован

Шаблон блока скопирован
  • Если вы хотите увидеть предварительный просмотр в реальном времени перед копированием контента, нажмите на шаблон блока.
  • На следующем экране вы можете выбрать ширину блока: полную ширину, по умолчанию, среднюю или узкую. Кроме того, вы также можете перетащить один из правого или левого края и отрегулировать ширину.
  • Нажмите кнопку «Копировать шаблон», чтобы скопировать шаблон блока в буфер обмена. Вы можете нажать кнопку «Узнать больше», чтобы просмотреть онлайн-инструкции о том, как вставить скопированный шаблон блока на свой сайт.

Отрегулируйте размер и шаблон копирования

Отрегулируйте размер и шаблон копирования

Теперь, когда вы скопировали контент, перейдите к публикации, в которую вы хотите вставить блок. Обязательно поместите курсор внутри блока абзаца и нажмите клавиши «Control + V» на ПК с Windows. Если вы используете Mac, нажмите клавиши «Command + V», чтобы вставить содержимое. Вы увидите, что шаблон блока теперь вставлен в ваш пост, как вы видели на сайте шаблонов WordPress.org. В нашем примере ниже показан раздел живых вызовов, который мы скопировали и вставили с сайта WordPress.org.

Ниже представлен еще один блок, который мы скопировали и вставили из шаблонов WordPress.org.

Самолет

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

Дальнейшие шаги по использованию блочных шаблонов

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

Указывает на заметку

Помните следующее при использовании шаблонов блоков копирования и вставки с сайта WordPress.org.

  • Вы можете преобразовать настроенные блоки в шаблоны блоков многократного использования и использовать их где угодно на вашем сайте.
  • Всякий раз, когда вы меняете тему, все шаблоны блоков останутся неизменными до тех пор, пока вы не отключите редактор блоков Гутенберга на своем сайте.
  • Некоторые отдельные блоки в шаблоне могут не работать, как показано в демонстрации, из-за CSS вашей темы. Например, цвета гиперссылок, блоки полной / широкой ширины, размер шрифта, семейство шрифтов и т. Д. Будут меняться в зависимости от настроек, которые вы используете в своей теме. Возможно, вам придется соответствующим образом отрегулировать шаблон блока, чтобы выровнять контент и разместить его на макете вашего сайта.

Заключительные слова

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

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован.