ちょっと感動したアメブロカスタマイズ | Web制作もするWebコンサルタントの日々

ちょっと感動したアメブロカスタマイズ

いつも参考にさせていただいているAmeblo Customizeのハチさん
ブログで、カスタマイズ実績として紹介されていたブログの
ヘッダーについているナビゲーションメニューに感動しました。

ネタを探して三千里!?女性マーケッター奮闘記
http://ameblo.jp/ennist/

ヘッダー部分にはどう頑張っても画像しか掲載できる
スペースしかないはずなのにどうやって!?と、方法が
わからずに悩んでしまいました。

悩んだ結果わかった方法は、

1.まずヘッダー画像としてナビゲーションメニュー分の
スペースを空けた画像を用意してヘッダーにします。

2.ナビゲーションメニューをフリープラグインに追加します。

3.CSSでフリープラグイン内に記入したナビゲーション
メニューを場所指定でヘッダー画像の余白部分に指定。

試していないので、間違っているかもしれませんが、
HTMLで確認したらフリープラグインにナビゲーション
メニューのリンクが書いてあったので大丈夫だと思います。

後から気づいたのですが、Ameblo Customizeのヘッダー下の
グローバルメニューも同じ方法ですね。