カテゴリに新着「NEW」マークをつける

新着記事などに「New!!」マークをつけるカスタマイズはこれまでに記事のタイトル、最新記事、最新コメント、最新トラックバック、全記事一覧表示といろいろと行ってきましたが、カテゴリだけは新着表示できませんでした。

これはカテゴリで利用できる日付変数がFC2では用意されていないためでそれならしょうがないなぁと思っていましたが、たまたま検索していたらこれを実現している方のブログを発見、興味があり試してみました。


Salad Days Rider」さんの「カテゴリやユーザータグのリストにも、「Newマーク」がほしいよね - fc2」の記事


その際に当ブログで実現するにあたり、手を加えて目標とするのは

・New!! に色を付ける
・現在利用している公式プラグインのカテゴリと同じデザインで実現する

としました。まずプラグインでフリーエリアを追加し、そこにコードを入れて調整。試行錯誤の結果、できたのが以下のコード。


<div  id="newcat">
<!--category-->
<div &align>
<!--category_sub_hasnext-->┣<!--/category_sub_hasnext-->
<!--category_sub_end-->┗<!--/category_sub_end-->
<span class="normal" id="cat<%category_no>" &align><a href="<%category_link>" _fcksavedurl=""<%category_link>"" target="_top" name="<%category_no>" ><%category_name>(<%category_count>)</a></span>
</div>
<!--/category-->

</div><!--id="newcat"-->

<script type="text/javascript"><!--
var arySigned = new Array();
function nwCat(argCatAreaId,argCatNo,argY,argM,argD,argH) {
  var today=new Date();
  var nt=24; var c=new Date(argY,argM-1,argD,argH);
  if (today-c<3600000*nt) {
    if(0<argCatAreaId.length){
      var area=document.getElementById(argCatAreaId);
      var anchor=area.getElementsByTagName('a');

      for(var i=0;i<arySigned.length;i++){
        if (argCatNo == arySigned[i]){
          return;
        }
      }
      for(var i=0;i<anchor.length;i++){
        if (argCatNo == anchor[i].name){
          var elmSign = document.createElement('span');
          elmSign.className='newitem';
          elmSign.innerHTML='<font color="#FF1493" size="2">New!!</font>';
          anchor[i].parentNode.appendChild(elmSign);
          arySigned.push(argCatNo);
          break;
        }
      }
    }
  }
}//-->
</script>

<!--topentry-->
<script type="text/javascript"><!--
nwCat('newcat',<%topentry_category_no>,<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>);
//-->
</script>
<!--/topentry-->


スクリプトの中身は私にはチンプンカンプンですが(苦笑)、一応デザイン崩れもないようだし(Firefox、IE6でも確認済)それなりに形になった。元のカテゴリのプラグインは表示オフに。

ただ、仕様で個別記事を開いている状態では現状1つしかNewマークがつきません。先の元記事ではその後のフォロー記事もあるのですが、試しに<!--recent-->を用いた方法にしてみたら新着記事一覧分のカテゴリ全部にNewがついてしまった。

ここは次回の課題です。

関連記事


拍手する ※見てくださった方々へ、、ご参考になれば幸いです。よろしければ「拍手」頂ければウレシイです

テーマ : カスタマイズ
ジャンル : ブログ

tag :日記 ブログレイアウト カスタマイズ 

にほんブログ村 旅行ブログ 温泉・温泉街へ にほんブログ村 旅行ブログ 旅行グルメへ にほんブログ村 鉄道ブログ 鉄道旅行へ ブログランキング・にほんブログ村へ
ブログランキング【くつろぐ】 ブログランキング ブログランキングのブログん家 blogram投票ボタン

 注目 Blog 記事タイトル レイアウト変更 を行いました(2010.02.09)
 注目 Blog 記事に tag関連エントリの自動表示 を行うようにしました(2010.01.05)
 注目 伊東温泉・共同浴場10湯比較リスト 公開しました!(2009.12.20)
 注目 Blog 表示高速化のため、記事を要約して表示する方法へ変更しました(2009.12.13)
 注目 伊東温泉共同浴場温泉マップ 公開しました!
 注目 ★全国駅前温泉リスト★ 随時更新中 (2010.8.17 更新) オススメ

tag関連エントリ(Google AJAX Feed)

Loading..Please Wait

trackback


この記事にトラックバックする(FC2ブログユーザー)

投稿後は管理人承認待ちとなり、承認の上公開されます。記事とは関係のないトラックバックは予告なく削除対象となりますので予めご了承ください。



カテゴリに新着「NEW」マークをつける

新着記事などに「New!!」マークをつけるカスタマイズはこれまでに記事のタイトル、最新記事、最新コメント、最新トラックバック、全記事一覧表示といろいろと行ってきましたが、カテゴリだけは新着表示できま...

コメント


cup ありがとうございます!


FC2ブログを使用しており、子カテゴリにnew表示させる方法を探していました。
共有プラグインにも表示させるものはあったのですが、ツリーのデザインは公式のデザインを使いたかったので・・・

ようやく、new表示をさせることができました!整頓した子カテゴリもそのまま使えてすごく助かりました!

cup 阪口るう さん


こんばんわ。。この記事1年前のものなんですね(笑)。お役にたてて何よりです。コード部分はよくわかってなくて、個別記事では1つしかカテゴリにNewマークはつきません。つけようとして改良したらものすごく表示が遅くなってしまった記憶が。

いまではデザインに手を入れることはほとんどなくなりましたが、手を加えてよりよいものにしていってくださいね。

cup 管理人のみ閲覧できます


このコメントは管理人のみ閲覧できます

コメントの投稿

投稿後は管理人承認待ちとなり、承認の上公開されます。記事とは関係のないコメントは予告なく削除対象となりますので予めご了承ください。


非公開コメント

ブログ内 記事検索
カテゴリ
全記事一覧表示
カテゴリ別全タイトル表示 NEW
最近のコメント(コンパクト)
データ取得中...
最新記事
最新コメント
最新トラックバック
カレンダー(月別)
02 ≪│2024/03│≫ 04
- - - - - 1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31 - - - - - -
月別アーカイブ
タグリスト

RSSリンクの表示
メールフォーム

名前:
メールアドレス:
件名:
本文:

ホームページリンク
素材リンク集
ゆーりの休日 2000ピクセル以上のフリー写真素材集 写真素材ポラリス
フリーエリア
リンク
プロフィール

やっすぃぃぃー

Author:やっすぃぃぃー

趣味はダイビングと鉄道旅行。ダイビングライセンスはダイブマスター、鉄道ではJR全線乗りつぶし達成済という異才。温泉、駅弁、ラーメン、路面電車、お城巡りも好きな凝り性。横浜市内在住。HP

やっすぃぃぃーの愛車
レガシィ

スバル・レガシィB4の話題を『みんカラ』SNSでいろいろまとめてます。車の話題を随時掲載中です♪
『亡き後を考える』シリーズ記事
温泉トピックス
温泉比較リスト
温泉マップ
GoogleMAPで温泉マップを作成しました。湯巡りの際のご参考に!

伊東温泉共同浴場10湯
鹿児島市内温泉銭湯20湯
ブログ開設から何日経った?
サイト内 人気ページランキング
検索サイト キーワードランキング
FC2拍手ランキング
FC2アクセスランキング
40位 温泉旅行
467位 旅行
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
ブログパーツ レンタルCGI