Вернуться на страницу поддержки Содержимое и медиафайлы Блоки Паттерны блоков

Паттерны блоков

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

Обучающее видео

Паттерны блоков — расшифровка

0:08 Паттерны блоков — это коллекция готовых блоков, которые можно вставлять на страницы и в записи, а затем добавлять в них свой контент.

0:17 Чтобы начать, нажмите значок «+» на верхней панели инструментов и откройте инструмент вставки блоков.

0:22 Затем перейдите на вкладку «Паттерны».

0:25 Можно использовать раскрывающееся меню, чтобы просматривать только паттерны из конкретной рубрики.

0:29 Либо нажмите кнопку «Обзор», чтобы увидеть все доступные паттерны блоков в большем размере.

0:35 Существуют паттерны блоков для кнопок, призывов к действию и многого другого.

0:40 Когда вы найдёте нужный паттерн, выберите его и весь паттерн блока будет добавлен на страницу.

0:46. Затем можно щёлкнуть по любому из блоков, чтобы отредактировать контент-заполнитель и заменить его своим.

0:52. Паттерны блоков помогают быстрее создавать контент, но они также дают возможность понять, как объединять различные блоки, чтобы получить ряд интересных эффектов.

Знакомство с паттернами блоков

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

  1. Откройте консоль.
  2. Перейдите в раздел Страницы или Записи и щёлкните по любой странице или записи, чтобы отредактировать их, или перейдите в редакторе сайта в раздел Внешний вид → Редактор.
  3. Нажмите кнопку + Инструмент вставки блоков в верхнем левом углу экрана редактирования.
  4. Щёлкните по вкладке Паттерны.
  5. Ознакомьтесь с паттернами. Можно щёлкнуть, чтобы просмотреть коллекции паттернов из определённой рубрики, например: Текст, Галерея, Заголовок, Формы и многое другое.
    • Нажмите кнопку «Просмотреть все паттерны» в нижней части этого раздела, чтобы открыть паттерны в большом окне.
  6. Щёлкните один раз по любому паттерну, и он будет добавлен на вашу страницу там, где находится курсор.
Узнайте из GIF, как добавлять готовые паттерны к своему контенту, используя значок «+» инструмента вставки блоков в левом верхнем углу редактора.

Мы постоянно обновляем имеющиеся паттерны блоков и добавляем новые! Если мы изменим или удалим какие-то из них, это никак не затронет паттерны, добавленные на вашу страницу. Добавляемый на сайт паттерн блока не содержит ссылки на исходный паттерн, поэтому изменения последнего не отразятся на содержимом записей и страниц сайта.

Доступ к библиотеке паттернов

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

  1. Перейдите в библиотеку паттернов.
  2. Используйте навигацию по рубрикам, чтобы просмотреть все доступные паттерны, или найдите паттерн по функции или ключевому слову. 
  3. Найдя нужный паттерн, нажмите кнопку «Копировать паттерн».
  4. Перейдите в редактор записи, страницы или шаблона на сайте WordPress.com и вставьте паттерн с помощью сочетания клавиш (command + v в Mac или ctrl + v в Windows) или выберите «Вставить» правой кнопкой мыши.
  5. При необходимости измените содержимое (изображения, копии, ссылки) в паттерне. Стили, заданные в редакторе сайта, будут автоматически применены к вставленному паттерну.

Использование паттерна блока

Найдя понравившийся паттерн блока, щёлкните по нему, чтобы вставить на свою страницу. Паттерн со всеми блоками будет вставлен на страницу в месте расположения курсора.

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

Пример паттерна блока со стрелкой, показывающей опцию замены изображения.
Вы можете вводить в паттерне блока новый текст или заменять в нём изображения.

Изображения в паттернах блоков

Изображения, входящие в паттерны блоков и макеты страниц, можно использовать на вашем сайте бесплатно. Однако, поскольку они взяты из внешних источников (то есть не добавлены в библиотеку файлов сайта), эти изображения могут быть изменены или удалены.

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

Создавайте собственные паттерны

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

Copied to clipboard!