このサイト作成ツールを使うときのトリセツ

このサイト作成ツールを使うときに使用する
HTMLの記述の仕方を紹介します。

HTMLについては、背景がグレーの枠の中をコピーすると同じように記述されます。

文章を書くときはこちら→リッチテキストエディタ

 

 

アクセス解析の入れ方

アクセス解析は、フォルダの中の「 kaiseki.txt 」の中に入れてください。

 

 

アフィリリンクについて

アフィリリンクはリフレッシュタグを使用しています。(自分の個ページを経由してワンクッションして飛ばすこと)
リフレッシュタグが入っているページが「 url.html 」です。
ですので、公式ページへリンクを飛ばすときは次のコードで飛ばすといいです。

<h5><a href="url.html" target=”_blank”>>>○○○○を今すぐ見に行く!</a></h5>

※アフィリエイトコードは11番のアフィリリンクの中に入れてください。

 

 

ここはh2タグで囲っています

大見出しとして使ってください

<h2>ここはh2タグで囲っています</h2>

 

 

ここはh3タグで囲っています

中見出しとして使ってください

<h3>ここはh3タグで囲っています</h3>

 

 

ここはh4タグで囲っています

小見出しとして使ってください

<h4>ここはh4タグで囲っています</h4>

 

 

ここはh5タグで囲っています

h5タグは基本的に、リンク飛ばすときに使います。下を参考にしてください。

<h5>ここはh5タグで囲っています</h5>

 

 

ここはh5タグで囲って外部にリンクを飛ばしています

外部リンクの場合は、target=”_blankがつき、新しいタブで開きます。

<h5><a href="" target=”_blank”>ここはh5タグで囲って外部にリンクを飛ばしています</a></h5>

 

 

ここはh5タグで囲って内部リンクになっています

内部リンクの場合は、同じタブで開きます。

<h5><a href="" >ここはh5タグで囲って内部リンクになっています</a></h5>

 

 

7番のロゴ画像に入れるタグ

ロゴ画像のサイズはMAXで500×50です。300×30〜500×50のサイズで作ってください。

<p id="logo"><a href="./"><img src="img/logo.gif" alt="" /></a></p>

 

 

背景がホワイトの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="white">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

背景がブラックの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="black">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

背景がレッドの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="red">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

背景がブルーの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="blue">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

背景がグリーンの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="green">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

背景がイエローの広告部分

公式サイトにリンクしております
↓↓↓↓↓こちら↓↓↓↓↓
ここに468×60のバナーを貼る

広告部分です。468×60のバナー広告を貼ってください。<p></p>タグは入れないでください。

<div class="yellow">公式サイトにリンクしております<br/>
↓↓↓↓↓こちら↓↓↓↓↓<br/>
ここに468×60のバナーを貼る
</div>

 

 

9番の更新情報(新着情報)に入れるタグ

更新情報(新着情報)はどれだけでも入れて大丈夫です。

<h2>更新情報・最新情報のお知らせ</h2>
<div class="new mb1em">
<dl>
<dt>2014/00/00</dt>
<dd><a href="./" >タイトル</a>をリニューアルしました</dd>
</dl>
<dl>
<dt>2014/00/00</dt>
<dd><a href="./" >タイトル</a>をリニューアルしました</dd>
</dl>
<dl>
<dt>2014/00/00</dt>
<dd><a href="./" >タイトル</a>をリニューアルしました</dd>
</dl>
<dl>
<dt>2014/00/00</dt>
<dd><a href="./" >タイトル</a>をリニューアルしました</dd>
</dl>
<dl>
<dt>2014/00/00</dt>
<dd><a href="./" >タイトル</a>をリニューアルしました</dd>
</dl>
<dl>
<dt>2014/00/00</dt>
<dd><a href="./" >タイトル</a>をリニューアルしました</dd>
</dl>
<dl>
<dt>2014/00/00</dt>
<dd><a href="./" >タイトル</a>をリニューアルしました</dd>
</dl>
<dl>
<dt>2014/00/00</dt>
<dd><a href="./" >タイトル</a>をリニューアルしました</dd>
</dl>
</div>

 

 

10番の運営者情報に入れるタグ

会社名、所在地、運営責任者など簡単に書いてください。HNなどでもOKです。

<h3>運営者情報</h3>
<p>会社名:</p>
<p>所在地:</p>
<p>運営責任者:</p>
<p>メール:<a href="link.html" >メールフォーム</a>からお願いいたします。</p>
<p>電話:電話番号(電話での対応は致しておりませんので、メールにてご連絡下さい)</p>

 

 

12番のスライドショーに入れるタグ

