アフィリエイトトレジャーでスマホサイトを作成する方法!

スマートフォン

アフィリエイトトレジャーでスマホサイトを作成する方法!
  • 5つ星ホテルが2つ星の価格で!?高級旅行が世界最安値保証で楽しめる会員制旅行クラブ

DubLi-Travel3-Japanese-300x250

スマホサイトを作成する準備

トレジャーツールをカスタマイズします

アフィリエイトトレジャー スマホサイト 作成


いよいよ、トレジャーツールで
スマートフォンサイトを作成するための
カスタマイズ方法を紹介します。

先ほど掲載した、大変勉強になった
サイトと少し被るのですが。


アフィリエイトトレジャーと、
パーフェクトトレジャー、
カスタマイズの手順は全く同じです。

どちらでも編集可能です。


上記の画像をご覧ください。

中にある、赤枠で囲った
「temp」
というフォルダを開きます。

アフィリエイトトレジャー カスタマイズ


「テンプレートhtml~」
と書かれたフォルダが沢山あります。

「img」を除く全てのフォルダを
編集していきます。


テンプレートhtml1_オレンジ

から順番に編集していきます。

アフィリエイトトレジャー 1カラム カスタマイズ


すると、4つのフォルダがありますが、

「colom1」

というフォルダだけ編集します。


他のフォルダには一切手を加えなくても良いです。

というか他フォルダのは、
2~3カラムですからスマホサイトを
作るには向いてないのです。

アフィリエイトトレジャー HTML カスタマイズ


開きましたら、いよいよ編集です。

まずは、「index.html」

というファイルを、メモ帳で開きます。


沢山の半角英数字と記号が並びますが
間違えて消したりしないでくださいね。

アフィリエイトトレジャー html カスタマイズ

上記の画像のように


<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />


の下に、タグを加えます。


<meta name="viewport" content="width=device-width,initial-scale=1">


この↑タグです。

このHTMLタグを、
コピーして貼り付けます。

そして上書き保存します。


「sitemap」
「01」


と書かれたそれぞれのフォルダの
HTMLファイルも編集します。


「01」の中のフォルダにある
「001.html」
も一緒に編集します。


全部で4つのhtmlファイルに上記の
タグを書き足すことになります。


アフィリエイトトレジャー HTML カスタマイズ

CSSファイルの編集

アフィリエイトトレジャー CSSファイル


続いて、「CSS」ファイルです。

「colom1」の中にある

「style」

のフォルダを開いて、その中にある
「CSS」フォルダを開きます。


その中にある

「base.css」

というファイルをメモ帳で編集します。

アフィリエイトトレジャー CSSファイル


開きましたら、
「/* コンテンツエリア */」
の所にあります、
#wrapperのwidthおよび_widthを

「90~98%」

に変更します。


最低90%、最高98%ですね。

分からない場合は90%で良いです。


及びに#containerのwidthも、
「90~98%」に変更します。

アフィリエイトオレジャー base.css

「/* フッターエリア */」の所にある、
#footerのwidthおよび_widthも、
「90~98%」に変更します。

そして、上書き保存です。

アフィリエイトオレジャー base.css


以上cssファイルの編集は完了です。

残り31個のテンプレートカラーが
ありますが、同じように全て
カスタマイズするのです。


あとは、スマホサイト作成の時に、
編集したテンプレートを使用して、
サイトを構築するだけです。


が、トレジャーのカスタマイズは
まだまだ続きがあります!



※次の4ページ目をご覧ください

キュレーションサイトが無料で作れる!今すぐDreamersを始めよう
123456
  • 憧れだったあのセレブ旅行こんなに安く楽しめるなんて!最安値保障!
  • DubLi-Travel3-Japanese-300x250

関連記事

ピックアップ!

ピックアップ!

月別アーカイブ