みんなの「教えて(疑問・質問)」にみんなで「答える」Q&Aコミュニティ

こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

解決済みの質問

最新記事一覧の中でさらに「NEW」の表示をつけたい

FC2ブログを使用してます。

共有テンプレートを少しいじってタイトルの下に「NEW ENTRY」という形で10件ほど記事タイトルを表示してます。

こんな感じです。
http://miyukiwf.blog35.fc2.com/

この中でさらに最新のもの(1日~2日内にアップしたもの)の右に「NEW」表示をつけたいんです。

使用しているテンプレートのHTMLはこんな感じです。(上の方だけですが・・)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" dir="ltr" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="author" content="<%author_name>" />
<meta name="description" content="<%introduction>" />

<!--▼検索用や検索避け、アクセス解析デザイン変更等のメタタグを入れる場合はここから▼-->

<!--/メタタグここまで-->

<title><%blog_name> <%sub_title></title>
<link rel="stylesheet" type="text/css" href="<%css_link>" media="screen,tv" title="default" />
<link rel="alternate" type="application/rss+xml" href="<%url>?xml" title="rss" />
<link rel="top" href="<%url>" title="トップ" />
<link rel="start" href="<%url>" title="最初の記事" />
<!--preventry--><link rel="prev" href="<%preventry_url>" title="<%preventry_title>" /><!--/preventry-->
<!--nextentry--><link rel="next" href="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry-->
</head>
<body>

<!--▼アクセス解析タグを入れる場合はここから▼-->

<!--/アクセス解析タグここまで-->

<!--▼レイアウトここから▼-->
<div id="layout">

<!--▼ヘッダーここから▼-->
<div id="header">
<p class="admin"><a href="<%url>?all" target="_self" title="全記事リストへ">*All&nbsp;archives</a>
&nbsp;&nbsp;<a href="<%server_url>control.php" title="管理ページへ">*Admin</a></p>
<h1 id="pagetop"><a href="<%url>"><%blog_name></a></h1>
<p class="intro"><%introduction></p>
</div>
<!--/ヘッダーここまで-->

<!--▼横カレンダーここから(いらない場合はここから削除▼-->
<div class="yoko_calender">
<%now_year>年<%now_month>月 / <a href="<%prev_month_link>"><%prev_month>月≪</a>
<!--calender2-->
<span class="day"><%days></span>
<!--/calender2-->
<a href="<%next_month_link>">≫<%next_month>月</a>
</div>
<!--/横カレンダーここまで(いらない場合はここまでを削除)-->

<!--▼メインここから▼-->
<div id="main">

<!--▼メイン記事ここから▼-->

<!-- ▼INDEX表示が邪魔な場合はここを削除 -->
<!--index_area-->
<!-- NEWENTRIES -->
<div id="newentrys">
<h2 id="newentryname" class="navi-title">New Entries</h2>
<div id="newentrylist" class="navi-contents" >
<ul>
<!--recent-->
<li><a href="#no<%recent_no>" title="<%recent_title>"><%recent_title></a> (<%recent_month>/<%recent_day>)</li>
<!--/recent-->
</ul>
</div>
</div>
<!-- NEWENTRIES END -->
<!--/index_area-->

<div id="main_block">

こういうカスタマイズというのも不慣れな者ですがどうぞよろしくお願いします。

投稿日時 - 2008-06-15 14:26:12

QNo.4102459

困ってます

質問者が選んだベストアンサー

「新着エントリーに New マークを表示する for FC2ブログ」
http://www.koikikukan.com/archives/2006/07/30-003812.php

こちらを参考にしてみます。
「1.テンプレートの修正」のソース中に入っている、

<span class="new"><%recent_year>:(中略):<%recent_second></span>

上記の記述を、(<%recent_month>/<%recent_day>) と </li>の間に入れます。※ソース見慣れてない人にはちょっと見つけにくいかもですが頑張って見つけてください。

次に、「1.テンプレートの修正」にあるソースの中の、

<script type="text/javascript">
<!--
(中略)
//-->
</script>

部分を、<!-- NEWENTRIES END -->の上に入れます。

>1日~2日内にアップしたもの
ということであれば、このスクリプトの中の
var pass = 24;
の数字を、48とか、好きな数字に変えます。

で、最後に、CSSに「3.CSS設定」の記述を追加します。

投稿日時 - 2008-06-15 18:00:58

お礼

再び教えていただいてありがとうございます!

とっても分かりやすく説明していただいたのでその通りにやってみました!

そしたらちゃんと思い通りに「NEW」マークが表示されました!

ダメもとで質問を出してみたので望みどおりのカスタマイズができてとても感激してます・・

本当にありがとうございました!

投稿日時 - 2008-06-16 04:11:03

ANo.2

このQ&Aは役に立ちましたか?

3人が「このQ&Aが役に立った」と投票しています

回答(2)

ANo.1

「fc2ブログ new表示」で検索すると、方法がいくつか出てきますよ。そちらを調べた方がわかりやすく解説されてるし、いいと思います。(大体Javascript使ってると思います)
その中でわからないことが出てきたなら、また質問されては。

投稿日時 - 2008-06-15 16:33:44

お礼

回答ありがとうございます。

実は「FC2NEW表示」というのは全部調べてみたんです・・

でもどれも専門的な感じで書いてるので分かりませんでした・・

やっぱり素人には難しすぎる作業みたいですね・・

投稿日時 - 2008-06-15 17:09:32

あなたにオススメの質問