ナビゲーションメニューを横メニューにする方法についての考察

WordPress.com のこれまでのデフォルトテーマを使って、ナビゲーションメニューを横メニューにする方法について、試行錯誤してみましたが、

だいたい、同じような考え方ですべてできたので、その考え方についての覚え書きです。上記5つの中ではテーマ「Twenty Eleven」が最もシンプルに横メニューにすることができたので、ここでは、テーマ「Twenty Eleven」を使って覚え書きしたいと思います。

Twenty Eleven のカスタマイズ — WordPress

rect3015

Twenty Eleven のカスタマイズ — WordPress-4

続きを読む

テーマ「Twenty Fourteen」のナビゲーションメニューを横メニューにするための CSS

テーマ「Twenty Fourteen」のナビゲーションメニューを縦型から横型に変更する方法についての覚え書きです。

t demo | WordPress.com のデモ用-8

rect3015

t demo | WordPress.com のデモ用-9

続きを読む

テーマ「Twenty Ten」のナビゲーションメニューを横メニューにするための CSS

テーマ「Twenty Ten」のナビゲーションメニューを縦型から横型に変更する方法についての覚え書きです。

t demo | WordPress.com のデモ用-6

rect3015

t demo | WordPress.com のデモ用-7

続きを読む

テーマ「Twenty Eleven」のナビゲーションメニューを横メニューにするための CSS

テーマ「Twenty Eleven」のナビゲーションメニューを縦型から横型に変更する方法についての覚え書きです。

t demo | WordPress.com のデモ用-5

rect3015

t demo | WordPress.com のデモ用-4

続きを読む

テーマ「Twenty Twelve」のナビゲーションメニューを横メニューにするための CSS

テーマ「Twenty Twelve」のナビゲーションメニューを縦型から横型に変更する方法についての覚え書きです。

t demo | WordPress.com のデモ用

rect3015

t demo | WordPress.com のデモ用-3

続きを読む

テーマ「Twenty Thirteen」のナビゲーションメニューを横メニューにするための CSS

テーマ「Twenty Thirteen」のナビゲーションメニューを縦型から横型に変更する方法についての覚え書きです。

t demo | WordPress.com のデモ用-1

rect3015

t demo | WordPress.com のデモ用-2

続きを読む