如何在WordPress中通过模板向HTML标签动态添加类

时间:2019-06-17 14:05:12

标签: jquery wordpress function

我想在默认的page.php的HTML中添加背景图片,最好的方法是在HTML标签上添加一个类,以便可以在CSS中定位该类,因此理想情况下,我想说的是“如果是此页面模板,则将“ header-default”类添加到HTML标记中

我尝试进行研究,但我得到了类似的答案,但确实需要一些特定的方向:

function is_page_template( $template = 'page.php' ) {

    if ( is_page_template( $template ) ) {
        if ( ( in_array( 'default', $template, true ) && ! $page_template )
            'html' => 'page--header__default',
        ) {
            return true;
        }
    }

    return ( 'default' === $template && ! $page_template );
}

我收到一个错误,指出js语法错误不是我的强项,所以我不知道问题出在哪里。

1 个答案:

答案 0 :(得分:0)

您不必在HTML标签中添加类。您需要将其添加到主体。 WordPress已经有一个过滤器,允许您设置自定义类,请检查以下示例:

add_filter( 'body_class', 'custom_class' );
function custom_class( $classes ) {
    if ( is_page_template( 'page-example.php' ) ) {
        $classes[] = 'example';
    }
    return $classes;
}

来源:https://developer.wordpress.org/reference/functions/body_class/#comment-1846