给HTML动态添加CSS-WP新手学园

我们都知道，WordPress可以通过body_class来动态添加CSS内容，但是如果想要针对HTML添加指定或者根据不同情况来添加不同的东西，就需要用到下面的代码了。

我们这里是不考虑修改原始文件的，毕竟修改原始文件并不是真正意义上的功能。

add_filter( 'language_attributes', 'add_no_js_class_to_html_tag', 10, 2 );

function add_no_js_class_to_html_tag( $output, $doctype ) {
    if ( 'html' !== $doctype ) {
        return $output;
    }

    $output .= ' class="no-js"';

    return $output;
}

add_filter( 'language_attributes', 'add_no_js_class_to_html_tag', 10, 2 );

function add_no_js_class_to_html_tag( $output, $doctype ) {

if ( 'html' !== $doctype ) {

return $output;

}

$output .= ' class="no-js"';

return $output;

}

从代码部分不难看出，采用的是WordPress自带的函数：language_attributes()

这个函数的相关描述如下：

language_attributes() 函数介绍

函数用法

Displays the language attributes for the ‘html’ tag.

功能介绍

Builds up a set of HTML attributes containing the text direction and language information for the page.

参数介绍

$doctype

(string) (Optional) The type of HTML document. Accepts 'xhtml' or 'html'. Default value: 'html'

返回值

暂无数据

翻译过来的意思：构建一组 HTML 属性，其中包含页面的文本方向和语言信息。

所以这个函数正好也非常好的能使该功能实现了，效果如下：