FC2ブログ

スポンサーサイト

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


Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加 Buzzurlにブックマーク
【[HPタイプ] メインカラム・フリースペースに文章等を表示する】へ  【10/03のツイートまとめ】へ

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

大事なお知らせ FC2ブログ非公開変数の領域変更により、一部ページナビが表示されない等 テンプレートに不具合が出ております。ユーザーの皆さまにはご迷惑をおかけして恐縮ですが、 2012.11.10.以前にDLしたテンプレートをご利用の場合は、一旦テンプレートを削除、もしくは名前を変更した上で、再DLして御利用くださいますようお願い申し上げます。詳しくは不具合解消のための再DLのお願い
  • 【[HPタイプ] メインカラム・フリースペースに文章等を表示する】へ
  • 【タグエリア 画像の横に冒頭文を表示させる】へ
Comicテンプレートは、JavaScript有効時、SiteMap(全記事一覧ページ)では記事タイトルが、カテゴリ別に表示されますが、この時、特定のカテゴリを横並びに表示させるこもできます。

このブログで掲載させていただいて漫画作品のカテゴリの場合
DL時のままの表示  コチラ
横並びに変更した表示  コチラ

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

カテゴリの番号の確認


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

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

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

カテゴリ番号が確認できたらテンプレートをカスタマイズします。
  • 【[HPタイプ] メインカラム・フリースペースに文章等を表示する】へ
  • 【タグエリア 画像の横に冒頭文を表示させる】へ

カスタマイズ


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


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

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

<head>

~ 中略 ~

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

~ 中略 ~
/* ========================================================
(DD-1)以下は記事タイトルが連番(番号のみ)のカテゴリを
サイトマップで横並びに表示する場合の設定
DDを横並びに表示するカテゴリ番号に変更
=========================================================== */

.map_showDD{ display: block ; }
.map_hideDD{ display:none;}

~ 中略 ~

--></style> 

</head>



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

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

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

更新 】 をクリック
関連記事
スポンサーサイト

Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加 Buzzurlにブックマーク
【[HPタイプ] メインカラム・フリースペースに文章等を表示する】へ  【10/03のツイートまとめ】へ

~ Comment ~

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

~ Trackback ~

トラックバックURL


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

【[HPタイプ] メインカラム・フリースペースに文章等を表示する】へ  【10/03のツイートまとめ】へ

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  を
クリックすると全画面で
表示されます。二回押すと元に戻ります。

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。