- 0 -

ゆーすけ著

- 1 -

■著作権について 本冊子と表記は、著作権法で保護されている著作物です。 本冊子の著作権は、発⾏者にあります。 本冊子の使用に関しましては、以下の点にご注意下さい。 ■使用許諾契約書 本契約は、本冊子を入手した個人・法人(以下、甲と称す)と発⾏者(以下、乙と称す)との間で合意した契約です。本冊子を甲が受け取り開封することにより、甲はこの契約に同意したことになります。

第１条本契約の目的： 乙が著作権を有する本冊子に含まれる情報を、本契約に基づき甲が非独占的に使用する権利を承諾するものです。

第２条禁止事項： 本冊子に含まれる情報は、著作権法によって保護されています。甲は本冊子から得た情報を、乙の書面による事前許可を得ずして出版・講演活動および電子メディアによる配信等により一般公開することを禁じます。特に当ファイルを 第三者に渡すことは厳しく禁じます。甲は、自らの事業、所属する会社および関連組織においてのみ本冊子に含まれる情報を使用出来るものとします。

第３条損害賠償： 甲が本契約の第２条に違反し、乙に損害が⽣じた場合、甲は乙に対し、違約⾦が発⽣する場合がございますのでご注意下さい。

第４条契約の解除： 甲が本契約に違反したと乙が判断した場合には、乙は使用許諾契約書を解除することが出来るものとします。

第５条責任の範囲： 本冊子の情報の使用の一切の責任は甲にあり、この情報を使って損害が⽣じたとしても一切の責任を負いません。

- 2 -

《CONTENTS》 １ SIRIUS をうごかしてみよう 3

２ サイトに関する設定をする 4

３ プレビューボタンを使いこなす 8

４ トップページを作っていこう 9

４－１ トップページにテキストを入力する 9

４－２ スタイルと画像とアイコンについて学ぶ 11

４－３ 全体像を把握し、トップページを装飾していく 15

４－４ トップページを装飾していく 記事①編 16

４－５ トップページを装飾していく 記事②編 21

４－６ トップページを装飾していく 記事③編 25

５ エントリー（個別）ページを作っていこう 30

５－１ 海外旅行に出かける前にの個別ページを作成する 30

５－２ 海外旅行に出かける前にの個別ページを装飾していく 32

５－３ 持ち物ベージを作成する 40

５－４ 記事２に楽天市場の旅行グッズを入れる 47

５－５ ラスベガスのおすすめホテルのページを作成する 記事１編 58

５－６ ラスベガスのおすすめホテルのページを作成する 記事２ 70

５－７ ラスベガスのおすすめホテルのページを作成する 記事３ 82

５－８ ラスベガスの遊びのページを作成する 記事１ 90

５－９ ラスベガスの遊びのページを作成する 記事２ 93

５－１０ ラスベガスの遊びのページを作成する 記事３ 97

５－１１ ラスベガスお役立ちリンク集のページを作成する 99

６ 各ページのヘッダーを変更しよう 103

６－１ ヘッダー画像を作成する 103

６－２ 各ページのヘッダー画像を変更する 111

７ 作ったサイトをアップして集客する 113

７－１ FTP の設定をする 113

７－２ サイト生成をしてアップしよう 114

７－３ Ping 送信をしよう。 116

７－４ トラックバック送信をしよう。 117

７－５ SBM 自動登録をしよう 118

おわりに 119

【注意】

事前に付属の画像やテキストのはいったフォルダーはあなたのパソコンのデスクト

ップ上に置かれている設定で教科書の内容は進んでいきます。

[●●.txt]や[●●.jpg]はすべて展開したフォルダーの中にあるファイルを指します。

- 3 -

アフィリエイトサイトを作る場合に「初心者モード」で作ることに慣れてしまうと遠回

りになりますから、必ず「通常モード」で慣れるようにしましょう。

１ SIRIUS をうごかしてみよう アフィリエイトサイトを簡単に作ることができるサイト作成ソフト「SIRIUS」を実際に動

かしてみましょう。

(1) SIRIUS のアイコンをダブルクリック

(2) 動作モードの設定画面で通常モードをクリック

TIPS 間違った場合はサイト管理画面のシステム－動作モードの設定で変更ができます。

またはサイト作成画面では設定▼―動作モードの設定でも変更が可能性です。

- 4 -

２ サイトに関する設定をする SIRIUS ではサイトを作成する前に、タイトルやキーワードなどの細かい設定をしてい

きます。もちろん、後に修正することも可能です。

