ページ間自動リンクの方向とは
「すぐ使える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>
編集の反映
アップロード
編集が終わったら、テンプレートファイルを保存しサーバの同じ位置に上書きアップロードして下さい。
再構築
管理画面一覧の「再構築(テンプレート反映)」ボタンを押すと最新のテンプレートを反映してページが自動更新されます。
表示確認
ブラウザで表示を再読み込みして確認して下さい。