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

Создание паттерна

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

💡

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

Создание паттерна

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

пример коллекции блоков, которые можно преобразовать в паттерн.
Пример коллекции блоков, где использованы блоки Медиа и текст, Заголовок, Абзац и Кнопки.

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

  1. Выберите все блоки, которые должны быть преобразованы в паттерн. Выбрать блоки можно несколькими способами.
    • Можно выделить несколько соседних блоков с помощью мыши.
    • Используя представление в виде списка, щёлкните по первому блоку, нажмите и удерживайте клавишу Shift на клавиатуре и щёлкните по последнему блоку. Будут выбраны все блоки между первым и последним.
  2. Щёлкните по трём точкам на панели инструментов блока.
  3. Щёлкните по опции «Создать паттерн».
  4. Придум��йте название паттерна, чтобы вы могли вспомнить, для чего он предназначен. Это название видно только вам.
  5. При необходимости можно назначить паттерн рубрике, что особенно полезно, если у вас много паттернов, которые вы хотите упорядочить.
  6. Включите или отключите опцию «Синхронизирован».
    • Синхронизирован: любые изменения, внесенные в паттерн, будут применяться везде, где он вставлен. Лучший вариант для блоков многоразового использования.
    • Не синхронизирован: любые изменения, вносимые в паттерн, будут применяться только к одному экземпляру паттерна. Подойдёт, если вы хотите на нескольких страницах использовать один и тот же макет с разным контентом паттерна на каждой из страниц.
  7. Нажмите кнопку «Создать».

Применение паттерна

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

  1. Нажмите значок + Инструмент вставки блоков.
  2. Выберите вкладку Паттерны.
После нажатия инструмента вставки блоков паттерны будут помечены стрелкой, указывающей на вкладку.
  1. Выберите одну из следующих опций:
    • Все паттерны: просмотр всех паттернов, включая паттерны WordPress.com.
    • Мои паттерны: просмотр только созданных вами паттернов.
    • Просматривайте образцы паттернов по категориям, например: «О нас», «Баннеры», «Формы», «Услуги» и др.
  2. Чтобы добавить паттерн на страницу, щёлкните по нему один раз.

💡

Чтобы быстро вставить созданный вами паттерн, введите с клавиатуры косую черту / и название паттерна в новой строке и нажмите «Ввод».

Редактирование паттерна

После добавления паттерна его можно отредактировать двумя способами.

Вставка паттерна для редактирования

  1. Добавьте паттерн на свой сайт, как описано в предыдущем разделе.
  2. Выберите ��лок и нажмите кнопку «Редактировать оригинал» на панели инструментов блока:
панель инструментов синхронизированного паттерна.
  1. Внесите изменения, которые могут включать ввод нового текста, изменение порядка блоков, добавление новых блоков или удаление блоков.
  2. После внесения изменений нажмите кнопку Сохранить/Обновить/Опубликовать в правом верхнем углу.
  3. Перед сохранением изменений вы увидите сводку по изменениям, внесённым на сайт. Если вы изменили синхронизированный паттерн, он будет выделен здесь.
  4. Нажмите кнопку «Сохранить» ещё раз, чтобы подтвердить изменения, или снимите флажок рядом с теми изменениями, которые вы не хотите сохранять.

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

Стрелка указывает на изменения в синхронизированных паттернах.

Редактирование паттерна в разделе «Мои паттерны»

  1. Откройте консоль.
  2. Перейдите в раздел Внешний вид→ Редактор.
  3. Щёлкните по опции «Паттерны».
  4. Выберите паттерн и нажмите значок карандаша, чтобы отредактировать этот паттерн.
  5. После внесения изменений нажмите кнопку «Сохранить».

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

  1. Откройте консоль.
  2. Перейдите в раздел Внешний вид → Паттерны.
  3. Нажмите на заголовок паттерна, чтобы изменить его.
  4. После внесения изменений нажмите кнопку «Обновить».

Синхронизированные и несинхронизированные паттерны

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

Синхронизированные паттерны

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

Синхронизированные паттерны идентифицируются по символу паттерна, который выглядит как два ромба, один позади другого. Вы также увидите имя паттерна в следующих разделах редактора:

