入口 > テンプレ - 修正報告 > PC用リニューアルしました(ver.4-1になりました)

PC用リニューアルしました(ver.4-1になりました)

シンプルだけどラジカルな修正ですー
これでようやく「1ヶ月広告が出ちゃうと目次が消える」という大問題が(まあまあ)クリアに!!! なった代わりに微妙にわかりにくくなったかもしれない気がするんだけどそんな気がするのは世界中で私だけかもしれないんだけど、でもあの問題をほっとくよりはずーっっっっといいと思うので、今ver.3〜以前のをお使いの方も今回ばかりはぜひぜひぜひぜひ修正作業してやってください<(_ _)>
「修正予定のお知らせ」で言っていたよりも少し手間は増えてしまいました(予想してなかったとこで調整が必要になってしまって、すみません)が、ご面倒な方もとりあえず1番と2番だけはやってくださいお願いします!
※念のため、事前にテンプレを「複製」してから作業してください。


1.テンプレHTMLの初めの方

<body id="<!--not_edit_area--><!--not_titlelist_area--><!--not_permanent_area--><!--not_date_area--><!--not_category_area--><!--not_search_area--><!--not_tag_area-->index<!--/not_tag_area--><!--/not_search_area-->
 ・
 ・
class="category_cat<!--topentry--><%topentry_category_no><!--/topentry-->_body"<!--/permanent_area--><!--category_area--> class="category_cat<%cno>_body"<!--/category_area-->>

これを

<body id="<!--not_edit_area--><!--not_titlelist_area--><!--not_permanent_area--><!--not_date_area--><!--not_category_area--><!--not_search_area--><!--not_tag_area-->index<!--/not_tag_area--><!--/not_search_area--><!--/not_category_area--><!--/not_date_area--><!--/not_permanent_area--><!--/not_titlelist_area--><!--/not_edit_area-->
<!--edit_area-->edit<!--/edit_area--><!--titlelist_area-->titlelist<!--/titlelist_area--><!--permanent_area-->permanent<!--/permanent_area--><!--date_area-->date<!--/date_area--><!--category_area-->category<!--/category_area--><!--search_area-->search<!--/search_area--><!--tag_area-->tag<!--/tag_area-->_body"<!--permanent_area--> class="category_cat<!--topentry--><%topentry_category_no><!--/topentry-->_body"<!--/permanent_area--><!--category_area--> class="category_cat<%cno>_body category_date_<!--topentry--><%topentry_year><%topentry_month><!--not_edit_area--><!--/topentry--><!--topentry--><!--/not_edit_area--><!--/topentry-->"<!--/category_area-->>

これに置き換える(やりやすいかなと丸ごと書き換えでお願いしてますが要するに変更点は青字あたりです)


2.テンプレスタイルシート末尾の

/********** 基本の設定ここから **********/

/*** 案内・目次記事を入口新着情報と全記事一覧から隠す(yyyyを年、mmを月の数に) ***/
.date_yyyymm { display: none; }

/*** 曰記カテゴリ表示分岐(Nを日記カテゴリの番号に)_▼▼▼全て日記風にするならここから削除 ***/
.nikki { display: none; }
.category_catN_body .mokuji { display: none; }
.category_catN_body .nikki { display: block; }
.cat_N { display: none; }
/*** ________________________ ▲▲▲全て日記風にするならここまで削除 ***/

これを

/*★★★★ 基本の設定ここから ★★★★*/

/*** 日記風・サイト風表示分岐(yyyyを年、mmを月の数に) ***/
.mokuji { display: none; }
.category_date_yyyymm .mokuji { display: block; }
.category_date_yyyymm .nikki { display: none; }

/*** 案内・目次記事を入口新着情報と全記事一覧から隠す(yyyyを年、mmを月の数に) ***/
.date_yyyymm { display: none; }

/*★★★★ 基本の設定ここまで ★★★★*/


/*** OPTION ***
**** 入口新着情報と全記事一覧に載せたくないカテゴリがある場合は
**** ↓の「X」をそのカテゴリの番号に書き換えてください ***/
.cat_X { display: none; }

これに置き換え、
◎三箇所の赤字「yyyymm」を未来記事の日付に
◎ピンク背景「X」を新着情報&全記事一覧から消している日記カテゴリのカテゴリ番号に
それぞれ書き換える


3.テンプレHTML真ん中少し下の

<!--permanent_area-->
<!--■作品(固定リンク)ページ■-->
<!--topentry-->
<div class="topentry entry_cat<%topentry_category_no> entry_no<%topentry_no>">
<h3><span class="h3"><%topentry_title></span></h3>
<div class="nikki date">
<%topentry_year>-<%topentry_month>-<%topentry_day>
</div><!--/.date-->

<div class="topentry_body">
<%topentry_body>
<!--more--><div id="more" class="more"><%topentry_more></div><!--/more-->
 コ コ に 移 動
<div class="edit"><a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" target="_blank" title="この記事を編集する">Edit</a></div>

黄字部分を灰字「ココに移動」位置に移動し、
更に下記↓イエロー背景部分を追加(「date_〜」の前の半角スペースにご注意ください)

<!--permanent_area-->
<!--■作品(固定リンク)ページ■-->
<!--topentry-->
<div class="topentry entry_cat<%topentry_category_no> entry_no<%topentry_no>">
<h3><span class="h3"><%topentry_title></span></h3>
<div class="topentry_body">
<%topentry_body>
<!--more--><div id="more" class="more"><%topentry_more></div><!--/more-->
<div class="nikki date date_<%topentry_year><%topentry_month>">
<%topentry_year>-<%topentry_month>-<%topentry_day>
</div><!--/.date-->

<div class="edit"><a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" target="_blank" title="この記事を編集する">Edit</a></div>



4.(任意)スタイルシート末尾に

#permanent_body .topentry_body { padding: 50px 0; }
#permanent_body .date { margin: 50px auto }

の二行追加




以上です。
これで、ver.3シリーズとほぼ同じ見た目をキープしつつ、一ヶ月広告が出た時点で日記風に切り替わるというテンプレになりました。
ただ「ほぼ」同じであって「全く」同じにはできていません。相違点は「作品カテゴリの個別記事画面で非表示にしていた日付が出てきてしまう(そしてそれを消そうとするとまたカテゴリ番号をひとつひとつ調べてスタイルシートに追加して云々とやってもらわないといけない)」です。
妥協策として、「個別記事画面では未来記事以外一律日付を表示、但し下の方に移動」という形式に変更しました。(それが3番と4番の作業です。4番は個人的な好みでその日付に余白を与えているだけなのでどっちでもいいです)
作品アップ日がひっそり公になってるのも、それはそれで例えば盗作抑止力になることもあるかもしれないし、まあいいかなと思いまして。
いやいやいやめんどくてもいいから作品カテゴリ個別記事では日付消したいんですけど、という方はご相談ください。
2012-12-13