FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか?

『最新の記事』の便利ナビに「NEW」マークを表示する 

以前に新着記事に新着表示「NEW」マークを付けて目立たせる方法、更に『最新の記事』の便利ナビを設置する方法(standard,lightframe)を紹介しました。

今回はこの2つのカスタマイズが既に施されていることを前提に『最新の記事』の便利ナビに「NEW」マークを表示する方法を紹介します。

HTMLを編集します。

<!--▼最新記事ナビゲーション▼-->

<!--topentry-->
<li>
<!--▼newマーク▼-->
<script type="text/javascript">
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>)
</script>
<!--▲newマーク▲-->

<a href="#entry<%topentry_no>" title="記事の先頭へ">
<%topentry_title>&nbsp;[<%topentry_year>/<%topentry_month>/<%topentry_day>]
</a></li>
<!--/topentry-->

<!--▲最新記事ナビゲーション▲-->



赤い部分を加えてください。これで『最新の記事』の便利ナビにも「NEW」マークが付きます。
夜分遅くに申し訳ありません。いたおさんのサイト(FC2ブログのテンプレート工房)を最近知りました。このサイトは私のような初心者でもカスタマイズが出来るように説明してくれているのでとても助かります。昨日、今まで使っていたテンプレートから、いたおさんの提供されているテンプレートに変更させてもらいました。色々とカスタマイズに挑戦した結果、2点ほどお伺いしたいことがあります。
サイドメニューのリンクが表示されないのですが、原因が分かりません。教えて頂けますか? それと、サイトマップ作成にも挑戦したのですが、カテゴリ分けになっておりませんでした。いたおさんのサイトのようにカテゴリに分けて綺麗に表示させるにはどのようにしたらよいのでしょうか?
突然のご訪問とぶしつけな質問をお許し下さい。
あっ!こちらのサイトにリンクをはらせて頂きました。
長文になってしまい申し訳ありません。 
宜しくお願い致します。
[ 2007/05/29 03:54 ] [ 編集 ]
先ほど質問させて頂いたPJです。リンクの件なんですが、理由はさっぱり分からないのですが、今しがたリンクの表示がされるようになりました。お騒がせして申し訳ありません。
ただ、サイトマップの方はやっぱり分からずじまいです(涙)
[ 2007/05/29 04:55 ] [ 編集 ]
サイトマップの件ですが、

ブログのサイトマップの作り方
http://10plate.blog44.fc2.com/blog-entry-119.html
の記事でカテゴリ名を記述するところがありますが、
PJさんの場合

/*--- カテゴリ名を記述 ---*/
C[0]="芸能プロダクション検索";
C[1]="養成所・スクール紹介";
C[2]="オーディション参考書籍";
C[3]="オーディションのポイント";
C[4]="オーディション情報";
C[5]="芸能最新情報";
C[6]="オーディションのマナー・きっかけ";
/*--- カテゴリ名を記述 ---*/

というようにツリー化した大見出し(大カテゴリ名)を入力しているのが原因です。

大見出しではなく、各カテゴリ名を入力してみて下さい。

例としては↓このような感じで。
/*--- カテゴリ名を記述 ---*/
C[0]="50音別一覧";
C[1]="養成所";
C[2]="お勧め";
C[3]="一次審査";
 〜

但し、ツリー化した6番目の芸能プロダクション検索「ジャンル別一覧」のように
記事数0件のカテゴリーは仕様上サイトマップに表示させることはできないので
記事数0件のカテゴリはサイトマップに表示させないようにした方がよいかと思います。
[ 2007/05/29 09:48 ] [ 編集 ]
丁寧なご説明有難う御座います。
少し考えれば分かることですよね(汗)
本当に申し訳ありません。
しっかりと反省して、これからもカスタマイズに挑戦していこうと思います!
[ 2007/05/29 12:41 ] [ 編集 ]
いたおさん、ありがとうございます!
さっそく導入させていただきました。
これからもよろしくお願いします!
[ 2007/05/29 17:38 ] [ 編集 ]
初めまして。テンプレお借りしました。
文字の大きさなど 少し編集させて頂きましたが
よろしかったでしょうか?

お世話になりますが どうぞよろしくお願いいたします。
[ 2007/06/04 01:01 ] [ 編集 ]
あなろぐ職人さんの神戸の日記のブログを
たまたま見つけて、一目でテンプレート気に入りました。

軽くて、カスタマイズしやすくていいですね。
htmlや、cssの勉強にもなりました〜

また、参考にさせて頂きます。
[ 2007/06/04 17:46 ] [ 編集 ]
> PJさん、かどりんさん
かどりんさん、いつも有り難うございます^^
PJさん、返事が遅くなってしまい申しわけありません。かどりんさんのおかげで解決したようですね。リンク有り難うございました^^

> ニコすけさん
どんどん好きなだけ導入してくださいね。

