かなり苦し紛れの記事で月間目標を達成した管理人ですが、今度はちょっとまともかも。
コメントやトラックバック(のリスト)に 『新着マーク』 を付ける方法を考えてみました。
レンタル掲示板とかには、新しい投稿やレスに New ! などというマークが付く機能があるものが珍しくありませんが、BLOGでもそれをやっちゃろう、というものです。
スクリプトですが設置は簡単です。 新着として扱う期限は自由に設定できます。
サイドバーに煌めく新着マークは管理人の喜び。 どうぞお試し下さい
(ウチにはサイドバー無くて普段リストを隠してますし、リストの面積も狭いんで ry)
【 解 説 】 スクリプトは現在時刻 ”today”とリスト項目の時刻を比較して、一定時間以内であれば .new というクラススパンで新着を表す文字列をリスト行に書き足します。
○ 新着扱い期限は 関数中の nt=X のXで1時間単位で指定できます このスクリプトは「年」「月」「日」「時」のタグが用意されている物には全て適用可能です。
「最新記事」 リストにも使用可能ですし、ナビリスト以外にもコメント・トラックバックの本体は勿論、各エントリそのものにすら適用できます。
SAMPLE (新着印が見えない場合はコメントかトラックバックをオネガイします)
お早うございます zsh さん始めまして。
JUGEMではどうしても実現出来なかったテーマですが、
FC2では 「当日表示」 と殆ど同じ感じで出来ちゃいました
( 独自タグシステム の賜物です )
何かありましたら御遠慮なくお申し付け下さい
はじめまして とても良いスプリクトですね!
私のブログはエントリーやコメントをツリー表示にカスタマイズしているのですが
このスプリクトはツリー表示には対応していないのでしょうか?
もし使える方法があれば教えていただきたいのですが。。。
よろしくお願いします。
うう まかろんさん どうもはじめまして。
>ツリー表示に対応可能か
このスクリプトはリスト中に「埋め込んで」使用するタイプです。
ページソース上では各行毎にスクリプトが展開される訳です。
takkyun氏のツリー化のような「後置型」スクリプトで
これがどのように処理されるのか正直予想できません。
( もしお試しになられたら是非お教え下さい ^^;)
過去JUGEM等でこの種のスクリプトがサポートされなかったのは
リスト内要素の時間情報が不完全(月/日のみ)だった為です。
( 私の「ツリー化」 では近日?対応する予定です )
これは けんぱさんこんばんわ 御無沙汰しておりますぅ
いや、FC2の独自タグと来たら 「引数に使って〜」 て感じで。
( スクリプト作るのは JUGEMよりずっと簡単なのです )
sbのタグはJUGEM互換ですから私レベルでは Lo」 ・・・
それにしても sb 最近更新してません。
ネタもテーマもあるのですが、中々さいもんさんのようには行かなくて・・・
載っている通りに行ったのですが、どうも上手く出来ません。というよりも、全く反応がないです。コンピュータについては日々勉強中なのですが、どうやったら上手くできるか教えて貰えたら幸いです。
タイガーさん 御利用有難うございます。
ソースを拝見した処、scriptは問題なく設置されているようでした。
コメント付けさせて戴きましたがmkも表示されましたよ。
( 新着印のCSSは未設定なようですが )
お返事ありがとうございます。 CSSの設定というのは、.new {color:red; font-weight:bolder;} を入れるという事だと思うのですが、それはCSS内のどこに入れてもいいのでしょうか?
出来ました。ありがとうございました。
danielさん、画像での新着表示について私のブログで相談を受けたのですが、
document.write('<img src="./file/XXX.gif">')}
という書き方では、リンク切れになってしまうようです。
現在(2005年7月)の時点では、アップロードした画像は
blog(鯖番).fc2.com/(IDの一文字目)/(ID)/file/(ファイル名)
というURLになるので、相対パスではなく絶対パスで指定してもらったほうが良いかもしれません。
これは洵さんどうも お報せ感謝です。
ちょっと確認・調整してみますね。
⇒ 2鯖では問題なく表示されるようですが(今UPした画像)、
絶対アドレスで指定した方がやはり確実でしょうね。
めい母さんはじめまして。
FC2ユーザーは初めてのblogでコメントする時もクッキー効いてれば?
HNとか入力する手間が省けるみたいですよ。
どーしても設定方法が分からなかったら 仰って下さい。
( 私がして差し上げます )
<span class="new">New</span>
↑の場合はCSSに.new {color:red; font-weight:bolder;}
この意味は分かりますけど・・・画像を使おうと思ってるのですが・・・
しかし・・・頭の中が真っ白です(-"-;A ...
画像を使われる場合は、imgタグを書かせればよいのです
document.write('<span class="new">New</span>')}
を[e30]
document.write('<img src="画像のURL">')}
とされてみて下さい。
はい!そこは、そのように変更しました。
確かめたらちゃんと画像は出てくるんですけど・・・
CSSへの方へは・・・どう書きますか?
初歩的な質問でごめんなさいA^^;;
Σ(- -ノ)ノ エェ!?そうなんですか?
もう少し、いじってみてダメなら
明日お願いに伺うかもしれませんA^^;;
もう・・・めげそう
色が変わってる・・・早業!!
お疲れ様です。 めい母さんのテンプレートは通常のそれと異なりまして
FC2の特殊機能「JUGEMタグ置換」が使用されています。
( この位置ではスクリプトに値が渡されません )
{recent_comment_list_tree} の部分を以下のようにして下さい
(一例)
<ul><!--rcomment--><li>
<a href="<%rcomment_link>"><%rcomment_name>
(<%rcomment_month>/<%rcomment_day>)</a>
<script type="text/javascript">
nw(<%rcomment_year>,<%rcomment_month>,<%rcomment_day>,<%rcomment_hour>)
</script>
</li><!--/rcomment--></ul>
(リスト項目の内用についてはFC2のタグを用いて変更してください )
こんにちわ、初めまして!!
こちらを参考にさせていただき、新着アイコン設置を試みております。
2つお伺いしたいことがあるのですが。。。
まず1つ目。
コメントリストへのスクリプト設置は出来たのですが、ブログトップのサイドバーに表示されているコメントリストに新着アイコンが表示されません。
コメント記入のページに行くと、サイドバーにあるコメント欄には新着アイコンが表示されるのですが。。。スクリプトの設置場所が間違えているのでしょうか?
もう1つですが。。。
同じく新着アイコンを、エントリーリストにも設置したいと思っております。が、どこにスクリプトを挿入すればいいのか分かりません。
何箇所かやってみたのですが、うまく出来ないのです。
<h2><a href="javascript:void(0)" onclick="dd('fo03')"><img src="http://blog15.fc2.com/h/heartsmile7279/file/click2.gif" style="border:0px"></a><img src="http://blog15.fc2.com/h/heartsmile7279/file/heartdnki-f15.gif" border=0>記事はココ<img src="http://blog15.fc2.com/h/heartsmile7279/file/heartdnki-f15.gif" border=0></h2>
<div style="display:none" id="fo03">
<ul>
<!--recent-->
<li><a href="<%recent_link>" title="<%recent_body>"><%recent_title></a>(<%recent_month>/<%recent_day>)
</li>
<!--/recent-->
</ul></div>
エントリー部分のHTMLは上のようになっています。
説明下手な上に初心者ですので、教えていただきたい事が伝わるか分かりませんが、よろしくお願いします。
hitomi さんはじめまして。
まず「最近の記事リスト」 に新着マークを付ける方法は以下の通りです
( recentブロック内を)
<ul><!--recent-->
<li><a href="<%recent_link>" title="<%recent_body>"><%recent_title></a> (<%recent_month>/<%recent_day>)
<script type="text/javascript">
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>)
</script>
</li>
<!--/recent--></ul>
コメントリストでマークが出たり出なかったりする理由は不明です
hitomi さんのblogは激しく表示が重いので、
「ロードが遅れている」
という可能性もあります (個別表示の頁は比較的軽くなるので)
・・・ソース的には問題無いようですが・・・
こんにちわ。
先日、色々と教えていただいた、hitomiです。
コメントの方はツリー化にしていたので、スクリプトの挿入場所を少し変えたらきちんと、トップのサイド部分での新着アイコンが表示されるようになりました。
ただ、最新記事リストには、教えていただいた場所にスクリプト挿入しているんですが、どうしてもエラーになってしまて出来ないんです。
もう少し頑張ってみます!
また、何かありましたら質問させていただくかと思いますがその時はよろしくお願いします。
こんにちは。
こちらの機能を是非うちのBlogに!と思い、
記事を読んでその通り(私の場合は画像を使用したいと思ったのでそちらの方で)やってみました。
でもBlogの方には何も表示されない状態なので、
こちらのコメントの方を最初から読ませていただいたのですが、
どこをどう修正すれば良いかわからず^^;
↑のhitomiさんの場合と同じなのであれば、
>スクリプトの挿入場所を少し変えたらきちんと、トップのサイド部分での新着アイコンが表示されるようになりました。
とあるように、私の場合もそうなのでしょうか。
お時間がある時に一度見ていただけたら嬉しいです。
よろしくお願いします。
こんにちは。 しゃむさんのblogを拝見しましたが、
コメントリスト等に
UP! というマークは表示されてます。
でも最後にHTML末尾のツリー化スクリプトが作動すると消えるのです。
スクリプトを a タグの中に書いてみては如何でしょうか
danielさん、お忙しい中見て下さってありがとうございました。
マーク表示されていますか?
私には全然見えないです^^;
それで、ツリー化スクリプトが作動して消えるというのは、
調べてみて何となくわかったのですが、
danielさんのおっしゃる、「スクリプトをaタグの中に書く」というのが良くわかりません。
どのスクリプトをどの場所のaタグなのか・・。
頭弱くて済みません><
もし良かったらご教授お願いします。
まず質問する前に自分でやってみろ が基本ですよね。
済みません^^;
コメントや、新着エントリなどのHTMLの所のお話をされているんだと思い、やってみました。
そうしたらコメントやTB、新着エントリなどの部分にきちんとアイコンが表示されるようになりました。
ただ、
1, 今日から大分前のものにもアイコンが表示されている。
(これは今日から実装したので、24時間たてば消えるのかな)
2,なぜか新着エントリのアイコンにだけ、青い枠が出てきてしまっている。
この2点についてわからずに困っています。
もし danielさんの方でおわかりになるようでしたら、アドバイスをお願い致します。
しゃむさんこんばんは。
おお。 ツリー化された上でマークも表示されてますね
でも 8/10のTBにも表示されてるのは謎ですね。
(PCの時刻はあってますでしょうか?)
★category_year(month, day, hour)とかの変数はありませんので
カテゴリリストからはスクリプトを削除されて下さい
(エラーの原因になります)
★ 新着記事のマークの青フチを消すには CSSに
a img {border-style:none}
を追加してみて下さい
danielさんありがとうございますっ!
画像周囲の枠はおっしゃる通りの指定で消えました。
それからカテゴリリストのスクリプトも削除しました^^;
どうもありがとうございます。
でも8/10のTBについては私もわからないです。
私のPCの時刻が何か関係あるんでしょうか?
PCに表示されている時刻はあっているんですが、
その他ネット上の事に関係して何か設定等あるのでしょうか^^;
うーん。 PC内時計は正しく調整されているのですね。
古い日付のにもマークが付いてしまう理由が今はすぐ分かりません。
現在の しゃむ さんのテンプレートのソース(HTML・CSS)を
以下のBBSに貼り付けて下されば 調査させて頂きますが。
http://blog3.fc2.com/pcafe/blog-entry-3.html
遅くなってしまいましたが、 takkyun氏のスクリプト適用下に
新着印が表示されるのを確認できた nw関数の位置をBBSにてお示しします。
但し コメント・TB のみです。 recentはFirefoxではOKだったのですが、IEで表示されませんでした
ツリー化スクリプトには手を加えていません
( しょぼくれてて 申し訳ありません )
danielさん。
ありがとうございます。
しょぼくれて なんてとんでもないです。
?な事が多い私にとってはこうやって回答を下さるだけでありがたいです。
今別なものを使っていたのですが、そちらの方でも同じような状態だったので、danielさんのものを参考に少し勉強してみたいと思っています。
きっとお忙しい中やって下さったんだろうと思っています。
本当に感謝です。
ありがとうございました。
初めまして。新着マークを付けたくってこちらにお邪魔しました。↑のとおりしてみたのですが、”NEW”は表示されたんですが、ツリー化がおかしくなってしまうんです。
ツリー化と新着マークは一緒に表示出来ないんでしょうか?ぜひお知恵をお貸しくださいませ。
<!-- ▼ コメント投稿者 ▼ -->
<div class="rtitle"><h4><img src="http://blog6.fc2.com/o/opusi/file/06_ar2.gif" width="20" height="14" alt="" /> Recent Comments</h4></div><div class="rmain"><div id="commentlist"><ul><!--rcomment--><li><a href="<%rcomment_link>#comment"><%rcomment_name><span class="days">(<%rcomment_month>/<%rcomment_day>)</span></a><script type="text/javascript">
nw(<%rcomment_year>,<%rcomment_month>,<%rcomment_day>,<%rcomment_hour>)
</script>
</li>
<!--/rcomment--></ul></div></div>
chieさんこんばんは
新着スクリプトはリストにマークを 「書き加える」 ものであり
ツリー化スクリプトは既に表示されている内容を改変するものです。
私はまだ後者については知識・技量が十分でありませんので
詳細的確な御返事を申し上げる事ができません。
Forum の方では成功された方の御報告もあるようですので
そちらを参考にされてみてください。
はじめまして。
解決済みですが、同様のことを訴える人がいるかもしれないのでカキコさせていただきます。
最初はどうしてもうまくいかず、更新日時に関わらず常にNewが表示されてしまってました。
変数todayをデバックで表示させてみると何故か数字の羅列でした。
試しにアクセス解析用のタグを外してみるとうまくいきました。
このタグはスクリプトをsrcで読み込んでいるのですが、きっと変数todayが重複したのかな?
と思い、変数todayの名前を変えたら共存できました。
ありがとうございます! repariolさんこんにちは。 貴重な情報感謝です。
確かにこのスクリプトはhead領域で todayを定義し値を与えていますので、
todayを使うスクリプトが他にあると機能しなくなる事は十分ありえます。
( 全く スクリプトは引っ掛かる処が多くて悩ましいです )
はじめまして。 日別ごとのエントリーをはじめ いつもお世話になっていります。
今回 NEWマークにも挑戦してみたのですが TOPページのプラグイン欄にしか表示されず コメントやそれぞれの記事をクイックするとエラーになってしまい表示されない状態です。
HTMLをどういう状態か ここに書いたら読み取りエラーになってしまいました。 どうしたら良いでしょうか? メールなどでの 連絡は可能でしょうか?。
お手数をおかけしますが 宜しくお願いします。
設置されたテンプレートのソースを拝見致したく存じます
当店TOP の CATEGORY にBBS というのがございますので
そちらに投稿されてみてください
( HTMLを貼り付ける欄がございます )
はじめまして。
FC2フォーラムで記事を見つけて参考にさせて頂いております。
カテゴリーの部分で新着マークを付けたいと思い、スクリプトを追加させて頂きました。
しかし表示されませんでした。
月/日のみ表示させている場合は、サポートされないと上のコメントに答えられていますが、月/日のみ表示でも新着マークを付ける方法はありますか?
初心者なんで馬鹿な質問をしているのかも知れませんが、宜しくお願いします。
残念ですが fftaikiさんこんにちは。
「カテゴリリスト」 に新着マークをお付けになりたいのでしょうか?
当店の新着印表示スクリプト についてあらためて御説明しますと
記事・コメント・TBの「投稿時間」を基準に判断するものです。
「分・秒」データははじめから切り落とし(省略)てますし
「時刻」も省略可能です。 (例:当日・前日だったら New! )
極端に言えば、月単位・年単位で新着を表示することもできます。
・・・しかし、(上述させて戴いておりますように)
「カテゴリ」には登録年月日を表示する変数がないのです。
(あったとしても「該当記事最新更新時刻」でないとあまり使えませんが)
という次第で「難しい」とお答えせざるを得ません。
早速RES頂き、本当に有難うございました。
僕の質問の仕方が悪いんだと思います。
記事を新規投稿した時に登録したカテゴリー名の横にNEWと表示したいと考えていたのですが。
もう少し勉強してから、それでも判らなかったらまた相談させて頂こうと思います。その時は宜しくお願いします。
エラーが発生しました。 失礼しました。 それならば可能です。
記事下のカテゴリ名(カテゴリ頁へのリンク)は
<a href="<%topentry_category_link>"><%topentry_category></a>
ですが、それに続いて
<script type="text/javascript">
nw('<%topentry_year>','<%topentry_month>','<%topentry_day>','<%topentry_hour>')
</script>
と書けば良いと思います
度々、すいません。RESして頂けると思ってなかったので、遅くなりました。
早速、アドバイスの様に付け加えてみました所、ちゃんと表示されました。
プラグインで表示させている『カテゴリー』の横にNEWを表示させるのは出来ないとおっしゃったのですね。
出来れば、そこにも表示させたかったんですが、仕方ないですね。
何度もアドバイス頂き、有難うございました。
すいません。上のコメントHN記述漏れしてたみたいです。普段HPやブログを見てただけの初心者の僕は、たった一行とかたった一部分とか、簡単に変えられるもんだと勝手に思ってました。無知だから好き勝手な質問も出来るんですね(^^;;
実際、自分でブログを開設してみてやっと判りました。こんなに大変だったとは・・・。
そんな初心者の質問に丁寧に答えてくれるdanielさんの様な方にはほんとに感謝します。これからも僕みたいな無理な事訊く初心者に優しくして頂けたらなーなんて勝手に思ってます。
凄い!お陰様でコメント、トラバ(誰かトラバしてね♪)、新着記事に、Blogピープルのリンクリストにも使うようにUPしていた画像を、(gifアニメ)統一して使えるようになりました(^_^)V ありがとうございます♪
ぬりめさんこんばんは。 御利用 有難うございます。
・・画像タグを使われたのですか。
それでBPとコーディネイトするとは考えましたね〜
(カスタマイズてのはこうでないといけませんね)
こんばんは。「New」を早速使わせていただこうと思ったのですが、10/03のコメントの方と同様の現象が出ております。
アクセス解析を使用していると、古い記事でも「New」印が付いてしまうんです。(;.;)
「変数todayの名前を変えたら共存できました」とのことですが、具体的にどうすればいいのでしょうか。
お手数をおかけしますが、よろしくお願いします。
getyou さんこんばんは。
他のスクリプトがtodayという変数に異なる値を定めると、
このスクリプトは正常に作動しなくなってしまうのです。
ソース中 赤字の部分 をtodayと異なる単語 (例: Timenow ) 等に変えて見て下さい
var today=new Date();
function nw(u1,u2,u3,u4) {
var nt=24; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<span class="new">New</span>')}
}
( なお、「新着マーク」 は近くverUPの予定です)
danielさん、早々にご回答いただき、ありがとうございます。
「Timenow」に変更したところ、正常にNewが表示されるようになりました!
大変わかりやすく教えていただき、感謝です。
>なお、「新着マーク」 は近くverUPの予定です
↑ バージョンUPって、一体どんなNewになるんでしょう〜。今から楽しみにしています!
初めまして。
FC2ではないのですが、DTIブログにて「新着マークスクリプト」を使わせて頂いております。
説明もとてもわかりやすく、すぐ設置する事が出来ました。
どうもありがとうございます。
hazuki さんはじめまして。
拙スクリプト御利用下さいまして有難うございます。
どうぞ使い倒してやってくださいましな。
DTIのblogをお使いですか
スクリプトが使える て HTMLも変更可ってことですよね。
あ「共有テンプレート」 システムもあるみたいですね。
「5MBまでの動画ファイルがUP可能」 てのは羨ましいです。
( でも FC2も悪くないですよ )
度々おじゃましますm(_ _"m)ペコリ
この新着マークスクリプトなのですが、もしよろしければ配布用のテンプレにも使わせて頂けないでしょうか?
もちろん著作権表示としてリンクも貼らせて頂きます。
どうでしょうか。よろしくお願い致します。
こんにちは。
FC2 でも DTI でも何処でも御自由に使って戴いて構いません。
( こちらからお願いしたいくらいです )
沢山DLされるよう お祈り申し上げております。
えあさん こんばんは
確かに主カラムの記事タイトルにも新着マークが付いてますね!
( 御利用有難う御座います )
新着マーク というのは無ければ無いであまり困りませんが
在るのに慣れてしまうと無いと寂しく感じるものです。
お互いなるべく途切れる事のないように頑張って参りましょう
またまたお世話になりました。m(_~_)m カテゴリやユーザータグ・リストにも「NEWマーク」がほしかったので、フォーラムで教えていただいた「専用テンプレートのiframe呼び出し」構造で実装しました。
この構造は、独自変数を補完する手段として、まだまだ使えそうです。
コメント、その他には、NewMarkを使わせてもらいました。m(_~_)m
#TBが旨く飛ばないのでコメントしました。過去記事の保存(修正)では飛ばないんでしたっけ??
hassakuさんこんばんわ。
カテゴリやタグにNewMarkですか〜 ( それって無理っぽくね? )
・・ てホントに付いてますね。 ( ゚д゚)
おそれいりました。 m(_ _)m
え〜 TBURL てのはタイトルより先に入力すべきモノだろう、
て言う人もいるかもですが 私、編集で飛ばしたことありますよ。
(この記事からTBしてみました 確認後削除されて下さい)
制限があるので万人向けではないのですが... indexページの<!--topentry-->〜<!--/topentry-->から日付とカテゴリNo(/ユーザータグ名)を取得しているので、
「indexで表示する記事数に限る」という制約があります。また、遡った投稿にも対応できません。
TB、確かに届いてますね...うちからの問題かな??
あっ「Shown after Admisson」って出てました。何度も届いていたら、削除ください。お手数かけますm(_~_)m
おはようございます。
あ アレですが。
ああ書いてありますが実はウチは 『即表示』 なんです
(毎日チェックするとかできない性質なもんですから)
どうぞご遠慮なく 載るまでじゃんすか打って見て下さい。
TBできました(^o^) ...たまにしか使わない機能は、自分が悪いのかシステムが悪いのか..切り分けが難しいですね..(^_^;
主要コードを追加しました。
う〜む。 なるほどです。
( "新着" というより "最新" を表示するようにも使えますね)
・・・recent にせめてカテゴリ情報があればもっと楽なんでしょうが。
要望板にはUpしているんですけどねぇ...
http://blog.fc2.com/forum/viewtopic.php?f=11&t=112&p=84471#p84471
当面iframe使えば、独自変数をいろいろ補完できそうです...
結城さんはじめまして。 御利用ありがとうございます。
結城さんのブログがいつも新着印が絶えないものとなりますように。
何かありましたら何時でも御遠慮なくお尋ね下さい。