FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか？

字体（フォント）を変える [2006/06/24]
プラグインカテゴリ３を常に表示させる [2006/06/22]
カテゴリナビゲーションの日付を消す [2006/06/19]
記事を画像で囲む [2006/06/18]
記事文末にランキング投票や広告等を入れる [2006/06/17]
ヘッダー(タイトル部分)の真下に挿入する [2006/06/17]
サイドメニュー(プラグイン)の折りたたみ [2006/06/15]
バックアップをとりましょう [2006/06/12]
お待たせして大変申し訳ありません [2006/06/01]

≪ 前月 | 2006年06月 | 翌月 ≫

字体（フォント）を変える

字体（フォント）を変える方法を紹介します。

例えば'HGS教科書体'というフォントをタイトルに使いたい場合はスタイルシートに次の記述を加えます。

h1 {
font-family: 'HGS教科書体' ;
}

タイトルだけでなく、全体のフォントを変えたい場合はh1をbodyに変えてください。

タイトル以外に個別に変えたいところがあれば、standardシリーズならこちらの記事を参考にスタイルシートを編集してください。

フォントは'HGS教科書体'の他にも様々なものが存在します。ただし目的のフォントがインストールされていない環境では表示できません。例えあなたの環境で表示されたとしても他の人が同じように見れるとは限らないので多用はお勧めできません。

スポンサーサイト

[ 2006/06/24 00:09 ] カスタマイズ共通カスタマイズ | TB(0) | CM(31)

プラグインカテゴリ３を常に表示させる

プラグインカテゴリ３はトップページのみ表示されるようになっていますが、これをトップページ以外でも常に表示されるようにする方法を紹介します。

HTMLを編集します。



～



赤い部分を削除してください。これでどのページでもプラグインカテゴリ３が表示されるようになります。

[ 2006/06/22 01:24 ] カスタマイズ共通カスタマイズ | TB(3) | CM(66)

カテゴリナビゲーションの日付を消す

プラグインの「カテゴリ」をクリックすると、中央カラム上部にそのカテゴリのナビゲーションが表示されます。このとき各記事の投稿日付も表示されるのですが、この日付を消す方法を紹介します。

HTMLを編集します。


～

<li><a href="#entry<%topentry_no>" title="記事の先頭へ"><%topentry_title> [<%topentry_year>/<%topentry_month>/<%topentry_day>]</a></li>

～


この [<%topentry_year>/<%topentry_month>/<%topentry_day>]を削除してください。

さらにこのカテゴリナビゲーションを太字で表示したい場合は次のように編集します。


～

<li><b><a href="#entry<%topentry_no>" title="記事の先頭へ"><%topentry_title></a></b></li>

～

[ 2006/06/19 23:31 ] カスタマイズ standard 専用 | TB(0) | CM(8)

記事を画像で囲む

記事を画像で囲む方法を紹介します。

HTMLの下記箇所に赤い太文字の部分を加えます。




<table class="a_tbl" border="0" cellpadding="0" cellspacing="0">
<tr><td colspan="3" class="a_top"></td></tr>
<tr> <td class="a_left"></td><td class="a_center">

<h3><a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照"><%topentry_title> </a></h3>

～

</div>
</div>

</td><td class="a_right"></td></tr>
<tr><td colspan="3" class="a_bottom"></td></tr>
</table>


～
<%topentry_more>
<hr noshade size="1" />
<div class="bottom_navi">
～


赤い部分の<hr noshade size="1" />を削除してください。

多少編集箇所があるので不安な方はバックアップをとって挑戦してくださいね。

[ 2006/06/18 19:10 ] カスタマイズ standard 専用 | TB(0) | CM(9)

記事文末にランキング投票や広告等を入れる

記事文末にランキング投票や広告等を入れる方法を紹介します。
下記HTMLの箇所に好きな文言や画像、タグ等を挿入してください。

【standardの場合】

～

<%topentry_more>
<br />
ここにランキングや広告等を挿入
<div class="bottom_navi">
～

【lightframeの場合】

～
<%topentry_more>
<br />
ここにランキングや広告等を挿入
</div>
～

記事本文から間隔を空けたい場合は<br />の数を増やしてください。

【関連記事】

[ 2006/06/17 19:34 ] カスタマイズ共通カスタマイズ | TB(0) | CM(64)

ヘッダー(タイトル部分)の真下に挿入する

ヘッダー(タイトル部分)の真下に文言や画像、タグ等を挿入する方法を紹介します。

HTMLを編集します。


<tr><td id="main_body">

<table style="margin: 1em" border="0" cellspacing="0">
<tbody>
<tr>

この箇所を次のように編集します。


<tr><td id="main_body">

<div class="article" style="margin: 1em 0.5em 0; line-height: 110%;" >
ここに好きな文言や画像、タグ等を挿入してください。
</div>

<table style="margin: 1em" border="0" cellspacing="0">
<tbody>
<tr>

ヘッダーの下は最も目立つところです。有効に活用してくださいね。

