HOME話題と雑談Blogn Plusとブログ構築
カテゴリー記事一覧
カメムシ目 記‥
チョウ目ガ 記‥
チョウ目・記事‥
コウチュウ目(‥
コウチュウ目(‥
バッタ目・記事‥
トンボ目・記事‥
投稿日付を種別‥
BlognPlus2.5.6‥
カテゴリ記事一‥
(旧)画像付き記事一覧モジュール
(2009年9月23日追記)このモジュールは 新バージョンに移行しました。
バージョンアップ版に関する記事を新たに出しましたので、
この記事へのコメント・トラックバックの受付は終了しました。
新バージョンに関する情報は新しい記事をご覧下さい。

 
相方UOTAN君に頼んで作成してもらった専用モジュールの紹介です。

■画像付き記事一覧モジュール
カテゴリー別(および月別)の記事表示時に、画像サムネイルと記事タイトルで一覧表示できるように作ってもらいました。(画像なしも可能)
どんな表示状態になるか2パターン用意しています。
例1:記事一覧をボックス型に整形するサンプル
例2:画像なしの記事一覧表示サンプル
例3:アップデート画面で紹介しているサンプルに近い例


モジュール管理の設定画面


アップデート画面


なお、ユーザー別/検索結果については この機能は働きません。
アップデート画面は私が作っているので 判りにくかったらすいません。

例1・スキンHTMLへの記入サンプル
※表示の都合上、タグの記号を全角文字にしてあります。
※この場合は設定画面でCSSを指定しません。

{UOIMGLIST}
<div> {UOIMGLIST_C_TITLE} の記事一覧</div>
<br />
<div>
{UOIMGLIST_LOOP}
<div class="sample1">
{UOIMGLIST_IMG}
<br />
{UOIMGLIST_TITLE}
<br />
{UOIMGLIST_YMD}Y/m/d{/UOIMGLIST_YMD}
</div>
{/UOIMGLIST_LOOP}
</div>
{/UOIMGLIST}

スキンCSSへの記入サンプル
.sample1 {
text-align: center;
font-size: 8pt;
color: #003300;
border: 1px solid #BBBEA9;
clear: none;
width: 140px;
height: 150px;
float: left;
background-color: #D6D8CB;
margin: 7px;
padding: 7px;
}

例2・スキンHTMLへの記入サンプル
※表示の都合上、タグの記号を全角文字にしてあります。
※この場合は設定画面でCSSを指定しません。

{UOIMGLIST}
<div> {UOIMGLIST_C_TITLE} の記事一覧</div>
<br />
<div>
<ul>
{UOIMGLIST_LOOP}
<li>{UOIMGLIST_TITLE} {UOIMGLIST_YMD}Y/m/d{/UOIMGLIST_YMD}</li>
{/UOIMGLIST_LOOP}
</ul>
</div>
{/UOIMGLIST}

例3はアップデート画面の記入サンプルとほぼ同じのため、コード記載は割愛します。

画像がない記事のサムネイル表示について

現在、画像がない記事がある場合、モジュールのフォルダに入っている「2dot.gif」という白1色の画像ファイルが 設定画面で指定した縦横サイズで表示されます。

自分で作ったGIF画像を表示させたい時は、自作のGIFファイル(ただし、設定画面で指定した縦横サイズと同じであること)に2dot.gifというファイル名をつけてモジュールのフォルダに送る(上書きする)ことで、表示できるようになります。

2009.4.19追記:
---------------------------------------------------
PHP5のための差分ファイル配布(2009年9月配布終了、新verに移行)
---------------------------------------------------
さくらインターネットで画像が表示されない件についてご報告いただき、
問題のある関数を含む部分を修正することで対応、表示されるようになりました。
既にモジュールをお使いで、画像が表示されなくなる問題を抱えている方は、
差分ファイルを送りますのでメールでご連絡下さい。
:追記終了

2009.9.3追記:
---------------------------------------------------
記事一覧を指定件数でページ分割
---------------------------------------------------
やたら記事件数の多いカテゴリが出てきたので(バラ園とか)、
画像付き記事一覧を指定記事件数でページ分割できるよう作り直してもらいました。
でも今日作ってもらったばっかりでチェック中のため、この最新バージョンはまだ配布していません。
ページ分割可能な最新バージョンを希望される方は もうちょっと待ってて下さい。
どんな感じになるのか見るだけならば、なるべく記事件数の多いカテゴリを見るか、
あるいは記事件数の多い月別アーカイブをご覧下さい。
落ち着くまで頻繁にレイアウト変えるかもしれないので、読み込み時は更新して下さいね
:追記終了

---------------------------------------------------
下記条件の元、希望者にはメールで配布します(2009年9月配布終了、新verに移行)
---------------------------------------------------
・サポート無しでも、自分でなんとかできる
・再配布しない
・モジュールがメールで届いたら、無事到着したことを知らせてください。


(2009年9月23日追記)
このモジュールは 新バージョンに移行しました。
バージョンアップ版に関する記事を新たに出しましたので、
この記事へのコメント・トラックバックの受付は終了しました。
新バージョンに関する情報は新しい記事をご覧下さい。
CATEGORY:話題と雑談::Blogn Plusとブログ構築
2006,10,11 | comments (x)
全カテゴリーリスト