Twenty Nineteen-3、「ヘッダーメニュー」が便利!

【2020年3月更新】

ワードプレステーマ「Twenty Nineteen」のヘッダーナビゲーションメニュー (メニューバー)は、固定ページ、投稿ページ、カテゴリー、カスタムリンクから好きなページを自由に組み合わせることが出来て、ものすごく便利です!

ヘッダーメニューの設定法

外観 → メニュー → ページにチェック → メニューに追加 → 自由に組み替え → メニューに保存

Twenty Nineteen、ヘッダーメニューの調整
Twenty Nineteen、ヘッダーメニューの調整

上の図の「副項目」の様に、選んだ項目をつかんで右に動かすと、子要素になり、下図オレンジ枠の下矢印を押すと表示されるようになります。

Twenty Nineteen、ヘッダーメニュー、階層構造
Twenty Nineteen、ヘッダーメニュー、階層構造

固定ページの下にカテゴリーアーカイブを入れたり、人気記事に誘導したり、自由度が高いです!

すっごい地味ですが、ここまで柔軟に組めるのは何気に初めてなので、喜んでいます。

レイアウトの調整

項目の余白が窮屈だったので、ついでに1rem分のマージンを入れてみました。

「外観→CSSの編集」に下のコードをコピペ

.site-branding,
.main-navigation ul.main-menu > li {
	line-height: 1.25;
	margin-right: 1rem;
}

「margin-right: 1rem;」の数字を調整すると各項目の右側のマージン幅を調整できます。

「line-height」の行は不要ですが、後で変えたくなった時のために書いておきました。

最後までお読みいただきありがとうございました。

作成者: のろのろ

サイト管理者

コメントする

メールアドレスが公開されることはありません。 が付いている欄は必須項目です