С помощью паттернов можно сохранять настроенные блоки для повторного использования на вашем сайте. Если вы часто добавляете одни и те же группы блоков на новые страницы, паттерны сэкономят вам много времени. В этом руководстве вы узнаете, как создавать и использовать паттерны.
💡
Вдохновляйтесь нашей коллекцией паттернов, созданной дизайнерами WordPress.com, чтобы вы могли создавать именно такие страницы, которые вам нужны.
В этом руководстве
Сначала создайте контент, который вы планируете использовать много раз. Паттерн может быть одним блоком или группой из нескольких блоков. В нашем примере мы используем изображение, заголовок, текст и кнопку призыва к действию, которая выглядит следующим образом:
После создания контента выполните следующие действия, чтобы преобразовать его в паттерн, который можно использовать в любом месте сайта.
- Выберите все блоки, которые должны быть преобразованы в паттерн. Выбрать блоки можно несколькими способами.
- Можно выделить несколько соседних блоков с помощью мыши.
- Используя представление в виде списка, щёлкните по первому блоку, нажмите и удерживайте клавишу Shift на клавиатуре и щёлкните по последнему блоку. Будут выбраны все блоки между первым и последним.
- Щёлкните по трём точкам на панели инструментов блока.
- Щёлкните по опции «Создать паттерн».
- Придум��йте название паттерна, чтобы вы могли вспомнить, для чего он предназначен. Это название видно только вам.
- При необходимости можно назначить паттерн рубрике, что особенно полезно, если у вас много паттернов, которые вы хотите упорядочить.
- Включите или отключите опцию «Синхронизирован».
- Синхронизирован: любые изменения, внесенные в паттерн, будут применяться везде, где он вставлен. Лучший вариант для блоков многоразового использования.
- Не синхронизирован: любые изменения, вносимые в паттерн, будут применяться только к одному экземпляру паттерна. Подойдёт, если вы хотите на нескольких страницах использовать один и тот же макет с разным контентом паттерна на каждой из страниц.
- Нажмите кнопку «Создать».
После создания паттерна вставьте его в ваш контент, выполнив следующие действия.
- Нажмите значок + Инструмент вставки блоков.
- Выберите вкладку Паттерны.
- Выберите одну из следующих опций:
- Все паттерны: просмотр всех паттернов, включая паттерны WordPress.com.
- Мои паттерны: просмотр только созданных вами паттернов.
- Просматривайте образцы паттернов по категориям, например: «О нас», «Баннеры», «Формы», «Услуги» и др.
- Чтобы добавить паттерн на страницу, щёлкните по нему один раз.
💡
Чтобы быстро вставить созданный вами паттерн, введите с клавиатуры косую черту / и название паттерна в новой строке и нажмите «Ввод».
После добавления паттерна его можно отредактировать двумя способами.
- Добавьте паттерн на свой сайт, как описано в предыдущем разделе.
- Выберите ��лок и нажмите кнопку «Редактировать оригинал» на панели инструментов блока:
- Внесите изменения, которые могут включать ввод нового текста, изменение порядка блоков, добавление новых блоков или удаление блоков.
- После внесения изменений нажмите кнопку Сохранить/Обновить/Опубликовать в правом верхнем углу.
- Перед сохранением изменений вы увидите сводку по изменениям, внесённым на сайт. Если вы изменили синхронизированный паттерн, он будет выделен здесь.
- Нажмите кнопку «Сохранить» ещё раз, чтобы подтвердить изменения, или снимите флажок рядом с теми изменениями, которые вы не хотите сохранять.
Нажмите кнопку «Сбросить» на панели инструментов, чтобы немедленно восстановить синхронизированный паттерн до исходного контента.
- Откройте консоль.
- Перейдите в раздел Внешний вид→ Редактор.
- Щёлкните по опции «Паттерны».
- Выберите паттерн и нажмите значок карандаша, чтобы отредактировать этот паттерн.
- После внесения изменений нажмите кнопку «Сохранить».
Если вы не можете найти меню Внешний вид → Редактор, тема вашего сайта не относится к блочным темам. Чтобы отредактировать паттерн без доступа к редактору сайта, выполните следующие действия.
- Откройте консоль.
- Перейдите в раздел Внешний вид → Паттерны.
- Нажмите на заголовок паттерна, чтобы изменить его.
- После внесения изменений нажмите кнопку «Обновить».
При создании паттерна его можно сделать синхронизированным или несинхронизированным. Здесь объясняется, как использовать оба типа паттернов.
Синхронизированный паттерн — это паттерн, который остаётся неизменным везде, где вы его используете. При редактировании синхронизированного паттерна в одном месте на сайте это изменение будет применено всюду, где этот паттерн использован. Например, если вы создадите синхронизированный паттерн для указания рабочего времени, вы можете изменить это время в одном экземпляре паттерна, и оно будет обновлено на всём сайте.
Синхронизированные паттерны идентифицируются по символу паттерна, который выглядит как два ромба, один позади другого. Вы также увидите имя паттерна в следующих разделах редактора:
- Панель инструментов блока.
- Боковая панель настроек блока.
- Представление в виде списка.
- Навигационные ��епочки в нижней части экрана.
Вы можете изменить синхронизированный паттерн в любом месте, где он используется. При сохранении изменений они будут применены ко всем страницам и записям, в которых используется этот паттерн.
Открепление синхронизированного паттерна позволяет редактировать его контент только на одной странице или в одной записи. Таким образом редактируемый вставленный паттерн становится несинхронизированным, но изменения не затрагивают имеющийся синхронизированный паттерн.
Чтобы преобразовать синхронизированный паттерн в несинхронизированный, выполните следующие действия.
- Добавьте паттерн на свой сайт, как описано в предыдущем разделе.
- Щёлкните по паттерну, и над ним или под ним появится панель инструментов.
- Щёлкните по многоточию (три точки) в конце панели инструментов и выберите опцию «Открепить».
Вы можете переопределить контент синхронизированного паттерна, сохранив остальную структуру контента. Это позволяет настраивать контент отдельных экземпляров поблочно, не затрагивая при этом общей разметки. Подробнее о переопределении паттернов.
Несинхронизированный паттерн — это коллекция блоков, которые вы создали и хотите использовать снова, но вам потребуется изменять контент блоков после того, как они будут добавлены на страницу или в запись. Например, у вас может быть согласованный макет, включающий изображения и текст записей в блоге. Вы можете создать паттерн, отключить синхронизацию, а затем изменять изображения и текст, используя один и тот же макет в каждой записи блога.
В отличие от синхронизированных паттернов, после добавления несинхронизированного паттерна на страницу он ведет себя как обычная коллекция блоков. Вы можете изменить контент несинхронизированного паттерна, и изменения будут применены только к конкретной странице или записи.
При внесении изменений в паттерны предыдущие версии блоков сохраняются на случай, если вам потребуется вернуться к более ранней версии. Чтобы перейти к редакциям паттерна, выполните следующие действия.
- Откройте консоль.
- Перейдите в раздел Внешний вид → Редактор.
- Выберите Паттерны.
- Нажмите «Управление всеми моими паттернами».
- Наведите указатель мыши на заголовок любого паттерна и выберите Редактировать.
- Откройте боковую панель настроек страницы, как показано справа. Этот значок выглядит как квадрат с двумя неравными столбцами.
- На вкладке Паттерн нажмите Редакции. Если пункт «Редакции» не отображается, сохранённых редакций пока нет.
Если вы не можете найти меню Внешний вид → Редактор, тема вашего сайта не относится к блочным темам. Чтобы перейти к редакциям паттернов, минуя редактор сайта, выполните следующие действия.
- Откройте консоль.
- Перейдите в раздел Внешний вид → Паттерны.
- Щёлкните по заголовку паттерна, редакции которого вы хотите увидеть.
- Откройте боковую панель настроек страницы, как показано справа. Этот значок выглядит как квадрат с двумя неравными столбцами.
- На вкладке Паттерн нажмите Редакции. Если пункт «Редакции» не отображается, сохранённых редакций пока нет.
В разделе «Редакции» отобразятся все ранее сохранённые версии паттерна. Подобно редакциям страниц и записей, при желании ��десь можно загрузить более раннюю версию паттерна.
Чтобы удалить паттерны со своего сайта, выполните следующие действия.
- Перейдите в консоль, а затем в раздел Внешний вид → Редактор.
- Выберите Паттерны → Мои паттерны.
- Щёлкните по трём точкам рядом с названием любого паттерна и выберите опцию «Удалить», чтобы удалить паттерн.
Если вы не можете найти меню Внешний вид → Редактор, тема вашего сайта не относится к блочным темам. Чтобы удалить редакции паттернов, минуя редактор сайта, выполните следующие действия.
- Откройте консоль.
- Перейдите в раздел Внешний вид → Паттерны.
- Наведите курсор на заголовок паттерна, который требуется удалить.
- Под заголовком выберите опцию «Корзина».
Если у вас есть паттерн на одном сайте, который вы хотите перенести на другой сайт, вы можете экспортировать и импортировать блоки в виде JSON-файла следующим образом.
- Откройте консоль.
- Перейдите в раздел Внешний вид → Редактор.
- Выберите Паттерны.
- Нажмите «Управление всеми моими паттернами», где имеются следующие варианты действий.
- Экспорт паттерна: наведите указатель мыши на заголовок любого паттерна и выберите опцию «Экспортировать как JSON». Файл будет сохранён на вашем компьютере. Если вы создали какие-либо паттерны, вы можете выбрать сразу несколько из них с помощью флажков, чтобы экспортировать их как группу.
- Импорт паттерна: нажмите кнопку «Импорт из JSON» в верхней части экрана управления паттернами.
Если вы не можете найти меню Внешний вид → Редактор, тема вашего сайта не относится к блочным темам. Чтобы импортировать паттерн, минуя редактор сайта, выполните следующие действия.
- Откройте консоль.
- Перейдите в раздел Внешний вид → Паттерны.
- Нажмите кнопку «Импорт из JSON» в верхней части экрана «Паттерны».
- Нажмите «Выбрать файл» и выберите файл для загрузки.
- Нажмите «Импорт».
Чтобы экспортировать паттерн, минуя редактор сайта, выполните следующие действия.
- Откройте консоль.
- Перейдите в раздел Внешний вид → Паттерны.
- Наведите курсор на заголовок паттерна, который вы хотите экспортировать.
- Под заголовком выберите опцию «Экспортировать как JSON».