ナビゲーション調整

  • 投稿日:
  • by
  • カテゴリ:

このブログのナビゲーション(ページ移動)を少し調整。

  • パンくずを1行(nowrap)にして、カテゴリを入れるようにした
  • 前後記事への移動は、カテゴリ固定(カテゴリを超えた記事には飛ばない)

実は、これに至るまでにはちょっとした試行錯誤が。

最初に、パンくずが「Home→記事名」のみで無駄だと感じたので撤去。

次に、「次の記事/前の記事」リンクに記事タイトルを追加。

個人的に、どんな記事か分からないのを読まされるのは何となく気持ちが悪いし、不親切だと思ったから。

しかし、そうすると今度は記事名が見えてるだけに「IT系記事の次が文鳥溺愛日記だったり、カテゴリ内ではまとまった記事群(連載)なのに、間に違うカテゴリの記事が挟まって読み進めづらい(一旦カテゴリ一覧に戻らないといけない)」ことがもどかしく感じるように。

そこで、IT系記事を読み進めてるときは日記のほうは読まない(逆もしかり)はずだし、特定の内容(文鳥など)であれば検索やタグもあるので、思い切ってナビゲーションはカテゴリ内に限定するようにした。

MT6.0.2で導入されたby_categoryモディファイアを使って以下のような感じで設定(記事タイトルの設定も含む)。

<nav class="page-navigation entry-navigation pagination content-nav">
  <ul class="page-navigation-list">
    <mt:If tag="EntryPrimaryCategory">
      <mt:EntryPrimaryCategory><mt:SetVarBlock name="category_id"><$mt:CategoryID$></mt:SetVarBlock></mt:EntryPrimaryCategory>
      <mt:EntryPrevious by_category="$category_id">
        <li class="page-navigation-list-item page-navigation-prev"><a rel="prev" href="<$mt:EntryPermalink encode_html="1"$>" title="<$mt:EntryTitle encode_html="1"$>">前の記事<span class="page-navigation-title"><$mt:EntryTitle encode_html="1"$></span></a></li>
      </mt:EntryPrevious>
      <mt:EntryNext by_category="$category_id">
        <li class="page-navigation-list-item page-navigation-next"><a rel="next" href="<$mt:EntryPermalink$>" title="<$mt:EntryTitle encode_html="1"$>">次の記事<span class="page-navigation-title"><$mt:EntryTitle encode_html="1"$></span></a></li>
      </mt:EntryNext>
    <mt:Else>
      <mt:EntryPrevious>
        <li class="page-navigation-list-item page-navigation-prev"><a rel="prev" href="<$mt:EntryPermalink encode_html="1"$>" title="<$mt:EntryTitle encode_html="1"$>">前の記事<span class="page-navigation-title"><$mt:EntryTitle encode_html="1"$></span></a></li>
      </mt:EntryPrevious>
      <mt:EntryNext>
        <li class="page-navigation-list-item page-navigation-next"><a rel="next" href="<$mt:EntryPermalink$>" title="<$mt:EntryTitle encode_html="1"$>">次の記事<span class="page-navigation-title"><$mt:EntryTitle encode_html="1"$></span></a></li>
      </mt:EntryNext>
    </mt:If>
  </ul>
</nav>

このやり方のメリットは、前述したようにまとまった記事や連続した内容を読みやすいこと。

デメリットとしては、全記事読んでくれてる固定読者が「1つ前の記事は何だったっけ?(既読だったっけ?)」と思っても、前後記事リンクで辿れなくなってしまうこと。

今回はデメリットのほうはインデックスページ(トップページ)である程度緩和できるし、このブログの内容的にカテゴリ別で独立させたほうがいいと判断。

さて、これが吉と出るか凶と出るか...。

残念ながら、すぐ効果がわかるほどもともとの訪問者がいないんだよね...。