WordPressテーマSANGOの質問

PC画面のサイドバーを非表示にし、記事エリアを中央寄せしたい

アバター
コウダイ

お忙しいなか恐れ入ります。ご質問させてください。
ホーム表示ページ、記事ページともに、記事エリアを中央寄せしたいと考えております。
同時に、サイドバーを非表示、もしくは記事下に送りたいのですが、どうすればよいのでしょうか。

ウィジェットの設定をする
ウィジェットの設定をしよう:広告の貼り方も解説
コメントへの回答
サルワカくん
サルワカくん
2019/08/24

以下のようなCSSをダッシュボードの[外観]⇒[カスタマイズ]⇒[追加CSS]に貼り付ければ固定ページ(ホーム固定した場合を含む)と投稿ページを中央寄せにできます。

(ただし、コンテンツ下のサイドバーが広くなりすぎてしまうのが問題ですね)

.single .d-5of7, .post .d-5of7, .page .d-5of7 {
  padding-right: 0;
  float: none;
  margin-left: auto;
  margin-right: auto;
}
.single .d-2of7, .page .d-2of7{
  float: none;
  width: 100%;
  padding-right: 0;
}

全ての投稿ページと固定ページのサイドバーを非表示にしたい場合は以下のコードを子テーマのfunctions.phpに貼り付ければOKです。

function sng_is_sidebar_shown() {
    if( !is_active_sidebar( 'sidebar1' ) ) return false;
    if( is_singular() && wp_is_mobile() && get_option('no_sidebar_mobile') ) return false;
    // 記事ページと投稿ページで非表示に
    if( is_single() || is_page()  ) {
      return false;
    }
    // それ以外では表示
    return true;
}

なお、全体的なレイアウトをカスタマイズすると、もしかすると今後のアップデートでデザインが崩れる可能性があります。仮に崩れた場合には、こちらのCSSは削除していただくようお願いします。
よろしくお願いいたします。

アバター
コウダイ
2019/08/28

ご回答、ありがとうございます。
解決しました。