レイアウト設定
アフィリエイトリンク(広告)がありますのでご了承ください。
サイト全体の基本的なレイアウト(構成)を整えていきましょう。

① ヘッダーの表示
サイトの最上部にある「ヘッダー」の動きを設定します。
スクロールした時にヘッダーを一緒に動かすか、固定するかなどを選択できます。
表示の設定:
スクロールに追従しない: スクロール時に追従しない設定です
スクロールに追従する(固定): スクロール時にヘッダーが追従してきます(上部に表示が固定される)
② 表示幅とヘッダーの色設定
ヘッダーの広がり方や色を細かく指定できます。
表示幅: 「画面いっぱい」に広げるか、「サイト幅に合わせる」かを選択できます。
「サイト幅に合わせる」は下記設定の「サイト全体の最大幅(px)」の設定幅になります。
ヘッダーの色設定: 背景色と文字色を、カラーピッカーで自由に組み合わせて変更可能です。
③ サイト全体のサイズ感(px単位)
サイトの読みやすさを決める「幅」の設定です。
サイト全体の最大幅: 1025px〜1400pxの間で設定できます(標準は1200pxです)。
④ サイドバーの位置と表示設定
サイドバーの幅やサイドバーをどこに出すか、どのページに出すかを細かく制御できます。
サイドバーの幅: 200px〜400pxの間で調整可能です。
サイドバーの位置: 「右」か「左」か「表示しない」を選べます。
サイドバー表示設定: トップページ、投稿ページ、アーカイブページなど、ページタイプごとに表示・非表示をチェックボックスで切り替えられます。
⑤ サイドバー非表示の個別除外設定
「基本は表示させたいけれど、この記事だけはサイドバーを消してスッキリ見せたい」という時に使います。
投稿ID / 固定ページID: 非表示にしたい記事のID(数字)をカンマ区切りで入力します。
番号はワードプレス上の各投稿・固定ページのURLに乗っている「post=」の数値になります。
(下記画像は投稿のを載せています。固定ページも見る場所は同じです)
![]()