ニコニコプレス Ver2.3 (夏)のサムネイル付き関連記事を表示する方法。
サムネイル付き関連記事を表示で基本的な流れは大丈夫だけど一部変更が必要です。
変更箇所だけ記述します。
関連記事の出力方法をニコニコプレスに置き換えよう
・Output templateの内容
<li class="image"><a href="{url}"><img src="{php: $thumbnail=get_post_meta($result->ID, 'thumbnail',true); if ($thumbnail)echo $thumbnail; if ($thumbnail=='') echo get_bloginfo('template_directory') .'/images/spacer.jpg';}" width="72" height="54" alt="{title}" /></a></li>
<li class="title">{link}</li>
<li class="excerpt clearfix">{excerpt}</li>
・Text and codes before the listの内容
<ul class="entry_list kanren clearfix">
・Text and codes after the listの内容
</ul>
上記に入れ替え
CSSを追加しよう
下記に差し替え
/* 関連記事 */
.kanren li.image {
background: url(../images/spacer_kanren.jpg) no-repeat center!important;
}
.kanren li.title {
border: none;
margin: 0px!important;
padding: 0px!important;
}
.kanren li.excerpt {
margin-bottom: 5px;
border-bottom: 2px dashed #ccc;
}
.kanren a {
color: #0f8fcf!important;
}
これでニコニコプレス Ver2.3 (夏)での表示も問題なくなるはず？(。・ω・。)
7件のコメント
ヒロカワズ
どもです。
こちらもulタグが連発されていたので下記のように変更してください。
Output templateの中身：
{link}
{excerpt}
Text and codes before the listの中身：
Text and codes after the listの中身：
ken
ヒロカワズさん
消えてるっぽいので再投稿をお願いします。(；´Д｀)
コメントフォーム下のcodeボタン押してくれたらそのままコード投稿できるので
それでお願い致します(゜゜)(。。)ペコッ
ヒロカワズ
こちらもやってしまいましたのでもう一度書かせてください＞＜
どもです。
こちらもulタグが連発されていたので下記のように変更してください。
Output templateの中身：
<li class="image"><a href="{url}"><img src="{php: $thumbnail=get_post_meta($result->ID, ‘thumbnail’,true); if ($thumbnail)echo $thumbnail; if ($thumbnail==”) echo get_bloginfo(‘template_directory’) .’/images/spacer.jpg’;}" width="72" height="54" alt="{title}" /></a></li>
<li class="title">{link}</li>
<li class="excerpt clearfix">{excerpt}</li>
Text and codes before the listの中身：
<ul class="entry_list kanren clearfix">
Text and codes after the listの中身：
</ul>
ken
ヒロカワズさん
コードありがとうございます。
変更してみたのですが、画像が表示されてないです(；´Д｀)
他に見るところありますでしょうか？
ヒロカワズ
う〜ん・・・
<li class="image"><a href="{url}"><img src="{php: $thumbnail=get_post_meta($result->ID, ‘thumbnail’,true); if ($thumbnail)echo $thumbnail; if ($thumbnail==”) echo get_bloginfo(‘template_directory’) .’/images/spacer.jpg’;}" width="72" height="54" alt="{title}" /></a></li>
<li class="title">{link}</li>
<li class="excerpt clearfix">{excerpt}</li>
であってると思うんですけどねぇ〜・・・＠＠
ken
う～ん・・・
うちだと教えて頂いたコードだと表示されないので元に戻しますね(；´Д｀)
何が悪いんだろう・・・。
ken
ヒロカワズさん
もう一度コードを確認しましたら問題点がわかったので変更したところ
うまく行きましたので記事内のコードを置き換えました。
ありがとうございます。