次の画面キャプチャーを参考に同じように入力していって下さい。

(1) 新規作成をクリック

(2) 各項目に必要な内容を入力

デスクトップの sirius の教科書フォルダーの中の[サイト全体の設定.txt]からコピペしてください。

①①①①

②②②②

③③③③

④④④④

⑤⑤⑤⑤

⑥⑥⑥⑥

⑦⑦⑦⑦

⑧⑧⑧⑧

⑨⑨⑨⑨

⑩⑩⑩⑩

⑪⑪⑪⑪

- 5 -

＊31 文字を目安にタイトルを決めます。上位表示させたいキーワードほど左にもって

くることがポイントです。

＊50～100 文字を目安に、上位表示させたいキーワードを散りばめ、サイトの概要を書

きます。google で検索した時のタイトルの下に表示される内容です。

＊一番重要な検索キーワードをここに入れます。右の ボタンを押すと、サイト名が

そのまま入力されます。

＊キーワードを（カンマ：,）で区切っていきます。右の ボタンを押すと、サイト

名がそのまま入力されます。あまりたくさん入れすぎないように

①サイト名：

ラスベガスに行ったらここへ行け！～超オススメスポット～（２７文字）

②サイト説明：

年１回ラスベガスへ行って遊んでいる私が、ここへいかなかったら絶対に損するとい

うスポットを大紹介。日本で予約をとって、現地で遊び倒そう

③H1 テキスト：

ラスベガスに行ったらここへ行け！～超オススメスポット～

★ を押してしまいましょう。

④META キーワード：

「ラスベガス,オススメ,カジノ,ホテル,ショー」

- 6 -

＊右の ボタンを押すと、②の「サイト説明」がそのまま入力されます。

＊最後はスラッシュを必ず入れるのがポイントです。

＊デフォルト,ビジネス,角丸タイプの３つがあり、それぞれ１カラム、２カラム、３カ

ラムがあります。色も選択できます。メニューの位置で左メニューと右メニューも

選択できます。

⑤META 説明文：

サイト説明と同じ

★ を押してしまいましょう。

⑥サイト URL：

http://××××.com/

⑦アクセス解析タグ：

Google Analytic を始めとしたアクセスタグを入れます。

★今回は空欄で OK

⑧テンプレート：

1. 参照をクリックして「デフォルト レッド２カラム」のテンプレートを選択します。

2. 選べたら選択をクリックします。

- 7 -

＊ブログモードとは、ブログのようにトップページに書く個別ページを表示させるため

の機能になります。トップページを作らなくて済みます。

⑨ヘッダー画像：

参照をクリックして、ヘッダー画像はとりあえず好きなものを選択して下さい。

⑩出力方式：

PC サイトを選択

⑪サイトタイプ：

通常を選択

(3) OK ボタンをクリック

★アクセス解析タグとサイトマップ認証用 META タグはここでは未入力で問題あり

ません。

以上でサイトに関する設定は完了です。

- 8 -

＊文字を入力したり、画像を入れたら適宜プレビューボタンを押してレイアウトを確認

します。F12 のボタンを押してもプレピューできます。

３ プレビューボタンを使いこなす ここからは実際に見本通りにサイトを作っていきます。お手本通りに操作をしていきま

しょう。まずはじめに、プレビューという機能を覚えて下さい。

(1) 現状までの設定を確認してみる

プレビューボタンを押してどうなっているかを確認します。

- 9 -

４ トップページを作っていこう 通常、サイトを作る場合には、各ページから作成し、最後にまとめとしてトップページ

を作るのが一般的です。ただし今回は練習ですのでトップページから作っていきます。

ここでは SIRIUS での文字修飾方法や画像を入れる方法、ランキングテーブルの作り方

をマスターしていきます。

４－１ トップページにテキストを入力する

(1) 記事タイトル１と記事１に sirius の教科書フォルダー内の[トップページの設定.txt]よ

り内容をコピーして貼り付けをする（以下コピペと略します）

(2) 記事１から記事２へ切り替えをするため記事２をクリック

(3) 記事２タイトルと記事２に[トップページの設定.txt]より内容をコピペする

- 10 -

＊このように、記事１～記事１０までのタブを切り変えて、タイトルや本文を入力す

るとコンテンツを追加することができます。記事のタブの上で「右クリック」を押

すと、記事を上に移動させたり、記事を丸ごと消すこともできます。

(4) 記事２から記事３へ切り替えをするため、記事３をクリック

(5) 記事３タイトルと記事３に[トップページの設定.txt]より内容をコピペ

