テンプレート変数を使った関連記事リストの表示 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件]




 カテゴリ&月別一覧
 
 最新記事紹介
『8年越しの花嫁 奇跡の実話』 2018/12/09
『戦神/ゴッド・オブ・ウォー』 2018/12/09
『修羅:黒衣の反逆』 2018/12/08
『ザ・ビッグ・コール 史上最強の詐欺師たち』 2018/12/07
『ゲット・アライブ』 2018/12/06
『パーティで女の子に話しかけるには』 2018/12/05
『ザ・ボルト -金庫強奪-』 2018/12/04
『アウトサイダーズ』 2018/12/03
『スター・ウォーズ/最後のジェダイ』 2018/12/02
『かぞくいろ -RAILWAYS わたしたちの出発-』 2018/12/02
 週間人気記事
 Trackback
 Comment 

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

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

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


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

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