Wordpress 2017 全角模板答案

【问题标题】：Wordpress 2017 full-width templateWordpress 2017 全角模板
【发布时间】：2016-12-28 22:15:47
【问题描述】：

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

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

我想做一些css，比如：

.full-width { width: 100%; }

然后应用它

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

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

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

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

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

【问题讨论】：

标签： wordpress wordpress-theming

【解决方案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' );

【讨论】：