Movable Typeのインストール方法、Movable Type用のプラグイン、Ajaxを使ったカスタマイズ例などをご紹介しています。「あんなことできないかなぁ」、「こんなことできたらいいなぁ」を形にしていきたいですの。

Movable Type 備忘録

新規エントリなどにイメージを付けてみる

Feb202006
Vote:
http://bizcaz.com/archives/2006/02/20-005913.php
Categories: Customize
Tags: NEW mark
Social Bookmark

Prev Page: RSSパーサで気になるサイトをチェック！
Next Page: カテゴリのディレクトリ名に任意の名前を付ける

こちらのPHPで新規エントリに「NEW」イメージを期間表示させるで改良版を紹介しています。

以前、MovableTypeをPHP化するでPHP化するメリットとして、新着エントリになどのイメージを動的に付けられる…と紹介しました。

今回、実際にやってみましたので、ご紹介したいと思います。

カスタマイズ方法

このスクリプトはわたしが初めて作った自前のPHPスクリプトです。
このPHPスクリプトは、エントリの更新時間を元に、48時間以内ならを表示し、96時間以内ならを表示するようにしています。

ぶっちゃけていうと、わたしは毎日更新しているわけではないので、この時間はわたし仕様になっています。
時間の変更は自由にできますので、自分にあった時間に設定してください。イメージも自由に追加／変更できます♪

このカスタマイズは、PHP化されたブログでないと対応できませんので、注意してください。

まず、イメージを表示するためのテンプレートを作成します。
MovableType(ムーバブルタイプ)の管理画面から画面左の「テンプレート」をクリックして、画面上部にある「テンプレートを新規作成」というリンクをクリックしてください。

入力する内容は以下の通りです。
- テンプレート名： New Link Image
- 出力ファイル名： newlink.php
- このテンプレートにリンクするファイル：未記入でいいです。
- テンプレートの内容：以下のコードをコピペしてください。
1. <?php
2. function newlink($entry_date, $type = '0')
3. {
4. # エントリの日付から時間を取得します。
5. $entry_time = strtotime($entry_date);
6. # 現在時刻を取得します。
7. $now = time();
9. # ２日以内の場合
10. if ( $now - $entry_time < 48 * 3600 )
11. {
12. print <<< HERE
13. <img src="<$MTBlogURL$>images/new.gif" width="23" height="7" border="0" alt="" />
14. HERE;
15. }
16. # ４日以内の場合
17. elseif ( $now - $entry_time < 96 * 3600 )
18. {
19. print <<< HERE
20. <img src="<$MTBlogURL$>images/check.gif" width="37" height="7" border="0" alt="" />
21. HERE;
22. }
23. }
24. ?>
青い字の部分が、わたし仕様の時間になっています。
赤い字の部分が条件に一致したときに表示されるイメージを表示しています。

イメージに限らず、自分好みに自由に変更してください。

緑の字は、テンプレートから任意の引数を渡すことで、スクリプト内で自由に何かできるように追加しているものです。
今は使っていません。デフォルトで「0」が設定されるようになっています。

入力したら、保存して再構築します。
次に、上記スクリプトを表示させたいテンプレートに埋め込みます。
ヘッダ部( <head>～</head> )の間に以下のコードを追加してください。
1. <?php include('<$MTBlogSitePath$>newlink.php'); ?>
最後に、イメージを動的に表示させたい箇所に以下のコードを追加します。
1. <?php newlink('<$MTEntryDate format="%Y/%m/%d %H:%M:%S"$><$MTBlogTimeZone$>', '1'); ?>
青い字の部分がエントリの日付で、緑の字が今は使っていない予備の引数となります。
埋め込みましたら、保存して再構築します。