ワードプレス2017全幅テンプレート

Question

私はワードプレスのウェブサイトを作成しており、デフォルトの2017テーマを使用しています。

私は子供のテーマを作成して幅を広げるためのテンプレートを作成しましたが、これをCSSファイルで解決できませんでした。

.full-width { width: 100%; } 

してからちょうどそれを

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

を適用するが、何らかの理由でそれがデフォルトのスタイルの幅を上書きすることはありません：58％

私はのようないくつかのCSSをしたいと思っ

私がこれを解決できる唯一の方法は、要素に直接スタイルを書くことです。

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