FC2ブログ

スポンサーサイト

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


Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加 Buzzurlにブックマーク
【[HPタイプ] 最近の更新 特定の記事を非表示にする】へ  【SiteMapの記事タイトルを横並びで表示させる】へ

[HPタイプ] メインカラム・フリースペースに文章等を表示する

大事なお知らせ FC2ブログ非公開変数の領域変更により、一部ページナビが表示されない等 テンプレートに不具合が出ております。ユーザーの皆さまにはご迷惑をおかけして恐縮ですが、 2012.11.10.以前にDLしたテンプレートをご利用の場合は、一旦テンプレートを削除、もしくは名前を変更した上で、再DLして御利用くださいますようお願い申し上げます。詳しくは不具合解消のための再DLのお願い
  • 【[HPタイプ] 最近の更新 特定の記事を非表示にする】へ
  • 【SiteMapの記事タイトルを横並びで表示させる】へ
HPタイプの表紙メインカラムに文章などを表示したい場合は、HTML内にフリースペースを指定してあるのでそこに表示したい内容を記載します。
記載した内容は【全ての更新履歴】の下に表示されますが、メインカラムはリキッドレイアウト(可変)なので、画像を変更した場合には、縮小画面で背景画像と重ならないように、右マージンの値も変更してください。

s_Comic-A-smokeLb.jpg
  • 【[HPタイプ] 最近の更新 特定の記事を非表示にする】へ
  • 【SiteMapの記事タイトルを横並びで表示させる】へ

カスタマイズ


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


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

表示したい内容を記載

HTML編集]部分をカスタマイズします。
キーボードの  Ctrl  +  F  をクリックすると、画面の上もしく下に検索ボックスが表示されますので、
そこに フリースペース と入れて以下の個所を探します。

<!--▼▼ 表紙ページ▼▼ -->
<!--index_area-->
<div class="index_area_box">
最近の更新<div class="entry_box">

~ 中略 ~ 

</div>

<div class="small_box">
<span class="fontK">全ての更新履歴▼</span><div class="js_close">
<ul><!--archive-->
<li>
<a href="<%archive_link>" title="<%archive_year>.<%archive_month>."><%archive_year>. <%archive_month>. (<%archive_count>)</a> </li>
<!--/archive--></ul>

</div></div>
<div class="entry_text">

<!--////////フリースペース
ここに記載した内容は【全ての更新履歴】の下に表示されます///////////-->


</div>

</div> <!--/index_area-->
<!--▲▲ 表紙ページここまで▲▲ -->


赤色の部分に表紙メインカラムに表示したい内容を記載します。

右マージンの値の変更

画像を変更した場合には、必要に応じて、右マージンの値を背景画像に合わせて調整(変更)します。

スタイルシートの編集]部分をカスタマイズします。
先ほど表示させた検索ボックスに今度は #index .index_area_box .entry_text と入れて以下の個所を探します。

/*表紙ページ(HPタイプ)メインカラム・フリースペース*/

#index .index_area_box .entry_text{
margin-right:320px ;/*右マージン*/
font-size : 100%;line-height : 180%;overflow:hidden;}
}


スタイルシートをスクロールして上の個所を探し、右マージンの値(赤色の部分)を変更します。

プレビュー 】 をクリックしてレイアウトを確認する

問題なければ、
更新 】 をクリックする。
関連記事
スポンサーサイト

Yahoo!ブックマークに登録 このエントリーをはてなブックマークに追加 Buzzurlにブックマーク
【[HPタイプ] 最近の更新 特定の記事を非表示にする】へ  【SiteMapの記事タイトルを横並びで表示させる】へ

~ Comment ~

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

~ Trackback ~

トラックバックURL


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

【[HPタイプ] 最近の更新 特定の記事を非表示にする】へ  【SiteMapの記事タイトルを横並びで表示させる】へ

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ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。