カテゴリー
Twenty Nineteen

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

ワードプレステーマ「Twenty Nineteen」のヘッダーナビゲーションのメニューバーでは、固定ページ、投稿ページ、カテゴリー、カスタムリンクから好きなページを自由に組み合わせることが出来て、便利!ただ、項目の余白が窮屈だったので、1rem分のマージンを入れてみました。

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

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

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

twenty nineteen - header menu setting

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

blog header menu and category

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

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

レイアウトの調整

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

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

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

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

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

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

作成者: のろのろ

ゲーマーで、トレッキーに片足突っこんでいる、SF好きの、雑記ブロガーです。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください