body_class

14 февраля, 2025
Узнайте, как использовать хук body_class для изменения классов в теге body в WordPress
Быстрая навигация по записи

Описание body_class

— Filter

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

Примеры использования

Пример добавления кастомного класса для всех страниц постов:

				
					add_filter('body_class', function($classes) {
   if (is_single()) {
       $classes[] = 'custom-post-class';
   }
   return $classes;
});
				
			

В этом примере мы добавляем класс ‘custom-post-class’ ко всем страницам с постами

Пример добавления класса в зависимости от типа записи:

				
					add_filter('body_class', function($classes) {
   if (is_page()) {
       $classes[] = 'custom-page-class';
   }
   return $classes;
});
				
			

Здесь мы добавляем класс ‘custom-page-class’ для всех страниц

Пример удаления стандартного класса ‘home’ с главной страницы:

				
					add_filter('body_class', function($classes) {
   if (is_home()) {
       $key = array_search('home', $classes);
       if ($key !== false) {
           unset($classes[$key]);
       }
   }
   return $classes;
});
				
			

В этом примере мы удаляем стандартный класс ‘home’ с главной страницы

— Лучшие практики

– Использование

Используйте этот хук, когда необходимо изменить или добавить классы для тега body, чтобы управлять стилями и функциональностью страниц

– Производительность

Хук не должен значительно влиять на производительность, так как изменения касаются только HTML-кода

– Предупреждения

Следите за тем, чтобы добавляемые классы не конфликтовали с существующими стилями или скриптами на сайте

Альтернативы

Тип: filter

Этот хук позволяет изменять классы для элементов поста, а не для тега body

Используйте его, если необходимо изменить классы, применяемые к отдельным записям или элементам в цикле

Оставить комментарий

Нужна помощь с WordPress WooCommerce плагинами темой оптимизацией ?

Упрощаем сложное, создаем впечатляющее!
100% без риска
Нет обязательств по найму
Бесплатная оценка
5900 ₽
Система аренды
Шаблон сайта аренды спецтехники или строительного оборудования. Этот шаблон помогает создать функциональный ресурс, где пользователи могут легко арендовать оборудование для строительства

Поможем вывести Ваш бизнес на новый уровень!

Проснувшись однажды утром после беспокойного сна, Грегор Замза обнаружил

Добро пожаловать!

Авторизуйтесь, чтобы продолжить

или

Забыли пароль? Восстановить

* Если аккунта у Вас еще нет, то он будет создан автоматически

Давайте составим техническое задание!
100% без риска
Нет обязательств по найму
Бесплатная оценка стоимости
Здравствуйте! Я асистент на основе искусственного интеллекта. Вы можете общаться со мной, как с человеком — задавайте вопросы, описывайте свои идеи и требования.

С удовольствием помогу вам составить техническое задание для вашего WordPress проекта. Если Вам нужна техническая поддержка по купленному у нас плагину или шаблону, то создайте тикет в личном кабинете.

Выберите подходящий вариант или опишите свою задачу в свободной форме, и я помогу вам составить четкий план действий, для оценки стоимости нашими разработчиками! 😊