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

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


① サムネイルの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>の直前が良いかと思います。
関連記事
  関連商品のご紹介
【スポンサーリンク】

最終更新日時: 2016年11月17日(木)01:03:06
ブログパーツ

Comment 0

There are no comments yet.

Leave a comment