デザインテンプレート/ナビゲーション詳細
目次
関連ページ
目次
関連ページ
ナビゲーションとは、ブログ内の各ページ(トップページ・個別記事ページ・月別ページ・カテゴリ別ページ)で、他の記事やページへのリンクを設置し、簡単にアクセスできるようになる機能です。
さらに、ナビゲーションではカスタム機能も利用できます。
さらに、ナビゲーションではカスタム機能も利用できます。
カスタム機能とは
カスタム機能とは、ナビゲーションを自由に変更できるようにする機能です。
各ナビゲーションのテンプレートタグを利用する前に
各ナビゲーションのテンプレートタグを利用する前に
<SetVar カスタム名>設定値</SetVar>と入力すると、設定したカスタム機能が利用できます。
トップページで、前後の数ページや最初と最後のページへのリンク機能を提供します。
ブログの基本設定で、トップページの表示形式を「最新○件」に設定してください。
通常の表示サンプル

NavigatorTypeが2の表示サンプル

カスタム機能のうち、NavigatorFirstPageTextとNavigatorLastPageTextは利用できません。
利用例
ブログの基本設定で、トップページの表示形式を「最新○件」に設定してください。
| カスタム名 | 機能説明 | 備考 |
| 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$>
個別記事ページで、前後の記事へのリンク機能を提供します。
利用例
| カスタム名 | 機能説明 | 備考 |
| ArticlePagerClass | divタグのclass名を設定 | ナビゲーションを囲むdivタグのclass名を設定値に変更します |
| PrevArticleText | 「前の記事」部分に代替テキストを使用 | |
| NextArticleText | 「次の記事」部分に代替テキストを使用 | |
| UseTitlesForPager | 「前の記事」「次の記事」に記事タイトルを使用 | 使用する場合は設定値に1を入力します |
利用例
<SetVar ArticlePagerClass>articlenavi</SetVar>
<SetVar UseTitlesForPager>1</SetVar>
<$ArticlePager$>
月別ページ・カテゴリ別ページで、前後のページへのリンク機能を提供します。
利用例
| カスタム名 | 機能説明 | 備考 |
| ArchivesPagerClass | divタグのclass名を設定 | ナビゲーションを囲むdivタグのclass名を設定値に変更します |
| PrevPageText | 「前のページへ」部分に代替テキストを使用 | |
| NextPageText | 「次のページへ」部分に代替テキストを使用 |
利用例
<SetVar ArchivesPagerClass>archivenavi</SetVar>
<SetVar PrevPageText>次ページ</SetVar>
<SetVar NextPageText>前ページ</SetVar>
<$ArchivesPager$>