WEB漫画マンガ/絵本専用Comicテンプレート：SiteMapの記事タイトルを横並びで表示させる

★ SiteMapの記事タイトルを横並びで表示させる

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

不具合解消のための再DLのお願い

Comicテンプレートは、JavaScript有効時、SiteMap(全記事一覧ページ)では記事タイトルが、カテゴリ別に表示されますが、この時、特定のカテゴリを横並びに表示させるこもできます。

このブログで掲載させていただいて漫画作品のカテゴリの場合
DL時のままの表示　

　コチラ
横並びに変更した表示　

　コチラ

ご覧の通り、記事タイトルを連番（番号のみ）にしている作品など、横並びに表示させた方が、断然見やすくなるのでおススメです。

カテゴリの番号の確認

カスタマイズの前に、横並びに変更したいカテゴリ番号を確認しておきます。
カテゴリ番号は［カテゴリの編集］画面のカテゴリ一覧リストの一番左、#　をクリックすると表示される番号がそれですが、カテゴリページのアドレスからも確認できます。
（カテゴリページは表紙や通常ブログ画面のMAIN以下のリンクボタンで開くページです。）

http://comictemplate.blog.fc2.com/blog-category-〇〇.html

〇〇がそのカテゴリのカテゴリ番号です。

カテゴリ番号が確認できたらテンプレートをカスタマイズします。

カスタマイズ

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

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

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

<head>

～　中略　～

<style type="text/css"></style>　

</head>

HTMLの<head>～</head;>から上の部分を探します。
説明の通り、ＤＤを横並びに表示したいカテゴリ番号に変更します。
横並びに表示したいカテゴリが複数有る場合は、全てのカテゴリ番号を、以下のようにカンマとドットを忘れずに記載して並べます。

以下はカテゴリ番号１から５までを横並びに表示場合。

.map_show1,.map_show2,.map_show3,.map_show4,.map_show5 { display: none ; }
.map_hide1,.map_hide2,.map_hide3,.map_hide4,.map_hide5 { display: none ; }