【WordPress.com】ナビゲーションメニューにアイコンを入れる方法 (改)

3年以上前に記事「[WordPress] ナビゲーションメニューにアイコンを入れる方法 | comemo」において、メニューに画像のアイコンをつける方法について覚え書きをしましたが、ここでは、Web フォント「Noticons」をメニューの左側に追加する方法について覚書きしたいと思います。ざっくり説明すると、画像のかわりに Web フォントが入るだけです。

2015-03-06 at 14.16

続きを読む

#2015

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

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

続きを読む