TEMTEM★倶楽部

FC2・テンプレート制作用ブログ♪ 管理不届きで申し訳ありません~~∑(>д<)

06月« 2017年07月 /  12345678910111213141516171819202122232425262728293031»08月
BLOGTOP » スポンサー広告 » TITLE … Q&A:記事上にフリースペース作成BLOGTOP » カスタマQ&A » TITLE … Q&A:記事上にフリースペース作成

スポンサーサイト

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

Q&A:記事上にフリースペース作成

Q2.記事の上にフリースペースを作る方法…

A.方法は三通りあります。
もっとあるかも知れませんが、杏が現在判るのはこれだけです(^^ゞ

<1>1番簡単なのは、日付を未来に設定して、記事を書く方法です。
これなら、常に1番上に持ってくることができ、フリースペースとして利用できます。
但し、日付が表示されちゃうのが、難点。

<2>HTML内にソースを書く方法です。
「HTML編集」内の場所に、
<div id="primary-column" class="column"><!-- primary-column -->

<!--index_area-->
<div align="center">
/*←これは文字が中央寄り。左がいいなら、「center」→「left」へ変更*/
<!--TOPフリーエリア-->
<div class="free_area">
お好きな文章をここへ書いてください。<br />
/*←改行は文末に「<br />」と入れてください。*/
<strong>太字にしたい場合はこの中に入れてください</strong>
</div>
<!--/TOPフリーエリア-->
</div>
<!--/index_area-->
と入れてください。

「スタイルシート編集」内にどこでも良いので、
.free_area {
width : 100%;
text-align: left;
font-size: 13px;
padding: 10px 10px;
margin: 15px 15px;
line-height: 130%;
border : 2px dotted #c8b693; /*エリアの枠。「dotted(点線)」or「solid(線)」。不用なら削除*/
}
と入れてください。

フリースペースの内容変更は、常に「HTML編集」内で変えることになります。
TOPページのみに表示されます。
全ページに表示させたい時は、最初「<!--index_area-->」と最後「<!--/index_area-->」のみを消してください。

テンプレートに寄っては、枠の上下位置など変更する必要がありますので、ご注意ください。

<3>プラグイン「3」を使って、HTMLを変える方法です。
ちょっと知識はいりますが、プラグイン「3」HTMLを記事上に編集します。
プラグインに、『フリーエリア』を追加します。
これだと内容の変更は、プラグインの設定の中でできます。

でも、その他のカテゴリーは、プラグイン「3」に持って来れないので、サイドメニューには「3」は使えない不便もありますが、「1」と「2」があるので、さほど問題はないと思います。

ちなみに、杏のテンプレートは、すべてこのタイプです。
スポンサーサイト

*** COMMENT ***

COMMENT投稿

管理人にだけ読んでもらう

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