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' );

Wordpress 2017全角模板

1 个答案: