FC2Blog用テンプレート　”Babybear”

（1）2カラム（左メニュー・右メニュー）
プラグインON/OFF対応（プラグインは1.2.のみ）
プラグイン1はコンテンツ＝内容のみを表示。プラグイン2は上下説明文＋コンテンツを表示。

（2）3カラム
プラグインON/OFF対応（プラグインは1.2.3.フル仕様）
プラグイン1はコンテンツ＝内容のみを表示。プラグイン3は上下説明文＋コンテンツを表示。
プラグイン3はエントリーカラム下部にあるページナビLINK上に、エントリーと同じレイアウトで表示。
但し、プラグイン3はインデックスでのみ表示されるものになります。

（3）その他
全記事リスト、カテゴリー/アーカイブ/サーチエリア上部にナビ搭載

2カラム・3カラム共に固定幅(全体幅800px)タイプのテンプレートです。
例えば3カラムは左右カラムの最大幅が180pxです。そこに200pxのバナーを表示させることは不可能です。
カラム落ちや表示崩れの原因の多くはカウンター画像や、バナー、エントリーにUPした画像が大きすぎるといったものがほとんどです。特に3カラムはご覧の通り各幅が狭いものですのでご注意ください。(同時に多いのがタグの文法ミスですが、こちらもお気をつけ下さいね)※テンプレートは、自動的に（横に）伸縮するものではありません。

このテンプレートには、投稿時間に直接記事編集LINKが貼ってあります。しかしFC2ブログID統一以降の不具合の1つであり、また専用の単変数がサポートされていない為、動作さをさせには各自手動でサーバー番号とブログIDをHTML編集に追加しなければいけません。

▼変更箇所 → テンプレートの編集 → HTML編集

どのテンプレートも、
<!--▼ここから記事1つ分始-->
<!--topentry-->
↑この下〜以降に必ずありますのでお手数ですが探してください。

<a href="http://blog(貴方のサーバー番号).fc2.com/(貴方のID)/admin.php?mode=editentry&no=<%topentry_no%>" title="記事編集" target="_blank">

上のリンク内にある2つの(貴方のサーバー番号)と(貴方のID)を変更します。
例えばあいぼch別館のブログアドレスは「http://aiboch.blog23.fc2.com/」です。
サーバー番号は「23」。IDは「aiboch」です。つまり、

<a href="http://blog23.fc2.com/aiboch/admin.php?mode=editentry&no=<%topentry_no%>" title="記事編集" target="_blank">

とすればOKです。管理画面の過去記事から編集をしなくても、ブログエントリーの投稿日時から直接記事編集が可能になります。もちろん編集できるのはそのブログの管理者のみですご安心ください。（変更後、一度ログインを求められることがありますがその時はログインしてください）

規約・詳細ページに記載してありますように、Babybearテンプレートは素材提供者のamiさんからのご要望により素材変更のカスタマイズに制限を設けています（背景を含むテンプレート同梱素材の変更・差替・削除は禁止）。今回のコラボレーションは「バルビレッジch.の赤ちゃんオウルベア素材が主役」ということで実現したものです。申訳ございませんがご理解の程宜しくお願いいたします。

カスタマイズ補足

例外として許可しているカスタマイズについては▼以下のアドレスをご覧下さい。
　└　http://aiboch.blog23.fc2.com/blog-entry-440.html

このテンプレートには、CSSの末尾に/*--画像便利クラス--*/が4つ入っています。この部分のカスタマイズはOKです。ポラロイド風にみせるのも人気があるようです。
既にこのクラスの使い方をご存知の方は、以前使っていたテンプレートのCSSから同部分のクラスをコピペ移動、入れ替えをして頂ければ今まで通り同じ装飾で表示されます。
この4つのクラス名はエントリーやサイドカラムに画像をUPする際など、使い分けると非常に便利なものです。

画像にクラス名を付ける方法

<img src="画像パス" alt="画像名" class="img">
　→　アップロードしたサイズのままで画像に装飾枠が付きます。

<img src="画像パス" alt="画像名" class="imgsm">
　→　大きなサイズの画像を縮小表示します。サムネイルLINK用です。

<img src="画像パス" alt="画像名" class="imgleft">
　→　左回り込み用です。サイズはそのままです。

<img src="画像パス" alt="画像名" class="imgright">
　→　右回り込み用です。サイズはそのままです。

エントリーを新規・編集する際、img要素に何れかのクラス名を付けると装飾枠が自動的に付きます。もちろん4つとも通常のLINK・画像LINKとしても使えます。画像を可愛らしく見せてみたい方・興味のある方は一度お試しください。

（注意）3つ目と4つ目の左右回り込みは必ず回り込み解除タグを忘れないこと。<br clear="all">がこれにあたります。使い方としては、<img src="画像パス" alt="画像名" class="imgleft">ここにテキストやLINK<br clear="all">　といった具合です。