[ 2006/06/17 14:41 ] カスタマイズ standard 専用 | TB(0) | CM(7)

サイドメニュー(プラグイン)の折りたたみ

サイドメニュー(プラグインメニュー)を折りたたみ可能にする方法を紹介します。ただしこのカスタマイズは大変な割りに利便性が低いような気がするのであまりお薦めではありません。挑戦されるかたはバックアップをとっておいてくださいね。

まずHTMLの<head>から</head>までの間の好きなところに次の記述を加えます。

<head>
～

<script type="text/javascript">

</script>

～
</head>

次に
から
で囲まれている部分を次のように書き換えます。




<%plugin_first_content>
<hr class="left_width" />




次に
から
で囲まれている部分を次のように書き換えます。




<%plugin_second_content>
<hr class="right_width" />




テンプレートのHTMLの編集はここまでです。
ここからプラグインのHTMLを編集します。

まずプラグインカテゴリー１にある全てのプラグインを編集します。
既存のHTMLの上下に次のような記述を加えます。

<div class="menu_title" style="text-align:<%plugin_first_talign>">
<a href="javascript:oritatami('p1')">
プラグインタイトル</a></div>
<div id="p1" style="DISPLAY: block">
<table width="100%"><tr><td class="menu_cont">
<div style="margin: 10px 0; text-align:<%plugin_first_ialign>">
<%plugin_first_description></div>
<div style="margin: 10px 0; text-align:<%plugin_first_align>">

～
(既存のプラグインHTML)
～

</div>
<div style="margin: 10px 0 0 0; text-align:<%plugin_first_ialign>">
<%plugin_first_description2></div>
</td></tr></table>
</div>

プラグインタイトルには「最近の記事」や「カテゴリ」等そのプラグインのタイトルに置き換えてください。

p1というところが２箇所あります。ここには他のプラグインを編集する度にp2,p3…など適当な重ならない名前を入れてください。

blockと記載されているところがあります。初期状態で折りたたまれていてほしいプラグインにはnoneと書き換えてください。

FC2管理画面「プラグインの設定」でタイトルを入力するところがありますが、ここは空白にしてください。

次にプラグインカテゴリー２にある全てのプラグインを編集します。
既存のHTMLの上下に次のような記述を加えます。

<div class="menu_title" style="text-align:<%plugin_second_talign>">
<a href="javascript:oritatami('p10')">
プラグインタイトル</a></div>
<div id="p10" style="DISPLAY: block">
<table width="100%"><tr><td class="menu_cont">
<div style="margin: 10px 0; text-align:<%plugin_second_ialign>">
<%plugin_second_description></div>
<div style="margin: 10px 0; text-align:<%plugin_second_align>">

～
(既存のプラグインHTML)
～

</div>
<div style="margin: 10px 0 0 0; text-align:<%plugin_second_ialign>">
<%plugin_second_description2></div>
</td></tr></table>
</div>

プラグインカテゴリー１のときと同じようにタイトルや変数名を適当なものに変えてください。

プラグインのHTMLを既にカスタマイズしている方は、そのバックアップもとっておきましょう。

かなり大変なカスタマイズです。挑戦されるかたは頑張ってくださいね。

[ 2006/06/15 23:31 ] カスタマイズ standard 専用 | TB(0) | CM(8)

バックアップをとりましょう

カスタマイズに挑戦する前にはバックアップをとっておくことをお薦めします。間違った編集をして元に戻らなくなってしまっては大変です。

1. HTML上に適当にマウスカーソルを置く
2. [Ctrl]を押しながらAを押す。(選択)
3. [Ctrl]を押しながらCを押す。(コピー)
4. メモ帳を開く
5. メモ帳上にマウスカーソルを置く
6. [Ctrl]を押しながらVを押す。(貼り付け)
7. 適当な名前をつけて保存する。

スタイルシートも同じようにメモ帳に貼り付けて保存してください。
これでHTMLとスタイルシートのバックアップがとれました。

カスタマイズに失敗して元に戻したいときは

1. HTMLのバックアップをとっておいたメモ帳を開く
2. メモ帳上にマウスカーソルを置く。
3. [Ctrl]を押しながらAを押す。(選択)
4. [Ctrl]を押しながらCを押す。(コピー)
5. HTML編集画面のソースコード上にマウスカーソルを置く
6. [Ctrl]を押しながらAを押す。(選択)
7. [Ctrl]を押しながらVを押す。(貼り付け)

スタイルシートも同じようにバックアップをとっておいたメモ帳からコピーして貼り付けてください。これで元に戻ります。

ほとんどカスタマイズしていない状態ならばもう一度テンプレートをダウンロードしてまたカスタマイズに挑戦すれば済むことですが、既にかなり手を加えた方にとってはこれは大変な作業だと思います。

万が一に備えてバックアップをとっておけば安心してカスタマイズに挑戦できますね。

[ 2006/06/12 00:34 ] 雑記 | TB(1) | CM(1)