WordPressのカテゴリーリストに新着マークを表示する「wp_list_categories_with_newmarkプラグイン」

WordPressのカテゴリーリストに新着マークを表示する「wp_list_categories_with_newmarkプラグイン」

Posted at January 25,2012 1:23 AM
Tag:[Plugin, WordPress, wp_list_categories_with_newmark]

WordPressのカテゴリーリストに新着マークを表示する「wp_list_categories_with_newmarkプラグイン」を公開します。以前コメントでご要望を頂いていたものです。

1.機能

カテゴリーリストの該当カテゴリーに新着記事がある場合、「New!!」などの新着表示を行います。新着マークに画像を表示させることもできます。

下のスクリーンショットはTwentyElevenテーマで表示させたサンプルです。

WordPressのカテゴリーリストに新着表示

2.プラグインのダウンロード・インストール

以下のリンクからプラグインをダウンロードしてください。

変更履歴

2012.01.25 v0.1 初版
wp_list_categories_with_newmark_0_1.zip

プラグインのご利用および質問に対する回答等について、ご支援・ご賛同くださる方からの寄付をお待ち申し上げます。

アーカイブを展開し、中にあるwp_list_categories_with_newmarkフォルダをpluginsディレクトリにアップロードしてください。

アップロード後、管理画面で「List Folder」の有効化をクリックします。

管理画面

3.カテゴリーリストの設定

「外観」→「ウィジェット」をクリックして、「新着表示つきカテゴリー」を使用中の任意のウィジェットエリアにドラッグ&ドロップします。これで冒頭のスクリーンショットのようなカテゴリーリストが表示されるようになります。

ウィジェット

ドラッグ&ドロップしたウィジェットを開けば、以下の設定が可能です。

  • タイトル:リストタイトルを設定します
  • 新着にする記事投稿経過時間:新着扱いとする記事の投稿経過時間を設定します(デフォルト24時間)
  • 新着マーク:「New!!」などの文字列またはimg要素を設定します
  • 階層を表示:カテゴリーを階層表示します

ウィジェット

4.新着表示のCSS

「New!!」などの新着表示部分のCSSは、以下のセレクタで行ってください。

.new { ... }

デフォルトは、プラグインファイルに含まれるnewmark.cssで以下の設定を行っています。

.new {
    color: #e50003;
}

5.新着表示記事の条件について

新着記事の定義は「各カテゴリーに属する、公開日時が最新の記事」です。具体的な取得条件は、プラグインファイルに含まれるwp_list_categories_with_newmark.phpの254行目あたりにある、

$posts = get_posts('numberposts=1&category='.$category->cat_ID.'&orderby=date&order=DESC');

となっています。

関連記事
zenback
人気エントリー
トラックバックURL


コメント

はじめまして、wp_list_categories_with_newmarkプラグインを利用させていただいております。
サイドバーにカテゴリーとして利用させていただいております。
とても気に入っております。
わからないことがあり質問させていただきたく思います。


特定のカテゴリー名のみ表示させないようにしたい事と
親カテゴリーや特定(複数)のカテゴリーのみ常にnew表示をさせない事です。
どうぞ宜しくお願いいたします。

[1] Posted by shop.angedeverre logo : April 7, 2013 5:36 PM

wp_list_categories_with_newmarkプラグインを利用させていただいております。
件数を表示したくshow_countを設定しました。
見た目をカテゴリーメニュー 新着マーク 件数となるのを
カテゴリーメニュー 件数 新着マークとしたいのですが、どのようにすればよいのでしょうか?少し違和感を感じてしまいましたので質問させていただきたく思います。
このような感じになります。ワードプレス New!! (13)
ワードプレス (13) New!! としたいです。
宜しくお願いいたします。

[2] Posted by shop.angedeverre logo : September 27, 2013 7:56 PM
コメントする
greeting

*必須

*必須(非表示)


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

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

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

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