ＣｕｓbｌO

忍者ブログテンプレートカスタマイズ　ブログテンプレートＣＳＳ／ＨＴＭＬカスタマイズ覚書　忍者用ブログテンプレート作成中

HOME≫≫[PR]≫[小技]≫フリーエリア　ＨＴＭＬ直記

[PR]

11/22(Fri) YESR2024

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

記事編集

△ＵＰ

フリーエリア　ＨＴＭＬ直記

04/01(Thu) YESR2010

フリーエリアとは！

プラグインのフリーエリアではなくテンプレートで編集するものを作成

ブログタイトル下と記事の間にパンくずリストやナビ、検索ＢＯＸなど
さまざまなものを表示させるのに便利

プラグインフリーエリアを持ってくるほうが便利
しかし
テンプレートをカスタマイズすることで
ちゃんと表示されない場合にこれを用いることで便利になる

ＨＴＭＬ

表示させたいものを書き込む

</div>

ＣＳＳ　ここでＨＴＭＬに追記したフリーエリアを操作
どこかに以下を書き足す。操作しやすいように　フッダー著作操作の上かしたあたりにでも

/**************************************************************************************

フリーエリア

**************************************************************************************/

#free {

text-align:right;

border:solid 0px #ffb000;

margin-bottom:10px;

padding-top:10px;

padding-bottom:10px;

}

フリーエリアカスタマイズ
増やし方
フリーエリアをコンテンツごとに複数設置したい場合のカスタマイズ方法
これでいくらでも増やし
コンテンツごとに位置や背景、文字などをカスタムできる

しかし・・・増やしすぎると大変なのでほどほどに
簡単にカスタマイズできる

名前を決め付け足すし増やすだけ
どこのエリアかわかるように命名
ＨＴＭＬ

注：半角英数に切り替える

<div id="free1">数字やわかりやすい名前に英数で加える

ＣＳＳ

/**************************************************************************************

フリーエリア

**************************************************************************************/

この大きな見出しの下に

/*

free1の設定

*/　
をエリアごとに付け足すと編集で混乱しない

#free 1{
ＨＴＭＬでつけた半角英数を書き足す。