ページ間自動リンクの方向(順番)を変更する方法

ページ間自動リンクの方向とは

「すぐ使えるCMS」で自動更新される詳細ページには、初期設定で「前へ」「次へ」という記事間を移動するリンクが付いています。

この前後の方向を変更する方法をご紹介します。初期設定では「前へ」はより新しい記事(※)、「次へ」がより古い記事に移動しますが、これを例えば「前へ」が「より古い記事」になるように変更する方法です。

※厳密には、「管理画面一覧で上にある記事」です。

対象製品

「詳細ページ」のあるVer. 1.2 以上の製品。

方向を入れ替える方法

初期設定の状態

混乱を避けるために、まず初期設定を確認しまししょう。初期設定では、「前へ」が日付が新しいページへ、「次へ」が日付が古いページへリンクします。管理画面一覧上で上に行く方向が「前へ」、下へ行く方向が「次へ」に当たります。

この時設定されているのが、以下のリンク設定です。

コピー
<a href="%_to_prev_%">←前へ</a>
<a href="%_to_next_%">次へ→</a>

※周辺のタグは省略

方向を入れ替えるとは

リンクの方向を入れ替えるとは、初期設定から、以下のように設定を変更する事です。

設定の変更

templates/article/article.html 内にはページリンクのコードがありますので、ファイルを開いて下記のように変更して下さい。ポイントは、href 属性内のテンプレート変数「%_to_prev_%」と「%_to_next_%」の位置を入れ替えている点です。

変更前

コピー
<a href="%_to_prev_%">←前へ</a>
<a href="%_to_next_%">次へ→</a>

変更後

コピー
<a href="%_to_next_%">←以前へ</a>
<a href="%_to_prev_%">次の日付へ→</a>

編集の反映

アップロード

編集が終わったら、テンプレートファイルを保存しサーバの同じ位置に上書きアップロードして下さい。

再構築

管理画面一覧の「再構築(テンプレート反映)」ボタンを押すと最新のテンプレートを反映してページが自動更新されます。

表示確認

ブラウザで表示を再読み込みして確認して下さい。

関連記事

お知らせ一覧や記事の目次にページネーションを付ける方法。ページネーションは、[1]、[2]、[3]... のページ番号を表示して前後ページへリンクする事です。ページング、ページ分割、ページ移動リンク。

広告