панель инструментов синхронизированного паттерна
Значок паттерна и название паттерна, как они отображаются на панели инструментов блока.

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

Открепление синхронизированного паттерна

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

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

  1. Добавьте паттерн на свой сайт, как описано в предыдущем разделе.
  2. Щёлкните по паттерну, и над ним или под ним появится панель инструментов.
  3. Щёлкните по многоточию (три точки) в конце панели инструментов и выберите опцию «Открепить».
Стрелка указывает на многоточие на панели инструментов блока, выделена опция «Открепить».

Переопределение синхронизированного паттерна

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

Несинхронизированные паттерны

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

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

Восстановление предыдущей редакции паттерна

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

  1. Откройте консоль.
  2. Перейдите в раздел Внешний вид → Редактор.
  3. Выберите Паттерны.
  4. Нажмите «Управление всеми моими паттернами».
  5. Наведите указатель мыши на заголовок любого паттерна и выберите Редактировать.
  6. Откройте боковую панель настроек страницы, как показано справа. Этот значок выглядит как квадрат с двумя неравными столбцами.
  7. На вкладке Паттерн нажмите Редакции. Если пункт «Редакции» не отображается, сохранённых редакций пока нет.

Если вы не можете найти меню Внешний вид → Редактор, тема вашего сайта не относится к блочным темам. Чтобы перейти к редакциям паттернов, минуя редактор сайта, выполните следующие действия.

  1. Откройте консоль.
  2. Перейдите в раздел Внешний вид → Паттерны.
  3. Щёлкните по заголовку паттерна, редакции которого вы хотите увидеть.
  4. Откройте боковую панель настроек страницы, как показано справа. Этот значок выглядит как квадрат с двумя неравными столбцами.
  5. На вкладке Паттерн нажмите Редакции. Если пункт «Редакции» не отображается, сохранённых редакций пока нет.

В разделе «Редакции» отобразятся все ранее сохранённые версии паттерна. Подобно редакциям страниц и записей, при желании ��десь можно загрузить более раннюю версию паттерна.

Модуль паттернов на правой боковой панели редактора. На раздел «Редакции» указывает оранжевая стрелка.

Удаление паттерна

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

  1. Перейдите в консоль, а затем в раздел Внешний вид → Редактор.
  2. Выберите Паттерны → Мои паттерны.
  3. Щёлкните по трём точкам рядом с названием любого паттерна и выберите опцию «Удалить», чтобы удалить паттерн.
Выбран раздел «Мои паттерны», стрелка указывает на три точки, а затем на кнопку «Удалить».

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

  1. Откройте консоль.
  2. Перейдите в раздел Внешний вид → Паттерны.
  3. Наведите курсор на заголовок паттерна, который требуется удалить.
  4. Под заголовком выберите опцию «Корзина».

Импорт и экспорт паттернов

Если у вас есть паттерн на одном сайте, который вы хотите перенести на другой сайт, вы можете экспортировать и импортировать блоки в виде JSON-файла следующим образом.

  1. Откройте консоль.
  2. Перейдите в раздел Внешний вид → Редактор.
  3. Выберите Паттерны.
  4. Нажмите «Управление всеми моими паттернами», где имеются следующие варианты действий.
    • Экспорт паттерна: наведите указатель мыши на заголовок любого паттерна и выберите опцию «Экспортировать как JSON». Файл будет сохранён на вашем компьютере. Если вы создали какие-либо паттерны, вы можете выбрать сразу несколько из них с помощью флажков, чтобы экспортировать их как группу.
    • Импорт паттерна: нажмите кнопку «Импорт из JSON» в верхней части экрана управления паттернами.
Кнопка «Импорт из JSON» отображается на экране паттернов.

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

  1. Откройте консоль.
  2. Перейдите в раздел Внешний вид → Паттерны.
  3. Нажмите кнопку «Импорт из JSON» в верхней части экрана «Паттерны».
  4. Нажмите «Выбрать файл» и выберите файл для загрузки.
  5. Нажмите «Импорт».

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

  1. Откройте консоль.
  2. Перейдите в раздел Внешний вид → Паттерны.
  3. Наведите курсор на заголовок паттерна, который вы хотите экспортировать.
  4. Под заголовком выберите опцию «Экспортировать как JSON».
Copied to clipboard!