Полное редактирование сайта позволяет создавать каждый элемент вашего сайта WordPress — от заголовка до подвала — с помощью различных функций блоков непосредственно в редакторе сайта.
Редактор сайта позволяет изменять шаблоны, части шаблонов и настраивать общий стиль сайта. До появления редактора сайта дизайн основных элементов сайта (например, заголовка, боковой панели и подвала) определялся вашей темой. С помощью редактора сайта вы можете самостоятельно определять структуру и стиль сайта. Помимо создания содержимого страниц и записей, редактор сайта позволяет создавать общий вид и оформление сайта с помощью шаблонов.
Редактор шаблонов позволяет редактировать, создавать и назначать шаблоны отдельным записям и страницам, а также разрабатывать собственные шаблоны для записей и страниц с помощью обычного редактора блоков WordPress.
Цель
После завершения этого обучения участники смогут:
- Различать функции редактора сайта и редактора шаблонов.
- Управлять шаблонами, частями шаблонов и глобальными настройками стиля через редактор сайта.
- Редактировать, создавать и назначать шаблоны отдельным записям и страницам через редактор шаблонов.
Необходимые навыки
Участники получат максимальную пользу от этого обучения, если они знакомы со следующими понятиями:
Вопросы для самооценки
- Можете ли вы объяснить функцию шаблонов?
- Знакомы ли вы со способом назначения шаблона записи или странице?
Необходимые материалы
- Установка WordPress в локальной сети
- Блочная тема, например Twenty Twenty-Two
Примечания для ведущего
- Будет полезно создать локальный сайт до начала этого обучения.
- Введение в редактор сайта и редактор шаблонов
- Шаблоны
- Части шаблонов
План материала
- Представить обзор структуры и функций редактора сайта: шаблонов, частей шаблонов и настроек стиля.
- Показать, как можно использовать настройки стиля для изменения стиля всего сайта.
- Объяснить, что шаблон представляет собой набор блоков, объединённых для создания дизайна веб-страницы или общей структуры страницы.
- Различать динамические части (содержимое) и повторно используемые части (статические компоненты) шаблона.
- Продемонстрировать, как изменять существующие части шаблонов и создавать новые.
- Продемонстрировать, как использовать редактор шаблонов для редактирования, создания и назначения шаблонов отдельным записям и страницам.
Практика
- Используйте настройки стиля, чтобы изменить шрифт, цвет фона и цвет текста сайта.
- Отредактируйте существующий шаблон и измените части шаблона для заголовка и подвала.
- Создайте пользовательский шаблон и примените его к странице.
Оценивание
Редактор сайта предоставляет доступ к следующим функциям. Выберите все подходящие варианты.
- Шаблоны
- Части шаблонов
- Редактирование страниц или содержимого записей
- Глобальные настройки стиля
Ответы: 1. Шаблоны, 2. Части шаблонов, 4. Глобальные настройки стиля
Редактор шаблонов позволяет вам…
- создать весь сайт с помощью блоков.
- редактировать, создавать и назначать шаблоны отдельным записям и страницам.
Ответ: 2. редактировать, создавать и назначать шаблоны отдельным записям и страницам.
При управлении шаблоном содержимое отображается с помощью блока «Содержимое записи».
- Верно
- Неверно
Ответ: 1. Верно
При создании шаблона…
- вы получите наилучший результат, если не будете отделять повторно используемые части от динамических частей.
- вы получите наилучший результат, если отделите повторно используемые части от динамических частей.
Ответ: 2. вы получите наилучший результат, если отделите повторно используемые части от динамических частей.
Дополнительные материалы
- Редактор сайта
- Редактор шаблонов
- Руководство редактора блоков: шаблоны полного редактирования сайта
- Руководство редактора блоков: иерархия шаблонов
- Руководство разработчика тем: шаблоны и части шаблонов
Пример обучения
Сегодня мы подробно изучим редактор сайта и редактор шаблонов. Если вы установили блочную тему, например Twenty Twenty-Two, и готовы начать работу с полным редактированием сайта, вы заметите, что настройщик исчез. Однако если перейти в раздел «Внешний вид», вы увидите новую опцию — «Редактор». Нажав «Редактор», вы перейдёте в редактор сайта.
Здесь вы можете изменять шаблоны, части шаблонов, а также настраивать стиль всего сайта. Редактор сайта предоставляет представление «Список шаблонов», которое вы увидите слева и которое позволяет пользователям просматривать разделы сайта: шаблон главной страницы, шаблоны и все остальные части шаблонов. Это важная часть набора функций редактора сайта: по сути, вы сможете редактировать общий дизайн сайта. Чтобы изменить отображаемое представление, нажмите значок WordPress или значок вашего сайта в левом верхнем углу. После этого вы сможете выбрать возврат к панели управления, сайт (то есть шаблон главной страницы, как упоминалось ранее), список шаблонов или список частей шаблонов.
Нажав значок стилей, вы сможете изменить общие параметры типографики и цвета сайта. Если прокрутить ниже, вы также увидите возможность настроить внешний вид определённых блоков для всего сайта. Обратите внимание: настройки стиля доступны независимо от того, какой шаблон или часть шаблона вы редактируете. Если нажать «Типографика», можно управлять настройками типографики текста и ссылок. Вы можете одним нажатием изменить цвет фона сайта или цвет текста и ссылок. В правом верхнем углу вы увидите надпись ‘установить цвет фона или градиент для всего веб-сайта.’
Если нажать три вертикальные точки в правом верхнем углу, появятся варианты изменения некоторых параметров в настройках редактора:
- Режим выделения: выделяет выбранный блок и делает остальное содержимое менее заметным.
- Показывать текстовые подписи кнопок: отображает текст вместо значков на кнопках.
- Всегда открывать представление списка: по умолчанию открывает боковую панель представления списка блоков.
Как управлять шаблонами через редактор сайта? Нажмите значок WordPress в левом верхнем углу и откройте раздел «Шаблоны». Шаблон представляет собой набор блоков, объединённых для создания дизайна веб-страницы. Откроем шаблон страницы. Можно сказать, что шаблон — это макет всей страницы. Он включает такие элементы, как область заголовка, содержимое и подвал. Нажмите «Представление списка». В верхней части вы увидите заголовок, в нижней части страницы — подвал, а в центре — блок «Содержимое записи». При создании шаблона наилучший результат достигается, если отделить повторно используемые части от динамических. Динамическая часть — это содержимое, которое будет изменяться на каждой странице, использующей этот шаблон. Повторно используемая часть — это статическая часть шаблона, которая останется неизменной. Шаблоны предназначены не для публикации содержимого. Шаблон записи или страницы отображает ваше содержимое с помощью блока «Содержимое записи». Шаблон, как следует из названия, является шаблоном дизайна, который может использоваться одной или несколькими страницами и записями.
При создании нового веб-сайта вы можете отредактировать существующий шаблон или добавить новый. Вы также можете создать пользовательский шаблон. Не забудьте назначить каждой странице или записи шаблон с помощью редактора шаблонов.
Теперь поговорим подробнее об управлении частями шаблонов. Для справки: части шаблонов лучше всего использовать для создания таких областей, как заголовок, подвал и боковая панель.
Открыв части шаблонов, мы увидим созданные нами части шаблонов и части шаблонов, предоставленные используемой темой. Таким образом, четыре части шаблонов в нижней части списка предоставлены темой Twenty Twenty-Two. Если над значком части шаблона отображается точка, это означает, что этот шаблон был изменён. Находящийся выше шаблон страницы — это часть шаблона, которую я создал самостоятельно.
Наконец, вы можете решить добавить новую часть шаблона. При добавлении новой части шаблона можно выбрать общую часть шаблона, заголовок или подвал. Общая часть шаблона не привязана к определённой области. Не забудьте дать части шаблона описательное имя.
Рассмотрим, как добавить блок «Часть шаблона». Я открою свой шаблон 404, который отображается, когда содержимое не найдено. Как вы увидите, сейчас в нём нет заголовка. Поэтому откроем представление списка. Над блоком группы я вставлю блок «Часть шаблона». После выбора блока «Часть шаблона» можно выбрать существующую часть шаблона или создать новую. Давайте выберем существующую, которую я уже создал.
Теперь поговорим о редакторе шаблонов. Редактор шаблонов позволяет редактировать, создавать и назначать шаблоны отдельным записям и страницам. Посмотрим, как это работает, одновременно выполняя практические действия. Нажмите значок WordPress в левом верхнем углу и вернитесь на панель управления. Нажмите «Страницы» и откройте одну из существующих страниц. В правой боковой панели настроек вы увидите, что этой странице назначен шаблон по умолчанию — шаблон страницы. Вы также можете назначить один из других доступных шаблонов. Когда будете готовы, вы сможете отредактировать выбранный шаблон.
Нажав «Редактировать», вы перейдёте в режим редактирования шаблона. Понять, что вы находитесь в режиме редактирования шаблона, можно по имени шаблона в верхней панели. Кроме того, вокруг шаблона появится тёмная рамка, пока вы его редактируете. Но есть и третий вариант — создать новый пользовательский шаблон. Появится подсказка ‘опишите назначение шаблона, например «на всю ширину»’, и пользовательский шаблон можно будет применить к любой записи или странице. Вы можете решить создать пользовательский шаблон для целевой страницы или, возможно, для страницы портфолио.
После нажатия «Создать» вы увидите, что заголовок выглядит иначе, а подвал отсутствует. Таким образом, у вас будет пустой холст для создания собственного пользовательского шаблона. Напомним: режим редактирования шаблона позволяет переключаться между редактированием содержимого отдельной записи или страницы и шаблона, используемого этой записью или страницей.
Мы уверены, что теперь вы лучше понимаете, как использовать редактор сайта и редактор шаблонов.
Заключение обучения