入口 > テンプレ - カスタマイズ > 携帯・スマフォのトップページをカテゴリ一覧にする(不親切)

携帯・スマフォのトップページをカテゴリ一覧にする(不親切)

※うちのテンプレのカスタマイズではありません。この記事の内容についてのご質問はご遠慮ください。

携帯やスマフォの一般的なテンプレでは、トップページには日付順に記事がババーンと並ぶことになりますが、作品系のサイトをされている場合、うちのPCテンプレのようにカテゴリ名だけを表示させたいという場合もあろうかと思います。このほど個人的な事情もあり、携帯やスマフォの普通のテンプレを普通にDLし(そのデザインの中で)トップページをカテゴリ一覧のみにカスタマイズする、というおおまかなやり方について解説っぽいものを書いたので、せっかくだから公開しておくことにしました。
ただ、テンプレによって構造はそれぞれ大きく異なり、一概にここをこうしてこうすれば絶対できるよ、等と言うことは不可能に近いです。従ってものすごーく大雑把かつ不親切な説明になっています。実際これに当て嵌められないテンプレの方が多いぐらいだと思いますし、私もHTMLやブログテンプレの知識を既にお持ちの方が主体的にカスタマイズをされる際のヒントのひとつになれればな程度でごくごく無責任に書いています。そのあたりをどうかご了承の上、説明の文意の幅をうんと大きく汲むつもりでご覧ください。
もしさらっと読んでみてできないと思われたら諦めてください。
◎スマフォ
</header>、又は<div id="header">〜</div>、テンプレによっては<p class="intro"><%introduction></p>などの下、かつ必ず<div class="ad"><%ad></div>など広告タグ「<%ad>」を含むブロックよりも下

<!--index_area-->
<h3 style="margin:30px auto 0 20px;">Contents</h3>
<ul style="margin:20px auto 30px 30px;line-height:2.5;">
<!--category-->
<!--category_sub_begin-->
<ul style="margin-left:1em;">
<!--/category_sub_begin-->
<!--category_nosub-->
<li style="margin-bottom:10px;">
・<a href="<%url>?cat=<%category_number><%tail_url>"><%category_name></a>
<!--/category_nosub-->
<!--category_parent-->
<li style="margin-bottom:10px;">・<%category_name>
<!--/category_parent-->
<!--category_sub_hasnext-->
<li>├
<a href="<%url>?cat=<%category_number><%tail_url>"><%category_name></a>
<!--/category_sub_hasnext-->
<!--category_sub_end-->
<li>└
<a href="<%url>?cat=<%category_number><%tail_url>"><%category_name></a>
<!--/category_sub_end-->
<!--category_nosub-->
</li>
<!--/category_nosub-->
<!--category_sub_hasnext-->
</li>
<!--/category_sub_hasnext-->
<!--category_sub_end-->
</li>
</ul>
</li>
<!--/category_sub_end-->
<!--/category-->
</ul>
<!-- ココ(後述) -->
<!--/index_area-->
<!--not_index_area-->

と入れる

ずーっと下までスクロールして
<div class="ad"><%ad2></div>又は<footer>又は<div class="ad_footer"><%ad2></div>または<div id="footer">などの上(必ず広告タグ「<%ad2>」を含むブロックより上)に

<!--/not_index_area-->

と入れる

その画面でプラグインが使えない(けどプラグインを使いたい)のであれば、HTMLを<!--spplugin-->で検索してヒットする「<!--spplugin-->」から「<!--/spplugin-->」まで、もしくはその前後のなんとなくまとまってそうなタグまるごと(例えば「<nav id="〜">」から「</nav>」まで等)をコピーし、手順1の灰字の「<!-- ココ(後述) -->」位置にペーストする

スタイルを適当に整えてできあがり



◎携帯
<!--▲ブログタイトル終了-->や<center><font size="1" color="#999999"><%introduction></font><br></center>みたいに「introduction」を含むブロックの下、かつ<!--▲削除禁止広告終了-->又は<!--削除不可広告1終了-->といった広告タグ<%mob_ad>を含むブロックよりも下

<!--index_area-->
<br>
<div style="margin-left:20px;margin-right:20px;">
<!--category-->
<!--category_nosub-->
<a href="<%url>?cat=<%category_number><%tail_url>"><%category_name></a><br>
<!--/category_nosub-->
<!--category_parent-->
<%category_name>
<!--/category_parent-->
<!--category_sub_hasnext-->
&nbsp;・<a href="<%url>?cat=<%category_number><%tail_url>"><%category_name></a>
<!--/category_sub_hasnext-->
<!--category_sub_end-->
&nbsp;・<a href="<%url>?cat=<%category_number><%tail_url>"><%category_name></a><br>
<!--/category_sub_end-->
<br>
<!--/category-->
<!--mplugin-->
<!--mplugin_first-->
<div align="<%mplugin_first_talign>">
<%mplugin_first_content>
</div>
<!--/mplugin_first-->
<!--/mplugin-->
<br>
</div>
<!--/index_area-->
<!--not_index_area-->

と入れる

<!--▼削除禁止広告開始-->又は<!--削除不可広告2開始-->の上(その付近に素材サイトなどのリンクがあるならその更に上)(かつ、必ず広告タグ<%mob_ad2>を含むブロックよりも上)に

<!--/not_index_area-->

と入れる

スタイルを適当に整えてできあがり
2012-12-02