livedoor ブログで記事が属するカテゴリの最新記事を表示する

livedoor ブログで記事が属するカテゴリの最新記事を表示する

Posted at April 10,2009 12:03 AM
Tag:[Category, Customize, Entry, livedoor]

公開中の「livedoor ブログテンプレート」で、記事が属するカテゴリの最新記事を表示するカスタマイズです。

このカスタマイズを行なうことで、記事ページの本文の下に、次のような一覧を表示します。この例では、「カスタマイズ」カテゴリに属する記事本文の下に、「カスタマイズ」カテゴリの記事一覧を表示しています。

なお、本カスタマイズを盛り込んだ livedoor ブログテンプレートを別途公開する予定です。

1.テンプレートの修正

管理画面より「ブログの設定」→「デザイン」の「カスタマイズ」をクリック。

個別記事ページを選択して、トラックバック情報表示の直前に下記のタグを追加してください。

<$RelatedArticles$>

追加後は次のようになります。

また、スタイルシート(CSS)を選択して、下記の青色部分を追加してください。

.related-articles,
.trackbacks,
.comments {
    margin: 10px 5px;
    color: #36414d;
}
 
.related-articles h3,
.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 15px 0;
    padding: 2px 0 2px 5px;
    color: #ffffff;
    background: #8fabbe;
    font-size: 11px;
}
 
.related-articles ul {
    font-size: [任意の値];
}

赤色は任意のフォントサイズを設定してください。

2.設定変更

管理画面より「ブログの設定」→「ブログ情報」の「基本設定」をクリック。

「表示設定」の「個別記事に同一カテゴリの記事リスト」の「表示する」を選択し、カテゴリと表示件数を設定します。

3.関連記事

同じカテゴリの最新記事を表示する機能を追加しました(7/29 Update!!)
関連記事
トラックバックURL


コメントする
greeting

*必須

*必須(非表示)


ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

太字イタリックアンダーラインハイパーリンク引用
[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り(プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り)、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「&lt;」、「>」は「&gt;」と入力してください。例えば「<$MTBlogURL$>」は「&lt;$MTBlogURL$&gt;」となります(全て半角文字)