Movable Type 備忘録

 新規エントリに「NEW」イメージを期間表示させる

  • Feb272006
  • Vote:
    http://bizcaz.com/archives/2006/02/27-000044.php
  • Categories: Customize
  • Tags:
  • Social Bookmark

以前、新規エントリなどにイメージを付けてみるで、PHP化されたブログで、新規エントリに期間限定でイメージを表示させる方法について紹介しました。

でも、PHP化していない人もいると思いますので、今回はHTMLを使用している人向けに、期間を指定して「NEW」イメージを表示させる方法を紹介します。

わたしも先月までは、ずっとHTML(SHTML)を使用していて、普通では新規エントリに「NEW」イメージを付けられないことが分かってショックでしたが、世の中同じことを考える人はいるもんですね。

今回参考にさせていただいたサイトは、PenPenPalm 様です。

このカスタマイズはプラグインを使用しません。CGIスクリプトのみで対応します。

▼CGIスクリプトの入手はこちらから▼
http://tanakaa.main.jp/palm/arc/000303.php

カスタマイズ方法

まず、表示させるイメージを作成します。
作成するイメージは、「NEW」イメージとダミーイメージです。わたしが使用したものでよければこちらからお持ちください。

次に、CGIスクリプトを入手します。
上記URLにソースコードが表示されていますので、メモ帳などのテキストファイルにコピペして、timy_3.cgi として保存します。

CGIスクリプトに表示するイメージを明記します。
新記事に表示するイメージとして、35行目を修正します。

ここでは、「NEW」イメージのファイル名を new-mark.gif として説明します。

  1. # 新記事に表示するアイコンファイル名
  2. $gifname = "up.gif";
  3. 　　　　　　↓
  4. $gifname = "new-mark.gif";

旧記事に表示するイメージとして、38行目を修正します。
ここでは、ダミーイメージのファイル名を dmy-mark.gif として説明します。

  1. # 旧記事に表示するダミーアイコンファイル名
  2. $gif2name = "dummy.gif";
  3. 　　　　　　↓
  4. $gifname = "dmy-mark.gif";

上記イメージは、CGIスクリプトがある場所を基準に、イメージがある場所を指示しています。
CGIスクリプトとイメージが同じ場所( http://●●●.com/timy/ )にある場合上記のような指定になりますが、例えば、timy/image/ の中に各イメージファイルが置かれた場合、CGIスクリプトから見た相対パス(image/new-mark.gif、image/dmy-mark.gif)を指定することになります。
ここら辺を注意して、自分の環境に合わせて修正してください。

次にサーバにアップロードします。
アップロード先はどこでも構いません。自分の環境に合わせてCGIスクリプトと各イメージファイルをアップロードしてください。

アップロードしたら、パーミッションを 755 に変更します。

最後に、表示させたい場所にタグを埋め込みます。
以下のタグを表示させたい場所に追加してください。

  1. <img src="http://lala.com/timy/timy_3.cgi?<$MTEntryDate format="yy=%Y&MM=%m&dd=%d&hh=%H&mm=%M&ss=%S"$>&Ti=48" alt="new" />

青い時の部分は、先ほどのCGIスクリプトがある場所を指定します。
赤い字の部分は、表示させたい時間を指定します。上記ですと、48時間表示するよう指示しています。

上記タグを以下のように使います。

  1. <MTEntries lastn="2">
  2.   <img src="http://lala.com/timy/timy_3.cgi?<$MTEntryDate format="yy=%Y&MM=%m&dd=%d&hh=%H&mm=%M&ss=%S"$>&Ti=48" alt="new">
  3.   <a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a> (<$MTEntryDate format="%m/%d"$>)<br />
  4. </MTEntries>

以上で、PHP化しなくても新規エントリに「NEW」イメージを期間限定で表示させることができました。
このCGIスクリプトは、いろいろ使えそうですね。

 Trackback Pings(0)

No trackbacks found.

 Comments(2)

#1: Posted by かわぐち @ February 15, 2007 [REPLY]
user-pic

まじめまして。
このページを参考に、私のブログに「NEW」イメージを表示さす事が
できました。ありがとうございます。
それと、アイコン、つかわさせていただきました。
重ねて、お礼を申し上げます。
今後ともよろしくお願いします。

 
#2: Posted by bzbell @ February 15, 2007 [REPLY]
user-pic

>>1 かわぐち さん

はじめまして^^

かわぐち さんとこのサイト遊びに行ってきました (●´∀｀●)

ヘッダがインパクトありますね（;￣∇￣A
'W'のロゴ!? がカッくいいですの♪
タグクラウドのレイアウトもなるほど!! と思いましたの (＞∀＜　)

こちらこそよろしくお願い致します (m;_ _)mペコ

 

 Post a Comment

 

コメント用フィード