Документация WordPress

body_class

Q: body_class

body_class - функция WordPress, которая добавляет классы CSS в тег страницы, позволяя разработчикам использовать стили CSS для определенных страниц или разделов сайта.

body_class — функция WordPress, которая добавляет классы CSS в тег страницы, позволяя разработчикам использовать стили CSS для определенных страниц или разделов сайта.

Функция body_class обычно используется в файле header.php темы WordPress и генерирует список CSS-классов на основе текущей страницы и отображаемого поста. Эти классы могут включать в себя:

.home: Применяется к главной странице сайта.
.page-template-[имя шаблона]: Применяется к страницам, использующим определенный файл шаблона.
.single-post: Применяется к отдельным постам блога.
.category-[category-slug]: Применяется к архивным страницам категорий.
.tag-[tag-slug]: Применяется к архивным страницам тегов.
.search-results: Применяется к страницам результатов поиска.
.logged-in: Применяется к страницам, когда пользователь вошел в систему.
.admin-bar: Применяется к страницам, когда видна панель администратора WordPress.

Разработчики могут использовать эти классы для применения определенных стилей к различным разделам сайта, а также для скрытия или отображения определенных элементов на определенных страницах. Например, разработчик может использовать .home для применения фонового изображения к главной странице или .logged-in для отображения специального навигационного меню для зарегистрированных пользователей.

Вот пример того, как функция body_class может быть использована в теме WordPress.

Допустим, мы хотим добавить пользовательский CSS-класс в тег body на странице контактов нашего сайта. Мы можем сделать это, отредактировав файл header.php нашей темы и добавив функцию body_class в тег body.

Когда пользователь заходит на страницу контактов на нашем сайте, функция body_class добавляет в тег body ряд CSS-классов в зависимости от просматриваемой страницы. Результирующий HTML может выглядеть следующим образом:

В данном примере page и page-template-default - это классы по умолчанию, добавленные WordPress, а page-id-7 - это уникальный идентификатор страницы контактов, которую например мы создали. Класс contact-us - это класс, который мы добавили в тег body с помощью функции body_class.

theme