テンプレート１１について

　最初に考えたのは、如何にして楽にアフィリエイトのページができないかということでした。以前から気になっていた、【無料】アフィリページ自動作成ツールを利用して作成できないか考えてみました。
でも、記事の量が少ないのでアンバランスだったり、なかなか難しく方向転換してしまったのが、このテンプレートです。したがって、利用目的がはっきりしていませんので、今回は作成過程をご紹介します。
まったく使い物にならないということはありません。それなりに完成度は高いはずですが…（笑）。

Ａ．最初にイメージしたテンプレートを設計図にします。



上記は、メインページとカテゴリーページの基本設計です。

Ｂ．この設計図を参考にしながら、ＣＳＳを作成していきます。
　この時点では、以前作成したＣＳＳを参考に修正しながら作成します。あなたが、ＣＳＳの作成の経験がないなら、デザインの近いサイトのＣＳＳを参考に作成するといいでしょう。
サイトのＣＳＳの表示方法はこちら

Ｃ．私の場合は、各パーツをモジュール化します。
　キーワード、インフォメーション、カテゴリー、検索、リンク等モジュールにしています。複数のテンプレートで、少しの修正で利用ができますがら、非常に便利です。
是非、利用してみてください。（例えば、同一サイト内の複数のテンプレートで利用している場合は、モジュールを修正するだけで、すべてのテンプレートが修正できます。）
私の場合は細かく分けすぎて使いにくいのではと心配していますが…（笑）。
次に、テンプレートをアップして、形の崩れを調整します。

　FireFoxで基本調整をしますが、これをＩＥ６で見ると無残な形に壊れていることがシバシバです。どうして、ＩＥ６は計算通りにいかないのでしょう。特にフォームとマージンに苦労します。
この時点で、当初の設計と画面の大きさの誤差が生じます。一生懸命計算して設計したのに、ＩＥ６のために水の泡と化します（笑）

あなたも、ＩＥ６ですか？　FireFoxに乗り換えませんか（笑）


Ｄ．サイトの色やヘッダーのイメージを作成します。
　サイトの色は、作成するテーマで変わると思います。しかし、全体の色使いは個人のセンスの問題でしょう。
私は「ＷＥＢ配色事典フルカラー偏(技術評論社)」を愛用しています。色の組み合わせで非常に参考になります。


Ｅ．さあ、テストバージョンが出来上がりました。記事を投稿して全体のバランスを確認します。
　今回作成したテンプレートです。自信作（？）、すこし大きめに表示しまーす（笑）。


いかがでしょう（笑）。
次は、テンプレートの利用法です。

関連記事