テンプレート変数を使った関連記事リストの表示

関連記事リストにアイキャッチ画像が表示できるようになったので
その表示をテンプレート変数を使ってやってみた。


① サムネイルのURL出力
<!--relate_list--><%topentry_relate_thumbnail><!--/relate_list-->
② これを画像に置き換えると横並びのサムネイル表記となる
<!--relate_list--><img src="<%topentry_relate_thumbnail>"><!--/relate_list-->

③ これにタイトルと日付を付ける場合
<!--relate_list--><img src="<%topentry_relate_thumbnail>"><a href="<%topentry_relate_url>">
<%topentry_relate_title>(<%topentry_relate_year>年<%topentry_relate_month>月
<%topentry_relate_day>日)</a>
<!--/relate_list-->
④ 画像を縦並びにする場合
<ul><!--relate_list--><li><img src="<%topentry_relate_thumbnail>">
<a href="<%topentry_relate_url>"><%topentry_relate_title>
(<%topentry_relate_year>年<%topentry_relate_month>月
<%topentry_relate_day>日)</a></li><!--/relate_list--></ul>

⑤ 画像のサイズを 90px×90px に変え、タイトル・日付を画像の右に配置する場合
  画像の枠線を消し、右余白を15px 空け、タイトル・日付を画像右上に配置
<ul><!--relate_list--><li><img src="<%topentry_relate_thumbnail>"
style="float:left;border:none;height:90px;width:90px; margin-right:15px"
<a href="<%topentry_relate_url>"><%topentry_relate_title>
(<%topentry_relate_year>年<%topentry_relate_month>月
<%topentry_relate_day>日)</a> <br clear="all" /></li><!--/relate_list--></ul>

⑥ 表示中の元記事を除外する場合
<ul><!--relate_list--><!--relate_entry_other--><li>
<img src="<%topentry_relate_thumbnail>"><a href="<%topentry_relate_url>">
<%topentry_relate_title>(<%topentry_relate_year>年<%topentry_relate_month>月
<%topentry_relate_day>日)</a></li><!--/relate_entry_other--><!--/relate_list--></ul>

⑦ 記事の要約を載せる場合
FC2 さん <%topentry_relate_discription> ってのも作ってくれないかなぁ。
要約が載せれなかったので、CSSで2列表記にした。

設置場所は、追記</more>の直前が良いかと思います。
【スポンサーリンク】


【拍手確認】 【記事の編集】

【関連タグ】 アイキャッチ  当ブログ内の関連記事をタグで検索出来ます。

コメントの投稿

非公開コメント

 タグ(上位30件)

 字種別順タグ一覧

 Calendar
03月 | 2017/04 | 05月
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 - - - - - -
映画タイトル別
最新記事一覧
テンプレートの変更 2017/04/25
『逃がれの街』 2017/04/24
「グレース・ケリー展」 2017/04/23
『会社物語 MEMORIES OF YOU』 2017/04/21
『殺人の輪廻』 2017/04/20
週間人気記事
 SNS

cinema-days Facebook へ cinema-days twitter へ cinema-days Google+ Pages へ cinema-days RSSfeed へ
つぶろぐ
Trackback
FC2ランキング
[ ジャンルランキング ]

映画:第46位
アクセスランキングを見る>>


[ サブジャンルランキング ]

レビュー:第14位
アクセスランキングを見る>>