FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？

ページナビゲーション（ページ送り）の前後を入れ替える

ページ下部に表示されるページナビゲーション（ページ送り）は、
「次ページ」で古い記事へ
「前ページ」で新しい記事へ
リンクしていました。

(新しい記事へ) ≪ 前ページ | HOME | 次ページ ≫ (古い記事へ)

共有テンプレート lightframeシリーズにおいて、これを
「次ページ」で新しい記事へ
「前ページ」で古い記事へ
リンクするようにカスタマイズします。

(古い記事へ) ≪ 前ページ | HOME | 次ページ ≫ (新しい記事へ)

HTMLを編集します。青い箇所を削除し、赤い箇所を加えてください。

～







<p class="page_navi">
~~<a href="<%preventry_url>" title="前ページ <%preventry_title> へ戻る">≪ <%preventry_title></a> ~~
<a href="<%nextentry_url>" title="前ページ <%nextentry_title> へ戻る">≪ <%nextentry_title></a>
| <a href="<%url>" title="<%blog_name>">HOME</a> |
~~<a href="<%nextentry_url>" title="次ページ <%nextentry_title> へ進む"><%nextentry_title> ≫</a>~~
<a href="<%preventry_url>" title="次ページ <%preventry_title> へ進む"><%preventry_title> ≫</a> 
</p>



<a name="comment_list" id="comment_list"></a>
～

(中略)

～




<p class="page_navi">
~~<a href="<%preventry_url>" title="前ページ <%preventry_title> へ戻る">≪ <%preventry_title></a> ~~
<a href="<%nextentry_url>" title="前ページ <%nextentry_title> へ戻る">≪ <%nextentry_title></a>
| <a href="<%url>" title="<%blog_name>">HOME</a> |
~~<a href="<%nextentry_url>" title="次ページ <%nextentry_title> へ進む"><%nextentry_title> ≫</a>~~
<a href="<%preventry_url>" title="次ページ <%preventry_title> へ進む"><%preventry_title> ≫</a> 
</p>





<p class="page_navi">
~~<a href="<%prevpage_url>" title="前ページへ戻る">≪ 前ページ</a> ~~
<a href="<%nextpage_url>" title="前ページへ戻る">≪ 前ページ</a>
| <a href="<%url>" title="<%blog_name>">HOME</a> |
~~<a href="<%nextpage_url>" title="次ページへ進む">次ページ ≫</a>~~
<a href="<%prevpage_url>" title="次ページへ進む">次ページ ≫</a> 
</p>




～

これでページナビゲーション（ページ送り）の前後を入れ替え
(古い記事へ) ≪ 前ページ | HOME | 次ページ ≫ (新しい記事へ)
とすることが出来ます。

連載小説等で時系列順にページ送りしたい方には有効なカスタマイズかもしれません。

関連記事

記事上部に異なる背景画像のフリーエリアを表示 (2009/12/15)
記事タイトルの色を変える (lightframe) (2009/11/26)
プラグイン３のレイアウト (lightframe) (2009/10/09)
ページナビゲーション（ページ送り）の前後を入れ替える (2009/09/09)
記事とコメント欄の間にフリースペースを設置 (2009/09/06)
記事タイトルやプラグインタイトルを画像にする (lightframe) (2009/08/24)
プラグイン３をプラグイン１と２の上に表示する (2009/08/20)

[ 2009/09/09 23:56 ] カスタマイズ lightframe 専用 | TB(0) | CM(6)

≪ 日別表示画面の便利ナビに日付を表示 | HOME | 記事とコメント欄の間にフリースペースを設置 ≫

[ 7537 ] なんで・・

なんか、テンプレートのカスタマイズしてたら、ページナビゲーションが、真ん中から左にずれてしまいました。

[ 2009/12/26 16:53 ] [ 編集 ]

[ 7546 ] > ROXASさん

通りすがりさんが教えてくれたタグが閉じられているかどうか確認してください。

http://10plate.blog44.fc2.com/blog-entry-112.html#comment7541

[ 2009/12/28 00:26 ] [ 編集 ]

[ 7547 ]

無理です。
直りません。

以下タグ

<div align="left">
<div class="plugin-counter" &align>
★当ブログは、インターネットプラウザ・<a href="http://mozilla.jp/firefox/" target="_blank" title="Firefox">Firefox</a>などではテンプレートの表示が崩れる場合があります。また<a href="http://www.microsoft.com/japan/windows/products/winfamily/ie/default.mspx" target="_blank" title="Internet Explorer 7">Internet Explorer 7</a>だと、快適に閲覧できます！
</div>

↑のようにしましたが、直りません。

[ 2009/12/28 00:38 ] [ 編集 ]

[ 7549 ]

> ROXASさん

<div align="left">
<div class="plugin-counter" &align>
★当ブログは、インターネットプラウザ・<a href="ttp://mozilla.jp/firefox/" target="_blank" title="Firefox">Firefox</a>などではテンプレートの表示が崩れる場合があります。また<a href="ttp://www.microsoft.com/japan/windows/products/winfamily/ie/default.mspx" target="_blank" title="Internet Explorer 7">Internet Explorer 7</a>だと、快適に閲覧できます！
</div>

（↑タグに色を付けて説明します。）
上記の状態では、閉じタグの</div>は、
<div class="plugin-counter" &align>の閉じタグになります。
<div align="left">の閉じタグがないので、
フッターとページナビゲーションが左にずれてしまったようです。
下記のように修正してみてください。

-修正方法------------------------------------------
<div align="left">
<div class="plugin-counter" &align>
★当ブログは、インターネットプラウザ～（途中略）～
Explorer 7</a>だと、快適に閲覧できます！
</div>
</div>
---------------------------------------------------
<div align="left">の閉じタグである</div>を書き加えてみる。

[ 2009/12/28 01:57 ] [ 編集 ]

[ 7551 ] ありがとうございます！

通りすがりさん、ありがとうございます！
無事、直りました！

[ 2009/12/28 03:22 ] [ 編集 ]

[ 7563 ] > ROXASさん、通りすがりさん

> ROXASさん
通りすがりさんのおかげで解決できましたね。良かったです＾＾

> 通りすがりさん
とても助かりました。ありがとうございました＾＾

[ 2009/12/29 00:21 ] [ 編集 ]

コメントの投稿