Руководство для начинающих: Как использовать шаблоны блоков WordPress

Хотите узнать, как использовать блочные шаблоны WordPress на своем сайте?? Блочные шаблоны позволяют быстро добавить часто используемые элементы дизайна...

Хотите узнать, как использовать блочные шаблоны WordPress на своем сайте??

Блочные шаблоны позволяют быстро добавить часто используемые элементы дизайна в макеты ваших постов или страниц.

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

Вот темы, которые мы рассмотрим в этом руководстве.

  • Что такое блочные шаблоны WordPress
  • Как использовать блочные шаблоны в WordPress
  • Поиск новых шаблонов блоков для использования на вашем сайте
  • Как создавать и распространять собственные блочные шаблоны
  • Создание шаблонов блоков WordPress вручную
  • Удаление блочного шаблона в WordPress
  • В чем разница между многоразовыми блоками и блочными шаблонами

Что такое шаблоны блоков WordPress?

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

WordPress поставляется с интуитивно понятным редактором, широко известным как редактор блоков. Он позволяет пользователям создавать красивые макеты для своих постов и страниц, используя блоки для общих элементов контента.

Редактор блоков WordPress

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

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

Блочные шаблоны в WordPress

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

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

Вы можете найти еще больше шаблонов на сайте WordPress.org, и вы даже можете создавать и делиться своими собственными шаблонами.

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

Как использовать шаблоны блоков в WordPress

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

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

На экране редактирования поста нажмите на кнопку Добавить блок, чтобы открыть вставку блока. Отсюда переключитесь на вкладку «Шаблоны», чтобы просмотреть доступные шаблоны блоков.

Добавить блочный шаблон

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

Вы также можете просматривать шаблоны блоков в различных категориях, таких как «Главная», «Кнопки», «Колонки», «Заголовок» и другие.

Кроме того, вы можете нажать на кнопку «Изучить», чтобы просмотреть шаблоны блоков.

Здесь вы можете увидеть увеличенные превью во всплывающем окне.

Предварительный просмотр шаблонов блоков

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

Редактирование шаблона блока

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

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

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

Удалить блок обложки

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

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

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

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

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

Просто перейдите на сайт WordPress Patterns Directory, чтобы просмотреть множество других блочных шаблонов.

Каталог шаблонов блоков

Здесь вы найдете множество других блочных шаблонов, представленных сообществом WordPress.

Чтобы использовать один из этих блочных шаблонов, просто подведите курсор к блочному шаблону и нажмите на кнопку Copy.

Копировать шаблон блока

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

На экране редактирования поста просто щелкните правой кнопкой мыши и выберите пункт Вставить в меню браузера или нажмите CTRL+V (Command + V на Mac).

Как создавать и распространять собственные шаблоны блоков

Хотите создать свои собственные шаблоны блоков WordPress и поделиться ими со всем миром??

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

Просто зайдите на сайт WordPress Pattern Directory и нажмите на ссылку «Создать новый шаблон».

Создать шаблон блока

Примечание: Вам нужно будет войти в систему или создать бесплатный WordPress.аккаунт org для сохранения шаблонов.

После входа в систему вы попадете на страницу редактора блочных шаблонов. Он идентичен стандартному редактору блоков WordPress, и вы можете использовать его для создания своего шаблона.

Создатель блочных шаблонов

Просто добавьте блоки, чтобы создать макет шаблона.

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

Редактирование макета блочного шаблона

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

Как только вы будете удовлетворены своим блочным шаблоном, вы можете сохранить его как черновик или отправить в каталог шаблонов.

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

Вы можете управлять всеми своими блочными шаблонами, нажав на ссылку Мои шаблоны. Будут показаны все шаблоны блоков, которыми вы поделились, черновые шаблоны и шаблоны, которые вы выбрали.

Ваши шаблоны

Если вы хотите создавать шаблоны блоков только для собственного использования, то вы можете сохранить их как черновики. После этого вы можете просто скопировать и вставить их со страницы «Мои шаблоны» на свой сайт WordPress.

Создание блочных шаблонов WordPress вручную

Вы также можете создать блочные шаблоны вручную и добавить их в свою тему WordPress или плагин пользовательских сниппетов.

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

Переключитесь на редактор кода

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

Копирование необработанных блоков кода

Далее откройте обычный текстовый редактор, например, Блокнот, и вставьте туда этот код. Он понадобится вам на следующем этапе.

Теперь вы готовы зарегистрировать свои блоки в качестве шаблона.

Для этого просто скопируйте и вставьте следующий код в функции вашей темы.php файл или плагин для конкретного сайта.

function wpb_my_block_patterns() < register_block_pattern( 'my-plugin/my-awesome-pattern', array( 'title' =>__( 'Двухколоночный журнальный макет', 'my-theme'), 'description' => _x( 'Простой журнальный двухколоночный макет с большим изображением и стилизованным текстом', 'my-theme' ), 'categories' => array( 'columns' ), 'content' => ' Код содержимого вашего блока будет здесь' ); > add_action( 'init', 'wpb_my_block_patterns' );

Теперь скопируйте и вставьте данные необработанных блоков, которые вы скопировали ранее, в качестве значения для параметра content. Другими словами, вам нужно будет заменить текст с надписью «Код содержимого вашего блока находится здесь» на код вашего блока. Не забудьте оставить одинарные кавычки вокруг текста на месте.

Наконец, не забудьте изменить название и описание на свои собственные и сохранить изменения.

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

Добавьте пользовательский блочный шаблон в свой пост

Удаление блочного шаблона в WordPress

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

Все, что вам нужно сделать, это скопировать и вставить следующий код в функции вашей темы.php-файл или плагин для конкретного сайта.

function wpb_unregister_my_patterns() < unregister_block_pattern( 'my-plugin/my-awesome-pattern' ); >add_action( 'init', 'wpb_unregister_my_patterns' );

В данном примере ‘my-plugin/my-awesome-pattern’ — это название шаблона, который мы использовали при регистрации.

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

Удаление основных шаблонов WordPress

Основные шаблоны WordPress доступны всем пользователям WordPress. Это означает, что они могут быть переиспользованы и даже не соответствовать остальной теме WordPress.

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

Чтобы удалить все основные шаблоны WordPress, вам нужно добавить следующий код в файл функций вашей темы или в плагин для конкретного сайта.

remove_theme_support( 'core-block-patterns' );

В чем разница между многоразовыми блоками и шаблонами блоков?

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

Однако они сильно отличаются друг от друга.

Например, многоразовые блоки можно редактировать и сохранять прямо в редакторе постов, но они не такие гибкие, как шаблоны блоков.

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

Многоразовый блок в WordPress

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

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

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

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий