Wordpress 2017全角模板

Question

我正在创建 WordPress 网站并使用默认的 2017 年主题。

我已经创建了子主题并创建了全宽模板，但我无法在 css 文件中解决这个问题。

我想做一些CSS：

.full-width { width: 100%; }

然后应用它

<div class="entry-content full-width">

但由于某种原因它永远不会覆盖默认样式宽度：58%

我能够解决这个问题的唯一方法是将样式直接写入元素

<div class="entry-content" style="width:100%;">

你知道如何用 css 类解决这个问题吗？

Answer 1

我通过在functions.php中添加过滤器得到了一个解决方案，它对我有用。

function twentyseventeen_body_classes_child( $classes ){
    if( is_page() && is_page_template('full-width.php') ){
        $classes[] = 'page-single-column';
        $classes = array_diff($classes, array('page-two-column'));
    }
    return $classes;
}
add_filter( 'body_class', 'twentyseventeen_body_classes_child' );