レイアウト設定

レイアウト設定

アフィリエイトリンク(広告)がありますのでご了承ください。


サイト全体の基本的なレイアウト(構成)を整えていきましょう。

① ヘッダーの表示

サイトの最上部にある「ヘッダー」の動きを設定します。

スクロールした時にヘッダーを一緒に動かすか、固定するかなどを選択できます。

表示の設定:

スクロールに追従しない: スクロール時に追従しない設定です

スクロールに追従する(固定): スクロール時にヘッダーが追従してきます(上部に表示が固定される)


② 表示幅とヘッダーの色設定

ヘッダーの広がり方や色を細かく指定できます。

表示幅: 「画面いっぱい」に広げるか、「サイト幅に合わせる」かを選択できます。

「サイト幅に合わせる」は下記設定の「サイト全体の最大幅(px)」の設定幅になります。

ヘッダーの色設定: 背景色と文字色を、カラーピッカーで自由に組み合わせて変更可能です。


③ サイト全体のサイズ感(px単位)

サイトの読みやすさを決める「幅」の設定です。

サイト全体の最大幅: 1025px〜1400pxの間で設定できます(標準は1200pxです)。


④ サイドバーの位置と表示設定

サイドバーの幅やサイドバーをどこに出すか、どのページに出すかを細かく制御できます。

サイドバーの幅: 200px〜400pxの間で調整可能です。

サイドバーの位置: 「右」か「左」か「表示しない」を選べます。

サイドバー表示設定: トップページ、投稿ページ、アーカイブページなど、ページタイプごとに表示・非表示をチェックボックスで切り替えられます。


⑤ サイドバー非表示の個別除外設定

「基本は表示させたいけれど、この記事だけはサイドバーを消してスッキリ見せたい」という時に使います。

投稿ID / 固定ページID: 非表示にしたい記事のID(数字)をカンマ区切りで入力します。

番号はワードプレス上の各投稿・固定ページのURLに乗っている「post=」の数値になります。

(下記画像は投稿のを載せています。固定ページも見る場所は同じです)