fc2ブログ

新着マークの変更

大事なお知らせ FC2ブログ非公開変数の領域変更により、一部ページナビが表示されない等 テンプレートに不具合が出ております。ユーザーの皆さまにはご迷惑をおかけして恐縮ですが、 2012.11.10.以前にDLしたテンプレートをご利用の場合は、一旦テンプレートを削除、もしくは名前を変更した上で、再DLして御利用くださいますようお願い申し上げます。詳しくは不具合解消のための再DLのお願い
  • 【目次を表示させる】へ
  • 【続き(追記)を読むを全てのページで折りたたむ】へ

New(新着マーク)について


Comicテンプレートは新着マークが標準仕様になっています。
72時間以内に更新(投稿)された記事タイトルの横に 新着マーク(赤字でNew)が表示されますが、更新後72時間が過ぎると自然と消えます。
以下は新着マークの表示時間を変更する場合、新着マークを画像にする場合のカスタマイズです。

  • 【目次を表示させる】へ
  • 【続き(追記)を読むを全てのページで折りたたむ】へ

カスタマイズ



[菅理画面]⇒[環境設定]⇒【テンプレートの設定】をクリックして
テンプレートの管理]ページを開く


PCテンプレート [ テンプレート名 ] 適用中
[ テンプレート名 ] のテンプレート名変更
テンプレート名 のHTML編集
テンプレート名 のスタイルシート編集         こんなふうに上から順番に並んでいます。

HTML編集]部分をカスタマイズします。

キーボードの  Ctrl  +  F  をクリックすると、画面の上もしく下に検索ボックスが表示されますので、
そこに <span class="new">New</span> と入れて以下の個所を探します。

新着マークのスクリプトは<head> ~ </head>内に一ヶ所、
<!--titlelist_area--> ~ <!--/titlelist_area-->内に二ヶ所、計三ヶ所あるので三ヶ所ヒットするはずです。

<head>
~ 中略 ~
<script type="text/javascript"><!--
var Timenow=new Date();
function nw(u1,u2,u3,u4) {
var nt=72; var c=new Date(u1,u2-1,u3,u4);
if (Timenow-c<3600000*nt) {
document.write('<span class="new">New</span>')}
}
--></script>
~ 中略 ~
</head>



<!--▼▼SiteMap 全記事一覧ページ▼▼-->
<!--titlelist_area-->

~ 中略 ~

<script type="text/javascript">
<!--
var list = document.getElementsByName('cat<%category_no>');
var elm; var s;
if(list.length > 0) document.write('<ul class="co_num<%category_count> map_hide<%category_no>">');
for (var i = list.length - 1; i >= 0; i--) {
elm = list.item(i);
s = elm.innerHTML;
document.write('<li>', s,'</li>');
}
if(list.length > 0) document.write('</ul>');

function nw2(u1,u2,u3,u4) {
var today=new Date();
var nt=72; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<span class="new">New</span>')}
}



//--></script>

<script type="text/javascript">
<!--
var list = document.getElementsByName('cat<%category_no>');
var elm; var s;
if(list.length > 0) document.write('<ul class="c co_num<%category_count> map_show<%category_no> map_cat">');
for (var i = list.length - 1; i >= 0; i--) {
elm = list.item(i);
s = elm.innerHTML;
document.write('<li>', s,'</li>');
}
if(list.length > 0) document.write('</ul>');

function nw2(u1,u2,u3,u4) {
var today=new Date();
var nt=72; var c=new Date(u1,u2-1,u3,u4);
if (today-c<3600000*nt) {
document.write('<span class="new">New</span>')}
}


//--></script>


~ 中略 ~


<!--/titlelist_area-->
<!--▲▲SiteMap 全記事一覧ページここまで▲▲-->



新着マークの表示時間の変更

新着マークが表示される時間を変更する場合は赤字の数値を変更します。初期設定の更新後72時間から、たとえば24時間に変更したい時には24に変更します。
(注意:数字は必ず半角にしてください)

新着マークを画像で表示

新着マークを画像で表示する場合は、青字の部分を表示させたい画像のイメージタグ<mg src="画像URL">と差し替えます。
更新後の所定の時間、記事タイトルのタイトル横には赤字のNewの代わりに、その画像が表示されます。

更新 】 をクリック


このカスタマイズは以下のサイト様で教えていただきました。
るんばば様、いたお様、ありがとうございました!

初心者でもできる簡単FC2ブログの作り方 【新着マークをつけたい!
新着マークだけではなく、初心者にの立場に立った、すばらしくわかりやすく丁寧なご説明は公式マニュアル以上です!右も左もわからないビギナーにとっては、感涙ものの、本当にわかりやすくありがた~い内容が盛りだくさんですのでFC2ビギナーであれば必見のサイトさま♪


FC2ブログのテンプレート工房 【親子カテゴリ対応サイトマップに新着表示Newマークを付ける
テンプレート配布サイト様ですが、どのテンプレートにも有効な、FC2ブログで可能な多種多様なカスタマイズを丁寧に解説してくださっています。

関連記事
スポンサーサイト




Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加 Buzzurlにブックマーク
【目次を表示させる】へ  【続き(追記)を読むを全てのページで折りたたむ】へ

~ Comment ~

管理者のみ表示。 | 非公開コメント投稿可能です。

~ Trackback ~

トラックバックURL


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

【目次を表示させる】へ  【続き(追記)を読むを全てのページで折りたたむ】へ

WEB漫画(マンガ)専用
Comicテンプレート

風の王国[展示漫画]

全27ページ
  3kaku_s_L.png 初めから読む

カスタマイズ

⇒ もくじ

Home
Comic
SiteMap
『風の王国』 公開サイト▼
展示漫画 『風の王国』の続きは 歌門様 の本家サイト【空色かんづめ】でご覧になれます
掲載漫画,イラストは歌門さつき様からお借りしました。
banner.jpg
管理人の本館▼
banner.jpg
翻訳の底本:Beatrix Potter "The Tale of Peter Rabbit" (1902)
上記の翻訳底本は、著作権が失効しています。
出典:青空文庫
翻訳者:大久保ゆう
※この翻訳は「クリエイティブ・コモンズ 表示 2.1 日本 ライセンス」によって公開されています。

画像をクリックしても次ページは開きません。ページ移動は画面上下右のナビボタンで

カスタマイズ

 もくじ

⇒ もくじ

キーボードの  F11  を
クリックすると全画面で
表示されます。二回押すと元に戻ります。