(6) プレビューボタンをクリックして、作業を確認

- 11 -

４－２ スタイルと画像とアイコンについて学ぶ

編集画面を見てみると、記事１タイトルの横にスタイル１や画像１、画像位置１などが

書かれています。ここでは、これらの機能を確認します。

スタイルとは？

記事１の内容に飾りをつけることができます。通常はデフォルトになっていますが、点

線背景、灰色背景、カラー背景、灰色枠、カラー枠、角丸枠、飾り枠１、飾り枠２、スタ

イルなしを選ぶことができます。デフォルトは「スタイルなし」になっています。

【点線背景】 【灰色背景】 【カラー背景】 【灰色枠】

【カラー枠】 【角丸枠】 【飾り枠１】 【飾り枠２】

- 12 -

記事画像とは？

記事画像は をクリックして画像を記事本文に挿入することができます。こうした画

像をキャッチ画像といいます。画像位置を指定することで画像を左に配置するか、右に配

置するか、中央に配置するかを選択できます。

【実習】人のアイコンを記事１に配置してみる

①記事画像の横の をクリック

②画像管理ウインドウを次の手順で選択し OK をクリック

③画像位置１を指定なし、左回り込み、右回り込み、中央揃えにしてプレビュー

④プレヴューが終わったら記事画像１のタグを削除して元通りにしておく

- 13 -

＊google などの検索エンジンは文字しか認識できません。画像の場合その画像が何の

画像がわからないため、画像には alt を入力して「この画像はこういう画像だよ」

と検索エンジンに教えることができます。画像に alt を入力することによって SEO

に強いサイトが作れます。

【指定なし】

【左回り込み】

【右回り込み】

【中央揃え】

- 14 -

文字の装飾方法は？

文字の装飾は記事本文１の下にあるバーのアイコンをクリックして行います。基本、装

飾をしたい範囲をマウスで選択してからボタンを押していきます。

【よく使うボタン】

▼がついている場合はその下にさらに選ぶ項目があります。

…太字 ：重要なキーワードにはこれをつかいます。

…中央揃え

…右揃え

…リスト

…数字付きリスト

…リンクの挿入 ：文字にリンクを貼るときに使います

…画像 ：記事に画像を挿入するときに使います

…テーブル作成ツール ：ランキングの表を作るときに使います

…マージン ：上下左右に見えない箱(DIV)を設定して余白設定ができます

…文字色

…蛍光ペン

…文字サイズ

- 15 -

４－３ 全体像を把握し、トップページを装飾していく

これから、トップページを実際に装飾していきます。各記事の完成例を示しておきます。

【記事１】

【記事２】

【記事３】

記事１で理解する機能

①飾り枠 ②画像操作 ③文字サイズ変更 ④蛍光ペン

記事２で理解する機能

①リンクの貼り方

記事３で理解する機能

①テーブル作成機能 ②サムネイル画像作成

16

４－４ トップページを装飾していく 記事①編

実際に記事１の装飾を行い、①飾り枠 ②画像操作 ③文字サイズ変更 ④蛍光ペンに

ついて学習して行きましょう。

(1) 飾り枠を設定

①スタイル１ 飾り枠１から飾り枠１を選択

②プレビューボタンを押して確認

17

＊以上の操作はショートカットキーを用いても大丈夫です。

コピー：CTRL+C 貼り付け：CTRL+V

(2) ラスベガスの夜景画像を挿入

①デスクトップのフォルダーから[las.jpg]という画像を右クリックして、コピー

②SIRIUS の記事１の先頭をクリックし、右クリックして、貼り付け

③画像のリサイズで回り込みを左回り込みにして OK をクリック

★タグが挿入されていれば貼り付け成功です

18

④プレビューボタンを押して確認

ただ、これではバランスが悪すぎますので大きさを変更しましょう。

⑤タグを選択し、画像ボタン をクリック

⑥次の項目を変更して OK をクリック

META キーワードボタンを押すと alt タグにキーワードが挿入されます。

19

⑦プレビューボタンを押して確認

これで見やすくなりましたね。％の調整はプレビューをしながらちょうどいい大きさ

にして行きましょう。

(3) 文字サイズの変更

①一番下の文字を選択

②文字サイズ の▼から 20px を選択

20

(4) 蛍光ペンを使う

①一番下の行をすべて選択し、蛍光ペン ボタンをクリック

②プレビューボタンを押して、確認

以上で記事１の装飾は全て終わります。

これから記事２の装飾に入りますので記事２に切り替えましょう。