(2009年9月24日追記)このモジュールは 新バージョンに移行しました。
バージョンアップ版に関する記事を新たに出しましたので、
この記事へのコメント・トラックバックの受付は終了しました。
新バージョンに関する情報は新しい記事をご覧下さい。
バージョンアップ版に関する記事を新たに出しましたので、
この記事へのコメント・トラックバックの受付は終了しました。
新バージョンに関する情報は新しい記事をご覧下さい。
相方UOTAN君に頼んで作成してもらった専用モジュールの紹介です。
■カテゴリ間移動モジュール
このモジュールは当ブログと同じ「1ページ1記事表示」タイプのブログ専用です。
1ページに複数記事を掲載する場合は、このモジュールを使っても効果がありません。
カテゴリを選んで記事を表示しても、「次へ」「前へ」が日付順のまま、というのがどうにも使い勝手が悪かったので作ってもらいました。
うちの場合、見に来た人が必ずしも全ての記事を喜んで閲覧してくれるとは限らないので、特に必要でした (チョウを見に来たのに、次のページがムカデだった、とか)。
まずは結果に説明を書き加えて紹介します。

実際の運用中の画面

アップデート画面での解説
モジュールをインストールしただけでは、動きません。
さらに、1画面に複数記事を表示するタイプのブログ(普通はそのはず)では、
何の効果もないので使用しても無意味です。
それをご理解いただいた上で、あなたのブログに使えると判断した方のために
記入サンプルを用意しました。参考になれば幸いです。
スキン内での設置場所は、日付順のNEXT-BACKと同じような場所だとお考え下さい。
---------------------------------------------------
下記条件の元、希望者にはメールで配布します(2009年9月配布終了、新verに移行)
---------------------------------------------------
・サポート無しでも、自分でなんとかできる
・再配布しない
・モジュールがメールで届いたら、無事到着したことを知らせてください。
(2006/8/26追記)
モジュールに関する記事を1つにまとめていましたが、また新しくモジュールを依頼したため今後も増えることを考え、モジュール1づごとに記事を分けることにしました。
■カテゴリ間移動モジュール
このモジュールは当ブログと同じ「1ページ1記事表示」タイプのブログ専用です。
1ページに複数記事を掲載する場合は、このモジュールを使っても効果がありません。
カテゴリを選んで記事を表示しても、「次へ」「前へ」が日付順のまま、というのがどうにも使い勝手が悪かったので作ってもらいました。
うちの場合、見に来た人が必ずしも全ての記事を喜んで閲覧してくれるとは限らないので、特に必要でした (チョウを見に来たのに、次のページがムカデだった、とか)。
まずは結果に説明を書き加えて紹介します。

実際の運用中の画面

