HOME

テンプレートカスタマイズの基本

HTMLでテンプレートをカスタマイズしよう! 

ヤフーオークションなどのオークション説明ページには、
コンピューター言語のひとつであるHTMLを使うことができます。

当サイトで配布しているオークションテンプレートも、このHTMLを利用して作成しています。

では、当サイトのテンプレートを例にオークションで使えるHTMLの説明をしていきます。
テンプレートをカスタマイズして、より自分の用途に合わせて商品説明ページが作れるように
HTML講座を始めます。

 

テンプレートカスタマイズに使用するHTMLは、ごく基本的なものばかりですので、
一度覚えてしまえば、他サイトさん配布のテンプレートにも、
またホームページやブログ作成などにも応用できます。




オークションテンプレートはテーブルを利用しています。

まず、頭に入れておいていただきたいのは、
テンプレートはテーブルを使用して作成してある ということです。

テーブルとは、枠組みを規定するのに便利な機能で、主に表などを作る場合に多様されます。
こんなの↓

テーブル

<TABLE>というのが、表をつくるときのタグです。
イメージとしては・・


<TABLE> →テーブル始まり。
あいう
えおか
きくけ
</TABLE> →テーブル終わり。


このような感じです。
「あいうえおかきくけ」 が、実際に表示される文字ということになります。

  

当サイトでは、
このテーブルをいくつか入れ子にして、オークションテンプレートを作成しています。
テーブルの外枠の大きさがテンプレートの大きさということになります。

ベースのテーブルの設定は、たいていタグの最初のほうに出てきます。
<TABLE width ~など。
これがテーブル設定のHTMLタグ となります。
テンプレートカスタマイズでは、このテーブルの中にある、半角英数文字=タグ をひとつひとつの書き換えることによって可能になります。




カスタマイズはメモ帳が便利

オークションテンプレートの書き換えは、もちろん配布ページ上でもできますし、
オークションの商品説明ページに貼り付けてからでもできます。

じっくりカスタマイズをして、自分専用のテンプレートにしてからオークションページにUPしたいかたは、
ウィンドウズに内臓されているメモ帳などのテキストエディターを利用するのが便利です。

 


メモ帳などテキスト用ソフトがお持ちでないかたは、
フリーソフトとしてもいくつかの優秀なテキストエディターが配布されていますので
利用すると良いと思います。


ただ、メモ帳を持っているかたは、メモ帳で充分です。
初心者のかたは、多機能なエディターを開いていると、かえって時間がかかるので・・・
ここでは作動も軽い、ウィンドウズのメモ帳を利用して説明していきますね。


参考:デスクトップにマイテンプレートをつくろう!

 



テンプレートカスタマイズ の中の-
前のお話し:文字の改行の仕方をみる