> 真珠さん
私もいい加減利用規約など書かないといけないと思っているのですが、どんなサイトが利用しても、またどんなカスタマイズでもOKです。好きなだけ編集してください^^

> ゆうすけ314さん
あなろぐ職人さんのところからいらっしゃいましたか。記事にも書いてくださり有り難うございます。どうぞいくらでも参考にしてくださいね。
[ 2007/06/04 23:12 ] [ 編集 ]
僕のところから、しらなかった。
いたおさん、koo.....の謎が解けました。
さすが、やりますな師匠。
[ 2007/06/06 00:55 ] [ 編集 ]
>あなろぐ職人さん
あ、コメントしておきました。前は違う名前だったからかな?

>いたおさん
勝手にテンプレート工房さんのサイトマップ表示形式を
真似てしまったのですが、よろしかったでしょうか?
許可を得られなければ、戻しますので。
[ 2007/06/06 13:38 ] [ 編集 ]
FC2ブログのテンプレート工房の管理人さん=いたおさん
なので全然問題無いと思いますよ(*´ω`)

******************************************************

最近回答怠け気味ですみませんm(__)m>いたおさん
[ 2007/06/06 16:51 ] [ 編集 ]
> あなろぐさん
バレると恥ずかしいですね^^;

> ゆうすけ314さん
ちゃんさんの言う通り全く問題ありません。好きなだけ真似てください^^

> ちゃんさん
とんでもない!ちゃんさんは回答しなければならない義務なんてありません。それなのに度々助けてくれて本当に感謝しています。私こそ助けてくれる方々に甘えないように頑張りますm(__)m
[ 2007/06/07 00:52 ] [ 編集 ]
私は簡単なものしか回答出来なくて、あまりお役に立ててません^^;
なのにリンクして下さって…こちらこそ感謝です!


いたおさんも深夜組ですねw
私もそろそろ寝なければ!
[ 2007/06/07 01:05 ] [ 編集 ]
>ちゃんさん
あ、いたおさんが管理人さんなのはわかっていましたよ。
テンプレート工房さんって書いたからですね。
わざわざ、すいません。ありがとうございます。

>いたおさん
本当にありがとうございます。
色々学んで、オリジナル色も出していけたらと思います。
[ 2007/06/07 13:59 ] [ 編集 ]
> ちゃんさん
ちゃんさんも深夜組ですね^^
私も深夜組で徹夜の一つや二つ平気だったのですが、だんだん無理が利かなくなってしまいました。切ないです。

> ゆうすけ314さん
どういたしまして^^弄られるために作られているテンプレートなので好きなようにお使いください。
[ 2007/06/08 01:14 ] [ 編集 ]
このコメントは管理人のみ閲覧できます
[ 2007/06/18 22:15 ] [ 編集 ]
スタンダードの質問なんですが、スタンダードはリンク文字の下にアンダーバーがついてしまいます。

こういう感じで

どうすればアンダーバーを消す事が出来るんでしょうか。
[ 2007/06/24 19:57 ] [ 編集 ]
下記の記事のtext-decorationに関する説明が参考になるかと思います。

リンクのスタイルを変える
http://10plate.blog44.fc2.com/blog-entry-23.html


>いたおさんへ
上の「リンクのスタイルを変える」の記事、
カテゴリがstandardになってますが共通でもよいのでは?
[ 2007/06/24 20:08 ] [ 編集 ]
>かどりん氏
解決しますた(・∀・)
有難うございました(`・ω・´)
[ 2007/06/24 20:32 ] [ 編集 ]
コメントの「題名:」を消したい場合はどうすればいいのですか。
[ 2007/06/25 14:29 ] [ 編集 ]
「題名:」の 入力欄を消したいのと、それぞれの名前(例:「サイト名:をsite」に変えたりする方法も教えてください。
[ 2007/06/25 14:36 ] [ 編集 ]
むてきんぐに頼みたいわw
http://www.voiceblog.jp/muteking/
[ 2007/06/25 17:15 ] [ 編集 ]
> Linerさん
かどりんさんのおかげで解決できたようですね。

> かどりんさん
いつも有り難うございます。「リンクのスタイルを変える」の記事のカテゴリはたしかに共通であるべきですね。ご指摘有り難うございます。

> ?さん
HTMLの中を「題名」で検索すると該当箇所がすぐ見つけられると思うので好きな文言に変えたり消したりしてください。IEをお使いであればCtrlキーを押しながらFを押すと検索できます。
[ 2007/06/28 03:13 ] [ 編集 ]
このコメントは管理人のみ閲覧できます
[ 2007/07/04 21:57 ] [ 編集 ]
はじめましてm(__)m
ブログをはじめて、数々のテンプレートの中、
一番のお気に入りです。
非常に説明がわかりやすく、最高です。
ブログを2つ目を作ったのですが、2つ目も使わせてもらっています。ありがとうございます。

「プラグインカテゴリ3を記事の下に表示させる」方法、楽しみにしています。
頑張ってください!
サンクスファイヤー( ・_・)r鹵~<火火炎炎炎゛【・ロ・】゛ヤケルヤケル

[ 2007/07/23 01:55 ] [ 編集 ]
初めまして。
テンプレートお借りしています。
たびたびお邪魔してカスタマイズさせていただきました。
初心者ですが。とても分かりやすく丁寧な説明に
感謝しております。
有り難うございます (^^♪
[ 2007/08/04 15:05 ] [ 編集 ]
こんにちは!
Newマーク早速導入させて頂きました。
わかりやすい説明ありがとうございます!

便利ナビの記事のところでも似たような質問をしてしまったのですが、固定リンク内に新着記事表示欄(便利ナビみたいなもの)があるときに、上記ソースを
<!--permanent_area-->

<!--/permanent_area-->
内に書き込んでも、Newマークが表示できないのですが、どうしたらよいのでしょうT.T
[ 2007/08/14 18:14 ] [ 編集 ]
テンプレートお借りしています。
素人であまり詳しくありません。
ヘッダー?の部分を画像に変えましたが、そうするとタイトルやサブタイトルが表記されません。何が原因かわかりますか?時間がある時でお答えいただけたらと思います。
宜しくお願いします。
[ 2007/08/19 09:36 ] [ 編集 ]
はじめまして。

シンプルで軽いテンプレートを探していたので
こちらのテンプレートはすごくよかったです。

HTMLやスタイルシートはよくわからなくても
簡単に改造できるので使い勝手もよかったです。

ありがとうございました。
[ 2007/08/19 10:20 ] [ 編集 ]
> 通りすがりさん
更新が滞っていて申しわけありません^^;記事もいずれ書きますので気を長くしてお待ちください。

> mimojiさん
いえいえどういたしまして・・・あれ?サイトがつながらないです?
[ 2007/08/27 00:41 ] [ 編集 ]
どうも<%topentry_year>等の変数が機能していないようです。

<!--permanent_area-->

<!--/permanent_area-->

の内側かつ

<!--▼newマーク▼-->
<script type="text/javascript">
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>)
</script>
<!--▲newマーク▲-->

の外側に

<!--topentry-->

<!--/topentry-->

が存在していることを確認してください。
[ 2007/08/27 00:41 ] [ 編集 ]
> 光之助さん
タイトルが表示されているということは自己解決されたようですね^^

> えとさん
有り難うございます。ただビジュアル系テンプレートにも挑戦してみたいと思う今日このごろでした^^
[ 2007/08/27 00:49 ] [ 編集 ]
暖かいコメントありがとうございました。
今日一時的に退院致しました。
相変わらずお忙しいようで、どうぞお体にはお気を付けて。
[ 2007/08/28 21:05 ] [ 編集 ]
一時的とはいえ退院おめでとうございます!
いや、私はそんなに忙しくないんです。ただちょっとおもうところがあってブログに手が届かなかっただけなんです(__;
[ 2007/08/29 00:20 ] [ 編集 ]
どうもです。カスタマイズ参考にさせていただきまっするです。
[ 2007/09/01 21:44 ] [ 編集 ]
頂いたアドバイスから、

<!--permanent_area-->

<!--/permanent_area-->
の中の
<!--▼newマーク▼-->
<script type="text/javascript">
nw(<%topentry_year>,<%topentry_month>,<%topentry_day>,<%topentry_hour>)
</script>
<!--▲newマーク▲-->



<!--▼newマーク▼-->
<script type="text/javascript">
nw(<%recent_year>,<%recent_month>,<%recent_day>,<%recent_hour>)
</script>
<!--▲newマーク▲-->

とすることで、固定リンクの記事の新着にもNewマークが出るように出来ました!

ご丁寧にアドバイス頂きありがとうございました!
[ 2007/09/02 15:50 ] [ 編集 ]
> みんさん
どうぞどうぞ、存分に参考にしてくださいね。

> 大トロさん
解決できましたか。良かったです^^
[ 2007/09/10 23:36 ] [ 編集 ]
始めまして!ネットで簡単収入UPの遥斗パパと申します。
コメント欄をスクロール表示にしたいのですが、
どこにどんなタグを入れればいいかわかりません。
宜しければ教えてもらえませんか?
[ 2007/12/08 13:18 ] [ 編集 ]
6azZ7e Hello! I'm Samuel Smith, i'm from Switqerland i and find your site really brilliant!
[ 2008/05/05 09:34 ] [ 編集 ]
コメントの投稿













管理者にだけ表示を許可する
この記事のトラックバックURL


ブログ検索
カテゴリー
プロフィール

Author:いたお
皆さんに喜ばれるテンプレートを目指して頑張ります!


当サイトはリンクフリーです。
ブログ全記事表示
ブロとも申請フォーム
カレンダー
06 | 2008/07 | 08
- - 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 - -