livedoor Blogの技術的情報などを公開しています。

デザインテンプレート/ナビゲーション詳細

目次



関連ページ

ナビゲーションとは

ナビゲーションとは、ブログ内の各ページ(トップページ・個別記事ページ・月別ページ・カテゴリ別ページ)で、他の記事やページへのリンクを設置し、簡単にアクセスできるようになる機能です。
さらに、ナビゲーションではカスタム機能も利用できます。

カスタム機能とは

カスタム機能とは、ナビゲーションを自由に変更できるようにする機能です。
各ナビゲーションのテンプレートタグを利用する前に
<SetVar カスタム名>設定値</SetVar>
と入力すると、設定したカスタム機能が利用できます。

IndexNavigator

トップページで、前後の数ページや最初と最後のページへのリンク機能を提供します。
ブログの基本設定で、トップページの表示形式を「最新○件」に設定してください。
カスタム名 機能説明 備考
NavigatorType ナビゲーションのタイプを変更 設定値に2を入力すると表示形式が変更されます
NavigatorRange 前後リンクを表示するページ数を設定 初期設定は前後合わせて4ページまでのリンクを表示します
NavigatorFirstPageText 「|<<」部分に代替テキストを使用 最初のページへリンクします
NavigatorLastPageText 「|>>」部分に代替テキストを使用 最後のページへリンクします
NavigatorPrevPageText 「前のページ」「<<」部分に代替テキストを使用
NavigatorNextPageText 「前のページ」「>>」部分に代替テキストを使用

通常の表示サンプル


NavigatorTypeが2の表示サンプル

カスタム機能のうち、NavigatorFirstPageTextとNavigatorLastPageTextは利用できません。

利用例
<SetVar NavigatorRange>8</SetVar>
<SetVar NavigatorFirstPageText>最初</SetVar>
<SetVar NavigatorLastPageText>最後</SetVar>
<SetVar NavigatorPrevPageText>まえ</SetVar>
<SetVar NavigatorNextPageText>つぎ</SetVar>
<$IndexNavigator$>

ArticlePager

個別記事ページで、前後の記事へのリンク機能を提供します。
カスタム名 機能説明 備考
ArticlePagerClass divタグのclass名を設定 ナビゲーションを囲むdivタグのclass名を設定値に変更します
PrevArticleText 「前の記事」部分に代替テキストを使用
NextArticleText 「次の記事」部分に代替テキストを使用
UseTitlesForPager 「前の記事」「次の記事」に記事タイトルを使用 使用する場合は設定値に1を入力します

利用例
<SetVar ArticlePagerClass>articlenavi</SetVar>
<SetVar UseTitlesForPager>1</SetVar>
<$ArticlePager$>

ArchivesPager

月別ページ・カテゴリ別ページで、前後のページへのリンク機能を提供します。

カスタム名 機能説明 備考
ArchivesPagerClass divタグのclass名を設定 ナビゲーションを囲むdivタグのclass名を設定値に変更します
PrevPageText 「前のページへ」部分に代替テキストを使用
NextPageText 「次のページへ」部分に代替テキストを使用

利用例
<SetVar ArchivesPagerClass>archivenavi</SetVar>
<SetVar PrevPageText>次ページ</SetVar>
<SetVar NextPageText>前ページ</SetVar>
<$ArchivesPager$>
  • livedoor クリップ
  • はてなブックマーク
  • delicious
  • Yahoo! ブックマーク
  • niftyブックマーク
  • Buzzurl

Wikiをはじめる