FC2ブログ・CSSジェネレーター - ヘルプ

どんなテンプレートを作れるか

自由度はそれ程高くありませんが、FC2ブログに対応し、プラグイン機能にも対応しているデザインテンプレートを簡単に作成出来ます。また、今後FC2ブログで新たな機能が追加された場合、対応できるものは順次対応してきます。

作成したテンプレートの再配布について

作成したテンプレートをFC2ブログの共有テンプレートにて配布する事は禁止します。かなり簡単に作成出来てしまう為、共有テンプレートがジェネレータ作品で溢れてしまう事を避ける為です。ただし、自ブログでコード付きで、閲覧者に配布する事は結構です。どんどんと配布して下さい。その際にも、Copyrightに貼られたリンクは削除しないで下さい。

テンプレート作成手順

ジェネレーターは、基本的にマウス操作のみでFC2ブログ用テンプレートを作成可能です。

例えば、h1（ブログタイトル部分）の背景色を変更する場合、テキストボックスの上にあるリンクをクリックします。リンク先にはカラーパレットがありますので、指定したい色をクリックすると、テキストボックスに(この場合は)カラーコードに数値が挿入されます。

一度どんな感じか確認したい場合、「プレビュー」ボタンをクリックすると確認出来ます。作成はこの作業の繰り返しです。基本的には、このようにマウス操作のみで行えますが、サポートされていない色、画像、サイズの微調整はテキストボックスに直接入力すると反映されます。

デザインが決定すれば、プレビュー時に表示されるCSSコードをコピーし、ブログ管理画面 → テンプレートの設定から、空いているテンプレートのスタイルシート部分に貼り付けて下さい。HTMLコードは、各作成画面の下に掲載されていますので、そちらも併せて貼り付けて下さい。これで作成完了です。

用意されている背景画像の利用について

用意されている多数の画像は、全てWebbingStudio管理人の洵さんが作成し、画像の著作権は洵さんにあります。洵さんの作成された画像を、私のレンタルしているサーバ上にアップロードしています。画像の直リンク(用意されている画像を使ってテンプレートを作成し、その画像URLをそのまま使う事)は、サーバへの負担になります。直リンクは禁止します。作成後、御自分のブログで画像の表示具合を確認した後、画像をダウンロード、管理画面 → ファイルアップロードからアップロードし、そのURLをお使い下さい。画像URLは定期的に変わりますので、直リンクのままだと、ある日突然画像が表示されなくなった、という事が起こりえます。

h1,menuなど、各要素の意味について

以下の通りです。

bodyブログ全体。他の要素で設定されていない項目は、全てbody要素を継承する。
h1ブログタイトル部分
introブログ紹介文部分
h2記事タイトル部分
ebody記事本文部分
comtbコメント・トラックバック本文部分
comtbttlコメント・トラックバックタイトル部分
menuメニュー部分全体
h3メニュー部分タイトル

前後の記事

最近の記事