アップデート画面での解説
モジュールをインストールしただけでは、動きません。
さらに、1画面に複数記事を表示するタイプのブログ(普通はそのはず)では、
何の効果もないので使用しても無意味です。
それをご理解いただいた上で、あなたのブログに使えると判断した方のために
記入サンプルを用意しました。参考になれば幸いです。
スキン内での設置場所は、日付順のNEXT-BACKと同じような場所だとお考え下さい。
例1・スキンHTMLへの記入サンプル (テーブル使用)
※表示の都合上、タグの記号を全角文字にしてあります。
コピーペーストする場合は、記号<>を半角に直してからご使用下さい。
※カテゴリに関係ない時に隠すための指定がしてあります。
カテゴリに関係がない時も変わらず表示させたい場合は、グリーンの行を除きます。
<div style="{CAT_DISPLAY}">
<div align="center">
[ {CAT_NAME} ] の記事
</div>
<table width="100%" border="0" cellspacing="3" bgcolor="#C0C0C0">
<tr>
<td align="left">
{CAT_BACKPAGE}<<{CAT_BACKTITLE}{/CAT_BACKPAGE}
</td>
<td align="right">
{CAT_NEXTPAGE}{CAT_NEXTTITLE}>>{/CAT_NEXTPAGE}
</td>
</tr>
</table>
</div>
※表示の都合上、タグの記号を全角文字にしてあります。
コピーペーストする場合は、記号<>を半角に直してからご使用下さい。
※カテゴリに関係ない時に隠すための指定がしてあります。
カテゴリに関係がない時も変わらず表示させたい場合は、グリーンの行を除きます。
<div style="{CAT_DISPLAY}">
<div align="center">
[ {CAT_NAME} ] の記事
</div>
<table width="100%" border="0" cellspacing="3" bgcolor="#C0C0C0">
<tr>
<td align="left">
{CAT_BACKPAGE}<<{CAT_BACKTITLE}{/CAT_BACKPAGE}
</td>
<td align="right">
{CAT_NEXTPAGE}{CAT_NEXTTITLE}>>{/CAT_NEXTPAGE}
</td>
</tr>
</table>
</div>
例2・スキンHTMLへの記入サンプル (テーブル不使用)
※表示の都合上、タグの記号を全角文字にしてあります。
コピーペーストする場合は、記号<>を半角に直してからご使用下さい。
※カテゴリに関係ない時に隠すための指定がしてあります。
カテゴリに関係がない時も変わらず表示させたい場合は、グリーンの行を除きます。
<div style="{CAT_DISPLAY}">
<div align="center"> [ {CAT_NAME} ] の記事</div>
<div class=catmovebox>
<div class=leftbox>{CAT_BACKPAGE}<<{CAT_BACKTITLE}{/CAT_BACKPAGE}</div>
<div class=rightbox>{CAT_NEXTPAGE}{CAT_NEXTTITLE}>>{/CAT_NEXTPAGE}</div>
</div>
</div>
■例2で使用しているCSSのサンプル■
.catmovebox{
background-color: #C0C0C0;
height: 17px
}
.leftbox{
float:left;
width:49%;
text-align: left;
padding-left: 3px;
height: 17px
}
.rightbox{
float:right;
width:49%;
text-align: right;
padding-right: 3px;
height: 17px
}
※表示の都合上、タグの記号を全角文字にしてあります。
コピーペーストする場合は、記号<>を半角に直してからご使用下さい。
※カテゴリに関係ない時に隠すための指定がしてあります。
カテゴリに関係がない時も変わらず表示させたい場合は、グリーンの行を除きます。
<div style="{CAT_DISPLAY}">
<div align="center"> [ {CAT_NAME} ] の記事</div>
<div class=catmovebox>
<div class=leftbox>{CAT_BACKPAGE}<<{CAT_BACKTITLE}{/CAT_BACKPAGE}</div>
<div class=rightbox>{CAT_NEXTPAGE}{CAT_NEXTTITLE}>>{/CAT_NEXTPAGE}</div>
</div>
</div>
■例2で使用しているCSSのサンプル■
.catmovebox{
background-color: #C0C0C0;
height: 17px
}
.leftbox{
float:left;
width:49%;
text-align: left;
padding-left: 3px;
height: 17px
}
.rightbox{
float:right;
width:49%;
text-align: right;
padding-right: 3px;
height: 17px
}
---------------------------------------------------
---------------------------------------------------
・サポート無しでも、自分でなんとかできる
・再配布しない
・モジュールがメールで届いたら、無事到着したことを知らせてください。
(2006/8/26追記)
モジュールに関する記事を1つにまとめていましたが、また新しくモジュールを依頼したため今後も増えることを考え、モジュール1づごとに記事を分けることにしました。
(2009年9月24日追記)
このモジュールは 新バージョンに移行しました。
バージョンアップ版に関する記事を新たに出しましたので、
この記事へのコメント・トラックバックの受付は終了しました。
新バージョンに関する情報は新しい記事をご覧下さい。
このモジュールは 新バージョンに移行しました。
バージョンアップ版に関する記事を新たに出しましたので、
この記事へのコメント・トラックバックの受付は終了しました。
新バージョンに関する情報は新しい記事をご覧下さい。





(旧)画像付き記事一覧モ..