Руководства/Редактирование сайта/Темы/Темы, шаблоны и страницы

Темы, шаблоны и страницы

Когда вы создаёте сайт на WordPress, три компонента влияют на то, что видят ваши посетители: тема, шаблоны и контент сайта. В этом руководстве объясняется, как эти три компонента действуют в блочных темах — это самые популярные темы WordPress.

Ваша тема

Тема — это общий дизайн и оформление вашего сайта. Она определяет цвета, шрифты, интервалы и макет каждой страницы по умолчанию. Активируя тему, вы выбираете отправную точку дизайна вашего сайта.

Several theme thumbnails in the Theme Gallery.
Каталог тем в разделе Внешний вид → Темы

Узнайте, как подобрать идеальную тему.

Ваши шаблоны

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

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

Просматривать и редактировать шаблоны можно в редакторе сайта, перейдя в раздел Внешний вид → Редактор → Шаблоны.

The Site Editor open to the Templates menu item and template thumbnails appear on the right.

Узнайте, как работать с шаблонами сайта.

Ваш контент

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

Именно его вы станете редактировать чаще всего. Страницы можно редактировать в разделе Страницы, а записи — в разделе Записи вашей консоли.

An about us page open in the editor with the list view and page sidebar both open.

Узнайте, как работать со страницами и записями.

Как взаимодействуют между собой компоненты сайта

Три компонента действуют совместно друг с другом: тема задаёт общий дизайн сайта, шаблоны определяют макеты, в которых размещается контент различных типов, а сам контент представлен на страницах и в записях. Компоненты иерархически вложены один в другой.

Выбор темы

Several theme thumbnails in the Theme Gallery.

Настройка шаблона и макета

The Site Editor open to the Templates menu item and template thumbnails appear on the right.

Создание контента

An about us page open in the editor with the list view and page sidebar both open.

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

Где вносить изменения

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

  • Чтобы изменить общий вид и оформление сайта, выберите тему, перейдя в раздел Внешний вид → Темы.
  • Чтобы изменить макет заголовка, подвала или страницы, отредактируйте шаблон в разделе Внешний вид → Редактор → Шаблоны.
  • Чтобы изменить текст, изображения или блоки на определённой странице, отредактируйте страницу в разделе Страницы → выбрать страницу.

⚠️

Будьте внимательны к контенту шаблонов. Распространённая ошибка — помещать контент страницы (например, текст или изображения) непосредственно в шаблон. Поскольку шаблоны используются многократно, такой контент появится на каждой странице сайта, где размещён данный шаблон. В этом случае см. раздел Как исправить ошибку: размещение контента в шаблоне, а не на странице.

Что ещё следует прочесть

В этих руководствах более подробно описывается каждый элемент системы:

  • Как пользоваться редактором WordPress: научитесь создавать дизайн, страницы и записи сайта при помощи редактора.
  • Шаблоны: просматривайте, редактируйте и создавайте макеты, определяющие структуру страниц.
  • Стилизация сайта: меняйте шрифты, цвета и интервалы на сайте.
  • Меню: настройте навигацию на вашем сайте.
  • Типы тем: сравните блочные, классические темы и темы других типов.
Copied to clipboard!