Паттерны блоков — это готовые макеты, которые можно добавить на сайт в редакторе WordPress всего несколькими щелчками мыши. В этом руководстве показано, как добавить паттерны блоков на сайт и настроить их, добавив собственное содержимое.
В этом видео вы узнаете, как использовать паттерны блоков на сайте WordPress.com. В нём рассматривается добавление готового паттерна через инструмент вставки, редактирование его содержимого и разметки, а также повторное использование созданных вами паттернов.
Это видео на английском языке.
YouTube предлагает функции автоматического перевода, чтобы вы могли смотреть его на своём языке:
Чтобы включить автоматически переведённые субтитры:
- Запустите видео.
- Нажмите значок ⚙️ Настройки (в правом нижнем углу видео).
- Выберите Субтитры/CC.
- Нажмите Автоматический перевод.
- Выберите нужный язык.
Чтобы слушать автоматический дубляж (экспериментальная функция):
- Нажмите ⚙️ Настройки.
- Выберите Аудиодорожка.
- Выберите язык, на котором хотите слушать видео:
ℹ️ Переводы и дубляж создаются автоматически с помощью Google, могут содержать неточности, а функция автоматического дубляжа всё ещё находится на стадии тестирования и доступна не для всех языков.
Чтобы просмотреть доступные паттерны блоков и добавить их на сайт, выполните следующие действия:
- Откройте консоль сайта.
- Откройте для редактирования страницу, запись или шаблон, куда хотите добавить паттерн.
- На экране редактирования нажмите кнопку + Инструмент вставки блоков в верхнем левом углу:
- Перейдите на вкладку Паттерны.
- Ознакомьтесь с доступными паттернами. Можно просматривать коллекции по рубрикам, например: «Начальное содержимое», «Контакты», «Галерея», «Записи в блоге» и другие.
- Чтобы увидеть все паттерны в большом окне, нажмите кнопку Просмотреть все паттерны в нижней части этого раздела.
- Щёлкните любой паттерн, и он добавится в то место, где находится курсор.
После добавления паттерна блока на сайт он становится частью вашего содержимого. Любые дальнейшие обновления или удаления паттернов из библиотеки никак не затронут паттерны, уже добавленные на ваши страницы и в записи.
📌
Изображения, входящие в паттерны блоков и начальное содержимое, можно использовать бесплатно, но они размещены на внешних ресурсах и не сохраняются в Библиотеку файлов сайта. Со временем они могут измениться или быть удалены. Для лучшего результата замените их собственными изображениями.
Чтобы просматривать паттерны при разных размерах экрана и проверки их адаптивности используйте библиотеку паттернов WordPress.com. Здесь можно искать и просматривать паттерны, а затем копировать и вставлять их в редактор блоков:
- Перейдите в библиотеку паттернов.
- Используйте навигацию по рубрикам или поиск по категории или ключевому слову, чтобы найти нужные паттерны.
- Найдя нужный паттерн, нажмите кнопку Копировать паттерн.
- Если вы не вошли в учётную запись, копировать можно только первые три паттерна в каждой рубрике. Чтобы скопировать остальные, нажмите Получить доступ и войдите в учётную запись или создайте бесплатную учётную запись WordPress.com.
- Перейдите в редактор записи, страницы или шаблона на сайте WordPress.com и вставьте паттерн с помощью сочетания клавиш Command + V (Mac) или CTRL + V (Windows) либо щёлкните правой кнопкой мыши и выберите Вставить.
- При необходимости отредактируйте содержимое (изображения, текст, ссылки). Стили, заданные в редакторе сайта, будут автоматически применены к вставленному паттерну.
У паттерна блока есть два режима редактирования. Переключайтесь между ними в зависимости от того, что именно нужно изменить:
- Режим редактирования содержимого (по умолчанию): замена текста, изображений и ссылок внутри паттерна. Разметка остаётся заблокированной, поэтому случайно переместить или удалить блоки, формирующие структуру паттерна, невозможно.
- Полный режим редактирования: здесь можно менять саму разметку, а также добавлять, удалять, перемещать блоки и менять их стиль.
При добавлении паттерна на страницу или в запись он открывается в режиме редактирования содержимого. Далее каждый из режимов описан подробнее.
При добавлении паттерна блока на страницу или в запись он открывается в режиме редактирования содержимого. В этом режиме разметка паттерна заблокирована, и вы можете спокойно редактировать текст и изображения, не рискуя случайно нарушить структуру или удалить блок.
В режиме редактирования содержимого редактор показывает только те элементы, которые можно редактировать:
- В Представлении в виде списка отображаются только блоки с содержимым внутри паттерна — заголовки, абзацы, изображения и кнопки. Структурные блоки, управляющие разметкой (столбцы, группы и строки), скрыты до тех пор, пока вы не нажмёте кнопку Редактировать паттерн.
- На боковой панели блока есть вкладка Содержимое с редактируемыми полями для выбранного блока, опция Представление в виде списка для добавления или удаления отдельных элементов внутри паттерна, а также вкладка Стили с настройками внешнего вида.
- На панели инструментов блока есть кнопка Редактировать паттерн для перехода в полный режим структурного редактирования и кнопка Случайный вариант (значок в виде капли), чтобы переключаться между вариантами стилей (если они доступны).
Щёлкните по любому видимому блоку с содержимым, чтобы отредактировать его: выберите заголовок, чтобы изменить текст, щёлкните по изображению, чтобы заменить его, или обновите ссылку, указав новый URL-адрес.
Некоторые блоки внутри паттерна содержат повторяющиеся элементы, например блок Кнопки и блок Значки соцсетей. Отдельные элементы можно добавлять или удалять, не выходя из режима редактирования содержимого.
Чтобы отредактировать такие блоки в режиме редактирования содержимого, выполните следующие действия:
- Щёлкните по паттерну в редакторе.
- Откройте боковую панель настроек блока.
- Нажмите значок Представление в виде списка на боковой панели настроек блока.
- Нажмите значок + инструмента вставки блоков, чтобы добавить ещё один элемент того же типа (например, отдельную кнопку, значок соцсети или ссылку).
- Нажмите меню с тремя точками (⋮) справа от любого блока, чтобы выбрать одну из следующих опций:
- Переместить вверх/вниз: перемещение элемента внутри блока вверх или вниз.
- Дублировать: создание точной копии элемента.
- Добавить до/после: добавление новой кнопки, ссылки или значка соцсети до или после текущего элемента.
- Добавить заметку: добавить заметку к элементу.
- Удалить: удаление элемента из родительского блока.
Чтобы изменить разметку паттерна блока, перейдите из режима редактирования содержимого в полный режим редактирования. Завершив изменения, вернитесь в режим редактирования содержимого — так разметка останется заблокированной, пока вы продолжаете редактировать текст и изображения.
Чтобы отредактировать разметку паттерна блока, выполните следующие действия:
- Щёлкните паттерн в редакторе.
- Нажмите кнопку Редактировать паттерн на панели инструментов или в боковой панели настроек:
- Внесите структурные изменения — можно перемещать, удалять или добавлять блоки.
- Чтобы вернуться в режим редактирования содержимого, нажмите кнопку Выйти из паттерна в боковой панели настроек блока или на панели инструментов блока.
Паттерны, которые вы создали, также отображаются в разделе Паттерны инструмента вставки блоков. Чтобы добавить созданный вами паттерн, выполните следующие действия:
- Откройте консоль.
- Перейдите в раздел Страницы или Записи и выберите страницу или запись для редактирования либо откройте Редактор сайта в разделе Внешний вид → Редактор.
- На экране редактирования нажмите кнопку + Инструмент вставки блоков в верхнем левом углу.
- Перейдите на вкладку Паттерны.
- Выберите рубрику Мои паттерны.
- Щёлкните паттерн один раз, чтобы добавить его в содержимое, или перетащите его в нужное место.
Узнайте, как редактировать свои паттерны и управлять ими.
