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 проекта. Если Вам нужна техническая поддержка по купленному у нас плагину или шаблону, то создайте тикет в личном кабинете.

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