HOMECOLUMN>WEB&PCブログカスタマイズ14【ナビゲーションバー設置】【パン屑リスト・ページ全体】

2005年06月25日

ブログカスタマイズ14【ナビゲーションバー設置】【パン屑リスト・ページ全体】

次項有ナビゲーションバー設置
…ついに手を出してしまいましたよ、ナビバー。
ブログを始めた時に憧れてあれこれ調べたものの、
「とりあえず保留」にしていたのに。
ちょっと急がなければいけない事情ができてしまったんですね…。
でもこれ、設置はとってもカンタン。
Style bookさまのNavigation Makerを使えば、コピペでカンタンにできてしまうぴかぴか(新しい)
こういうの作れる方というのは、尊敬します…
そして配布していらっしゃるテンプレートも素敵なものばかり!
すごいなあ…私も見習ってよいサイトにしていかなければ!


次項有パン屑リスト・ページ全体
…今までもパン屑リストを付けていたんですが、ああやってひとつひとつの記事に付けるタイプではなく
全体ページとしてのパン屑リストを付けたかったのです。
これはブログカスタマイズさまの
http://blogcustomize.ali-elde.com/html_topicpath.htmlを参考にしました。







次項有ナビゲーションバー設置
…設置を急がなければならなかった理由は、話せば長いのでカンタンにはしょって言うと、
もともと一番初めにカスタマイズした「カテゴリーのツリー化」が、
何かのタグと干渉し合って、ツリー化表示できなくなっちゃったんですね。
干渉してるのは、多分新しく付けたパン屑リスト。一番上にあるヤツです。
今まで付けていたパン屑リストも勿論残してあって、それは「過去ログページ」か「個別記事ページ」を開くと出てきます。
「カテゴリページ」には必要ないだろうと思って外してしまいました。





次項有パン屑リスト・ページ全体
…付けた理由は↑。
オリジナルと変えたところをちょこっと紹介致します。
■オリジナル
<div id="banner">
<div class="topicpath">
<a href="<% blog.page_url %>"><% blog.title %></a>
<% if:page_name eq 'category' %> > <% extra_title %><% /if %>
<% if:page_name eq 'article' %> > <% extra_title %> (記事ページ)<% /if %>
<% if:page_name eq 'archive' %> > 過去ログページ<% /if %>
</div>
<% cotent_header %>
</div>


■変更後
<div id="banner">
<!-- ▼カスタマイズパン屑リスト(リンクなし)▼ -->
<div class="breadnavi">
<a href="<% blog.page_url %>">
<img src="http://lovebest.seesaa.net/ICON/home.gif">LOVE BEST</a>
<% if:page_name eq 'category' %> ><% extra_title %><% /if %>
<% if:page_name eq 'article' %> > <% extra_title %><% /if %>
<% if:page_name eq 'archive' %> > <% archive.createstamp | date_format("%Y年%m月") %><% /if %>
</div>
<!-- ▲カスタマイズパン屑リスト(リンクなし)▲ -->
<% content_header %>
</div>

にしてみました。
ようするに、「過去ログページ」と表示されるだけではなく、「いつの過去ログか」を表示するようにしたわけです。


これを今まで付けていたパン屑リストと組み合わせて、「過去ログページ」と「個別記事ページ」にはパン屑リストをふたつ、
「カテゴリページ」にはカテゴリーへのリンクなしパン屑リストのみ取り付けました。
「カテゴリページ」のトップにはカテゴリ内の一覧も付けていたので、
ごちゃごちゃしていたのがずーっと気になっていたのです〜
あ〜、スッキリぴかぴか(新しい)
カスタマイズを続けていても、やっぱ見やすさと使いやすさは失いたくない…と
心に誓っているので…。
(うっかりするとすぐ忘れるから誓いを立てる必要があるのだ!)


posted by モモカ at 21:58 | Comment(0) | TrackBack(0) | COLUMN>WEB&PC
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]


この記事へのトラックバック
アクセス解析
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。