TopWordPressプラグイン > WordPress の記事一覧に新着マークを表示する「wp_recent_posts_with_newmark プラグイン」
2010年8月 5日

WordPress の記事一覧に新着マークを表示する「wp_recent_posts_with_newmark プラグイン」

Posted at August 5,2010 11:55 PM
Category:[プラグイン]
Tag:[, , ]

WordPress 3.0 で、最近の記事一覧に新着マークを表示する「wp_recent_posts_with_newmarkプラグイン」を公開します。

このプラグインを適用すると、専用のウィジェットが追加され、投稿記事タイトルの右側に任意の新着表示を行うことができます。新着マークや新着表示時間の変更も可能です。

サンプル

1.プラグインのダウンロード

github のwp_recent_posts_with_newmarkプラグインのページに移動します。

github

「Download Source」のリンクをクリックして、プラグインアーカイブをダウンロードします。

ダウンロード

2.プラグインのインストール

ダウンロードしたプラグインを展開し、中にあるwp_recent_posts_with_newmarkフォルダをwp-content/pluginsディレクトリにアップロードしてください。

プラグインの一覧を開いて「wp_recent_posts_with_newmark」の有効化をクリック。

有効化

これでイントール完了です。

イントール完了

3.設定

「外観」→「ウィジェット」をクリックして、「新着表示つきの最近の投稿」を使用中の任意のウィジェットエリアにドラッグ&ドロップします。これでページに表示されるようになります。

ウィジェット

ドラッグしたウィジェットの▼をクリックすればオプション設定画面が開きます。ここで、タイトル/表示投稿数/新着表示時間/新着表示のHTMLについて、それぞれ変更が可能です。

ウィジェット

HTMLは、デフォルトの状態では次の内容を表示するようにしています。

<span style="color:#e50003">New!!</span>

HTMLにはimg要素を記述することも可能です。src属性には、画像をアップロードしたURLを設定してください。

なお、新着表示時間の計算ロジックはネットで調べたものを流用させて頂いてます。どれも日単位のサンプルしかなかったので、時間単位で設定を行えるように変更していますが、時間単位指定では正確に動作しなかったため、プログラムで若干補正しています。もしかしたら当方の動作環境の問題かもしれません。

よって、新着表示時間が期待通りに動作しない場合、wp_recent_posts_with_newmark.phpの赤色部分を削除するか、数値を変更してみてください。

…前略…
if ($min+8 < $hour) {
    echo $html;
}
…後略…

より適切な方法がありましたら、ご連絡頂ければ幸いです。

Posted by yujiro   このページの先頭に戻る
関連記事
この記事を読んだ人はこんな記事も読んでいます
人気エントリー
Hatena Hot Entries
Hatena Entries
トラックバックURL


コメント

最近、MTからWPに変更しまして、
WPの記事にちょうど新着マークをつけたいと思っていました。
ありがとうございます!

ところでなんですけど、
ウィジェット以外の記事一覧にも新着マークをつける方法はありますか?
MTでは、カテゴリ毎の記事リストにマークをつける方法が、
たしかありますよね。あのようにできる方法があったら教えてください。

[1] Posted by ちろる : August 6, 2010 2:04 PM

>ちろるさん
こんばんは。
プラグインのご利用、ありがとうございます。

ご要望の件ですが、「カテゴリ毎の記事リスト」というのは、ウィジェットではなく、カテゴリページの記事一覧に新着マークを表示するということでしょうか。
例となるページ(新着表示はなくてもかまいません)などをご連絡頂ければ幸いです。
それではよろしくお願い致します。

[2] Posted by yujiro logo : August 8, 2010 1:58 AM

お返事ありがとうございます。
例となるページということですが、現在私が運営しているサイト(http://ff14.room301.net/)のトップページなのですが、右カラムに表示されている「最近の投稿」にNEWマークが表示されていると思います。これがこちらでダウンロードしたプラグインによる表示です。そして、左カラムの「新着記事」の下にカテゴリ毎の記事一覧を表示させています。こちらのリストでも新着マークをつけたいと思っております。よろしくお願いいたします。

[3] Posted by ちろる : August 10, 2010 10:24 AM

>ちろるさん
こんばんは。
ご連絡ありがとうございました。
たびたびですいませんが、その部分のコード(=カテゴリ別に記事一覧を表示するコード)がどのようになっているか、ご利用のプラグインまたは参照先のサイト等、ありますでしょうか。
それではよろしくお願い致します。

[4] Posted by yujiro logo : August 12, 2010 1:13 AM

何度もすみません。
カテゴリ別の記事一覧を表示するコードは以下です。
コードは、使用しているテーマに元々記載してあったものを
自分でカスタマイズしたものです。
PHPはあまり詳しくなく、形式が正しいかどうかも不明ですが、
今のところ問題なく動いているので大丈夫だとは思います。

<ul>
<?php query_posts("showposts=0&category_name=カテゴリ名"); ?>
<?php while (have_posts()) : the_post(); ?>
<li><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></li><?php endwhile; ?>
</ul>

[5] Posted by ちろる : August 12, 2010 2:19 PM

>ちろるさん
こんばんは。
たびたびのご連絡、ありがとうございました。
このコードを元に考えてみます。
すいませんがお時間ください。

[6] Posted by yujiro logo : August 14, 2010 1:17 AM

>ちろるさん
こんばんは。
遅くなりましたが、以下のURLで記事を公開致しました。

http://www.koikikukan.com/archives/2010/08/25-033333.php

それではよろしくお願い致します。

[7] Posted by yujiro logo : August 25, 2010 3:38 AM

こんにちわ。

うちのWPにも利用させていただこうと張り切ってダウンロードしたのですが、ウィジェット専用と言う事で、諦めかけてコメントまで読ませていただきました・・・

で、ちろるさんのソースでヒントをいただき、

http://www.koikikukan.com/archives/2010/08/25-033333.php

を応用して上手く(?)できましたヽ(´ー`)ノ

ありがとうございました^^

ところで、このエントリーと上記エントリーにトラバしたけど反映されないみたいですね;;
2つ一緒に指定したのがいけなかったのでしょうか・・・未だWPに慣れません^^;

[8] Posted by WIND : September 12, 2010 2:44 PM

>WINDさん
こんばんは。
うまく設置できたようでよかったです!
トラックバックは保留になっていませんでしたので、届いていないようですね・・・。

[9] Posted by yujiro logo : September 13, 2010 1:32 AM

ありがとうございます!
お返事遅くなってしまってすみません。

早速使ってみたいと思います。
ご丁寧にありがとうございました。

[10] Posted by ちろる : October 13, 2010 10:45 PM

>ちろるさん
こんばんは。
ご連絡ありがとうございました。
ではでは!

[11] Posted by yujiro logo : October 14, 2010 2:15 AM
コメントする
greeting

*必須

*必須(非表示)


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

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

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

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

Now loading...
Introduction
Entries of this Category
Recent Entries
Recent Comments
Recent Trackbacks
QRcode

現在停止中です
携帯電話からこのQRcodeを撮影することで携帯用URLを取得することができます

URI for cellular phones
ギターに入った猫
Styles
Font Size
Default
For defective color vision
Gray Scale
RGB Color
Search this site

このブログをメールで購読する by:FeedBurner

loading ...
Categories
Monthly Archives
BlogPeople
Syndicate this site
FeedBurner(RSS1.0/RSS2.0/Atom)
Counter
これまでのアクセス
クリエイティブ・コモンズ・ライセンス
Powered by
Movable Type 5.12