WP Как добавить класс если отсутствует контент?

Рейтинг: 0Ответов: 2Опубликовано: 14.08.2023

Есть необходимость в добавлении класса 'header_dark' к тегу <body> при условии что в контенте отсутствует тег <section> Вот написал вот такой код, но он не работает.

function add_dark_class_to_head() {
    if (is_singular()) {
        $post_content = get_post_field('post_content', get_the_ID());
        $main_section_pattern = '/<main\b[^>]*>(.*?)<section\b[^>]*>/s';

        if (preg_match($main_section_pattern, $post_content)) {
            add_filter('body_class', function ($classes) {
                $classes[] = 'header_dark';
                return $classes;
            });
        }
    }
}
add_action('wp_head', 'add_dark_class_to_head');

Подскажите, в чем может быть проблема? Что я не так проверяю ? *Контент сохраняеться в стандартные таблицы WP и задаеться через Classic Editor

header.php

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
    <meta charset="<?php bloginfo('charset'); ?>">
    <meta name="viewport" content="initial-scale=1, width=device-width, height=device-height, viewport-fit=cover"><meta name="format-detection" content="telephone=no">
    <?php wp_head(); ?>
</head>
<body <?php body_class(); ?>>
<div class="wrapper">
    <header>
    </header>
    <main id="main" class="main">

page.php

<?php get_header(); ?>
<div class="container">
    <div id="content" class="col_content">
        <div <?php post_class('post section py-md') ?> id="post-<?php the_ID(); ?>">

    <div class="title">
        <?php am_the_custom_title('h1'); ?>
    </div>

    <div class="entry">
        <?php the_content(__('Read more', 'am')); ?>
        <div class="clear clearfix"></div>
        <?php wp_link_pages(array('before' => '<div class="page-link"><p><span>' . __('Pages:', 'am') . '</span>', 'after' => '</p></div>')); ?>
        <?php edit_post_link(__('Edit', 'am'), '<br /><p>', '</p>'); ?>
    </div>

</div>
    </div>
</div>
<?php get_footer(); ?>

footer.php

</main>
<footer class="page-footer"></footer>
</div>
<?php wp_footer(); ?>
</body>
</html>
wordpress
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Вот код:

/**
 * Add body class when a section exists in the post.
 *
 * @return void
 */
function add_dark_class_to_head() {
    if ( ! is_singular() ) {
        return;
    }

    $post_content = get_post_field( 'post_content', get_the_ID() );

    if ( preg_match( '#<section.+?</section>#is', $post_content ) ) {
        return;
    }

    add_filter(
        'body_class',
        static function ( $classes ) {
            $classes[] = 'header_dark';

            return $classes;
        }
    );
}

add_action( 'wp_head', 'add_dark_class_to_head' );
▲ -2

В целом у вас должна отработать даже эта регулярка #<main .*?</section#s при условии валидной верстки. Если верстка может быть не валидной, то нужно исправлять верстку. Это первый момент, который заключается в том, что ваша логика уже должна была заработать.

Далее нужно разобраться с wordpress. get_post_field получает контент поста и фильтрует его для вывода на экран, по умолчанию display третьим аргументом там идет. То есть в таких ситуациях нужно задать себе четыре вопроса:

  1. Я получу контент в хуке wp_head?
  2. Я получаю в нужном мне формате от get_post_field? Там точно ничего не экранируется?
  3. Регулярное выражение точно работает на тех данных, которые я получаю от пункта 2?
  4. Я точно могу воздействовать на хук body_class в этом месте?

Что касается самой логики, а вы вообще уверены, что у вас всегда будет темная тема при отсутствии тега <section>? Вы точно уверены, что такое поведение не изменится в будущем и это не приведет к трудноуловимым багам? Вы точно хотите похоронить этот тег в светлой теме?)) Вы готовы к тому, чтобы обходить вывод каждой вашей статьи регулярным выражением вместо того, чтобы просто вывести контент? То есть сперва нужно ответить на эти вопросы, а потом решить задачу.

Вы можете пойти по другому пути и создать мета поле для постов назвав его dark-theme и сделав переключателем. Ну и еще я уверен 50+ вариантов решения этой задачи найдется без использования вот этих костылей