テンプレート変数を使った関連記事リストの表示 2016年08月05日(金)23:36:21

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


① サムネイルの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ブログパーツ このページのトップへ

コメントの投稿 [0件]

非公開コメント

 商品検索

 タグ [上位30件]




 カテゴリ&月別一覧
 
 最新記事紹介
『パパVS新しいパパ2』 2018/10/21
村山 早紀著 『百貨の魔法』 2018/10/16
『キングスマン:ゴールデン・サークル』 2018/10/14
『牯嶺街(クーリンチェ)少年殺人事件』 2018/10/12
『レイヤー・ケーキ』 2018/10/11
『幼な子われらに生まれ』 2018/10/10
『ザ・サークル』 2018/10/09
村山 早紀著 『星をつなぐ手』 2018/10/09
『DESTINY 鎌倉ものがたり』 2018/10/08
『フラットライナーズ(2017年版)』 2018/10/07
 週間人気記事
 Trackback
 Comment 

コメント、トラックバック大歓迎。
但し、記事と無関係と思われるものは、
削除させて頂きます。

FC2ランキング
[ ジャンルランキング ]

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


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

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