categories

楽天人気商品

アクセスの多いページ

ブログパーツ

月別アーカイブ

リンク

JUGEMブログで任意の場所に「関連記事」を表示させる方法

投稿した日
2010.11.30 Tuesday
この記事へのコメント
comments(2)
この記事へのトラックバック
trackbacks(0)
ブログの記事の最後の方によく表示されている「関連記事もあわせてお読み下さい」とか「こちらの記事もオススメです」のような表示ですが、JUGEMでは表示できないものだと勝手に諦めてたんですが、他のブログで表示しているのを見かけて調べたところ、表示できることがわかりました。

関連記事を表示させる無料サービスで有名なところはLinkWithinzenbackなどが人気もありとても便利なんですが、JavascriptリンクになってしまうためSEOからいうと被リンクには残念ながらなりません。 できたらそれ以外の方法で実現したかったわけなんです。
管理画面のデザインメニューの中の「HTML・CSS編集」、HTML編集フォーム内の表示したい部分に下のコードを追記して保存します。


<!-- BEGIN related_entry -->
<div class="relatedEntry">
<h3>関連記事</h3>
<ul>
<!-- BEGIN related_entry_items -->
<li><a href="/?eid={related_entry_item_id}">{related_entry_item_title}</a></li>
<!-- END related_entry_items -->
</ul>
</div>
<!-- END related_entry -->

「関連記事」の部分はお好きな言葉に変えてお使い下さい。
また「h3」「ul」「li」はCSSで調整するなり、別なタグを使うなり変更可能です。

なお、その名の通り「関連記事」なので、記事とは関係ない場所や、複数の記事が表示される場所に設置しても、表示させません。
<!-- BEGIN entry -->から<!-- END entry -->の間のどこかにに挿入させてやってください。

※HTML・CSS編集は必ずバックアップをとってからカスタマイズ開始して下さいね!あと記事中に記述しても表示されません。


表示のカスタマイズまでしてくれているこちらの記事を参考にさせていただきました。
コロポットン君の本を噛むブログさん

コメント
管理者の承認待ちコメントです。
  • -
  • 2010/12/02 9:45 PM
管理者の承認待ちコメントです。
  • -
  • 2011/02/27 8:52 PM
コメントする








   
この記事のトラックバックURL
トラックバック