スライドショーはimgフォルダにp1.jpg、p2.jpg、p3.jpgをアップロードしてください。
ヘッダー画像のサイズは960×300です。縦が小さくなる分には自動で最適化されます。

<img class="slide_file" src="img/p1.jpg" title="index.html">
<img class="slide_file" src="img/p2.jpg" title="index.html">
<img class="slide_file" src="img/p3.jpg" title="index.html">
<input type="hidden" id="slide_loop" value="0">
<a href="./" id="slide_link">
<img id="slide_image" src="img/p1.jpg" alt="" />
<img id="slide_image2" src="img/p2.jpg" alt="" />
<img id="slide_image3" src="img/p3.jpg" alt="" /></a>

 

 

13番のヘッダーメニューに入れるタグ

ヘッダーメニューに入れれる内部リンクは最高で6個までです。

<li><a href="./">TOP</a></li>
<li><a href="フォルダ1">フォルダ1</a></li>
<li><a href="フォルダ2">フォルダ2</a></li>
<li><a href="フォルダ3">フォルダ3</a></li>
<li><a href="link.html">リンク集</a></li>

 

 

トップ表示用記事を追加する場合(4つ目以降)

トップ表示用記事を追加しない場合は、SYSの中には何も書かない。

<h3>追加記事のトップ表示用タイトル</h3>
<p>追加記事のトップ表示用記事</p>
<p>追加記事のトップ表示用記事</p>
<p>追加記事のトップ表示用記事</p>
<p>追加記事のトップ表示用記事</p>
<p>追加記事のトップ表示用記事</p>
<h5><a href="フォルダorページURL" >>>続きを読む</a></h5>

 

 

キャッシュさせないタグ

page4.html〜page10.htmlを追加しない場合、ページをキャッシュさせないタグを入れる

<meta name="robots" content="noindex,nofollow,noarchive" />

 

 

相互リンクのご案内のタグ

相互リンクに関して次の記事を参考にリライトして記載してください。

<h3>相互リンクのご案内</h3>
<p>当サイトは、基本的にリンクフリーです。<br/>
相互リンクは公序良俗に反するサイト様で無ければ、喜んでお受けします。<br/>
お気軽にご相談下さい。</p>
<p>相互リンクをご希望の場合は、貴サイトの・・・</p>
<p>サイトURL<br/>
サイトタイトル<br/>
掲載希望のリンクカテゴリ<br/>
をご連絡下さい。</p>
<p>当サイトは、基本的にテキストリンクにてリンク掲載いたします。</p>
<p>貴サイトに掲載いただく当サイトのリンクもテキストリンクでOKです。<br/>
ご連絡は下記よりお願いします。</p>

 

 

リンク集のタグ

リンク集を作る場合はこちらを書いてください。リンク集を作らない場合は削除。

<h3>リンク集</h3>
<div class="new mb1em">
<dl>
<dt><a href="リンク先URL" target=”_blank”>リンク先サイト</a></dt>
<dd>サイト紹介文</dd>
</dl>
<dl>
<dt><a href="リンク先URL" target=”_blank”>リンク先サイト</a></dt>
<dd>サイト紹介文</dd>
</dl>
<dl>
<dt><a href="リンク先URL" target=”_blank”>リンク先サイト</a></dt>
<dd>サイト紹介文</dd>
</dl>
</div>

 

 

 

サイドバーのHTMLタグ

○○○○公式サイトはこちら

バナー画像(横幅200px以内)
↑↑↑↑↑↑↑↑↑↑
○○○○公式サイトはこちら

<h3>○○○○公式サイトはこちら</h3>
<div class="side_banner_box">
<p><a href="url.html" target=”_blank”>バナー画像(横幅200px以内)</a><br/>
↑↑↑↑↑↑↑↑↑↑<br/>
○○○○公式サイトはこちら
</p>
</div>

 

 

SUB MENU1

<h3>SUB MENU1</h3>
<ul class="submenu">
<li><a href="./">TOP</a></li>
<li><a href="フォルダ1">フォルダ1</a></li>
<li><a href="フォルダ2">フォルダ2</a></li>
<li><a href="フォルダ3">フォルダ3</a></li>
<li><a href="link.html">リンク集</a></li>
</ul>

 

 

<div class="box1">
<h3>SUB MENU2</h3>
<ul class="submenu">
<li><a href="./">TOP</a></li>
<li><a href="フォルダ1">フォルダ1</a></li>
<li><a href="フォルダ2">フォルダ2</a></li>
<li><a href="フォルダ3">フォルダ3</a></li>
<li><a href="link.html">リンク集</a></li>
</ul>
</div>