Задать вопрос
@hooli-gun
wordpress

Как добавить свой класс body?

По стандарту код:
<body <?php body_class(); ?>>
Выводит что то такое:
<body class="page page-id-7 page-template page-template-page-example page-template-page-example-php example">

Но как мне добавить каждой странице свой клас?
Например странице контакты класс contact, а странице о нас about.
  • Вопрос задан
  • 137 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Пригласить эксперта
Ответы на вопрос 2
artzolin
@artzolin Куратор тега WordPress
php, WordPress разработка сайтов artzolin.ru
Есть фильтр body_class на котором вы можете добавить в массив собственные классы по условиям. Для решения вашей задачи, можете добавить post slug записи в список классов

function theme_body_classes( $classes ) {

	// Add hfeed class to non-singular pages.
	if ( ! is_singular() ) {
		$classes[] = 'hfeed';
	}

	// Check if site is being viewed from a mobile device.
	if ( wp_is_mobile() ) {
		$classes[] = 'wp-mobile';
	} else {
		$classes[] = 'wp-desktop';
	}

	// Add post slug to list of classes
	if ( is_single() ) {
		$classes[] = get_post_field( 'post_name', get_the_ID() );
	}

	return array_unique( (array) $classes );
}
add_filter( 'body_class', 'theme_body_classes' );
Ответ написан
3 комментария
3 комментария
politon
@politon
HTML5,CSS3,JS,PHP,SQL,API,canvas,animation...
Как вариант через js
let className=document.location.pathname;
document.body.classList.add(className.replace(/\//gi, ''))
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
WordPress developer (Contractor, Remote)
Hicaliber
До 2 300 $
Разработчик на Wordpress
Nocodered
от 40 000 до 140 000 ₽
Бэкэнд разработчик сайтов
Валверде
от 40 000 до 60 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать тг бота для сбора 4 данных в эксель + проверка на подписку
26 апр. 2024, в 19:17
1000 руб./за проект
Написать видео сцену на unity с картой
26 апр. 2024, в 19:12
5000 руб./за проект
Написать программу на c# используя видео и карту
26 апр. 2024, в 19:10
5000 руб./за проект
Ещё заказы