メニュー名を非表示に
ビジネスブログやブログのサイトでは、メニューが画像ではなく、テキストにて表示している場合がほとんどだと思います。
もちろんその理由は、メニュー名を記事により、もしくは原稿作成者が自由に変更が容易に出来るようになります。
メニュー名を画像にしてしまうと、デザイン上では美しく見える利点もあるのですが、この場合必ず、コンテンツがあり、それを最初の段階で、分類別けをおこなう必要がある。
もしくは、記事を追加する毎にわざわざ画像を加工する手間も発生してしまいます。
ただし、すべてがテキスト表記なのも、デザイン上は美しくない。
もちろん、背景での処理やアイコンとの組み合わせにより美しくすることも可能ですが、
絶対変更しない、画像からのメニューとの組み合わせる。
というのは、いかがでしょうか。
このサイトのはビジネスブログであり、ムーバブルタイプで制作されています。
もちろん、すべての記事が、ブログの記事編集画面で、編集が可能です。
ここで、ムーバブルタイプでのタグの記載を書いておきます。
まず・・・。
＝＝＝階層構造を表示するメニューのタグ＝＝＝
<MTTopLevelCategories>
<MTSubCatIsFirst><ul></MTSubCatIsFirst>
<MTIfNonZero tag="MTCategoryCount">
<li><a href="<$MTCategoryArchiveLink$>" title="<MTCategoryLabel>"><MTCategoryLabel></a>
<MTElse>
<li><MTCategoryLabel>
</MTElse>
</MTIfNonZero>
<MTSubCatsRecurse>
</li>
<MTSubCatIsLast></ul></MTSubCatIsLast>
</MTTopLevelCategories>
＝＝＝ここまで階層構造を表示するメニューのタグ＝＝＝
これで、階層構造を表示できるメニューになります。
かなり自己流にてタグを記載していますので、もう少しいい書き方があるかもしれませんね。
さらに、一部だけ非表示にする方法は、次回にて・・。
« metaタグは必要か | メインページへ | メニュー名を非表示の続き »
コメントを投稿