WordPressテーマSANGOの質問

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

コウダイ

2019/08/23

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

ウィジェットの設定をしよう：広告の貼り方も解説

コメントへの回答

サルワカくん

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は削除していただくようお願いします。
よろしくお願いいたします。