テンプレート11について
最初に考えたのは、如何にして楽にアフィリエイトのページができないかということでした。以前から気になっていた、【無料】アフィリページ自動作成ツールを利用して作成できないか考えてみました。
でも、記事の量が少ないのでアンバランスだったり、なかなか難しく方向転換してしまったのが、このテンプレートです。したがって、利用目的がはっきりしていませんので、今回は作成過程をご紹介します。
まったく使い物にならないということはありません。それなりに完成度は高いはずですが…(笑)。
A.最初にイメージしたテンプレートを設計図にします。
上記は、メインページとカテゴリーページの基本設計です。
B.この設計図を参考にしながら、CSSを作成していきます。
この時点では、以前作成したCSSを参考に修正しながら作成します。あなたが、CSSの作成の経験がないなら、デザインの近いサイトのCSSを参考に作成するといいでしょう。
サイトのCSSの表示方法はこちら
C.私の場合は、各パーツをモジュール化します。
キーワード、インフォメーション、カテゴリー、検索、リンク等モジュールにしています。複数のテンプレートで、少しの修正で利用ができますがら、非常に便利です。
是非、利用してみてください。(例えば、同一サイト内の複数のテンプレートで利用している場合は、モジュールを修正するだけで、すべてのテンプレートが修正できます。)
私の場合は細かく分けすぎて使いにくいのではと心配していますが…(笑)。
次に、テンプレートをアップして、形の崩れを調整します。
FireFoxで基本調整をしますが、これをIE6で見ると無残な形に壊れていることがシバシバです。どうして、IE6は計算通りにいかないのでしょう。特にフォームとマージンに苦労します。
この時点で、当初の設計と画面の大きさの誤差が生じます。一生懸命計算して設計したのに、IE6のために水の泡と化します(笑)
あなたも、IE6ですか? FireFoxに乗り換えませんか(笑)
D.サイトの色やヘッダーのイメージを作成します。
サイトの色は、作成するテーマで変わると思います。しかし、全体の色使いは個人のセンスの問題でしょう。
私は「WEB配色事典フルカラー偏(技術評論社)」
を愛用しています。色の組み合わせで非常に参考になります。
E.さあ、テストバージョンが出来上がりました。記事を投稿して全体のバランスを確認します。
今回作成したテンプレートです。自信作(?)、すこし大きめに表示しまーす(笑)。

いかがでしょう(笑)。
次は、テンプレートの利用法です。
でも、記事の量が少ないのでアンバランスだったり、なかなか難しく方向転換してしまったのが、このテンプレートです。したがって、利用目的がはっきりしていませんので、今回は作成過程をご紹介します。
まったく使い物にならないということはありません。それなりに完成度は高いはずですが…(笑)。
A.最初にイメージしたテンプレートを設計図にします。
上記は、メインページとカテゴリーページの基本設計です。
B.この設計図を参考にしながら、CSSを作成していきます。
この時点では、以前作成したCSSを参考に修正しながら作成します。あなたが、CSSの作成の経験がないなら、デザインの近いサイトのCSSを参考に作成するといいでしょう。
サイトのCSSの表示方法はこちら
C.私の場合は、各パーツをモジュール化します。
キーワード、インフォメーション、カテゴリー、検索、リンク等モジュールにしています。複数のテンプレートで、少しの修正で利用ができますがら、非常に便利です。
是非、利用してみてください。(例えば、同一サイト内の複数のテンプレートで利用している場合は、モジュールを修正するだけで、すべてのテンプレートが修正できます。)
私の場合は細かく分けすぎて使いにくいのではと心配していますが…(笑)。
次に、テンプレートをアップして、形の崩れを調整します。
FireFoxで基本調整をしますが、これをIE6で見ると無残な形に壊れていることがシバシバです。どうして、IE6は計算通りにいかないのでしょう。特にフォームとマージンに苦労します。
この時点で、当初の設計と画面の大きさの誤差が生じます。一生懸命計算して設計したのに、IE6のために水の泡と化します(笑)
あなたも、IE6ですか? FireFoxに乗り換えませんか(笑)
D.サイトの色やヘッダーのイメージを作成します。
サイトの色は、作成するテーマで変わると思います。しかし、全体の色使いは個人のセンスの問題でしょう。
私は「WEB配色事典フルカラー偏(技術評論社)」
E.さあ、テストバージョンが出来上がりました。記事を投稿して全体のバランスを確認します。
今回作成したテンプレートです。自信作(?)、すこし大きめに表示しまーす(笑)。

いかがでしょう(笑)。
次は、テンプレートの利用法です。
関連記事
新バージョンテンプレートのヘッダー画像を変えると...!
テンプレートNo.22を再公開します。
記事のプレビューでのトラブルについて
MT4対応無料テンプレートの設定(アーカイブマッピング)
MT4対応無料テンプレートの設定について(追加事項)
FLASHカレンダーとテンプレート21について
サンプルテンプレート15の設定について
ブログのPHP化(その1)
ブログのPHP化(その2)
無料テンプレート:サンプル13の変更?
追記が無かったら非表示に
テンプレート13追加しました!
MT無料テンプレート12について
テンプレート11について
テンプレート11の利用法
テンプレートの使い方(その1)
テンプレートの使い方(その2)
テンプレートの使い方(その3)
テンプレートモジュールの利用
トラックバック(0)
トラックバックURL: http://www.jp-soft.com/mt/mt-tb.cgi/190





コメントする