２日目：アフィリエイトセンターのデザインを修正する

前回の記事「１日目：アフィリエイターさんに自社商品・メルマガを紹介してもらう」では、アフィリエイトセンターの立ち上げ手順について、概要をお話ししました。

今回から、さらに応用できるよう、詳細を解説をしていきます。
今回は、アフィリエイトセンターの見た目のデザインをカスタマイズする方法についてお話しします。

※このシリーズ記事では、マイスピーのスタンダードプランを使って、アフィリエイトセンターを運営するための手順を説明しています。

---

Q. アフィリエイターがログインしてアフィリリンクを発行できるサイトは、どのようなデザインですか？

マイスピーのアフィリエイトセンター機能では、
初期状態、つまり何も設定していない段階でも、
アフィリエイターがログインして、
紹介用リンクをすぐに発行できるところまでが用意されています。

見た目のデザインは、次のような画面になっています。

ログインページはこのような画面

トップページはこのような画面

左メニューのキャンペーン一覧から、
公開中のキャンペーン（紹介機能をONにしているシナリオ）一覧が見えるようになっていて、
紹介リンク（アフィリリンク）が発行できます。

---

Q. ロゴやタイトル（アフィリエイトセンター名称）を変更することはできますか？

はい。アフィリエイトセンターのデザイン編集は、
管理画面の左メニュー「パートナーサイト編集」をクリック
（または、左メニュー「パートナー管理」をクリックして、
　パートナー一覧画面から、「パートナーサイト管理」ボタンをクリック）
した画面で編集ができます。（下記画像の赤枠部分をクリック）

クリックすると、パートナーサイト編集画面に移動します（下記画像）

ここで、【画像ファイルの一覧】のところに、最初から「logo.png」という画像が含まれています。

同じファイル名「logo.png」でロゴファイルを作成して、
「ファイルを選択する」をクリックして、
作成したロゴファイルをアップロードすると、
画像ファイルが上書き保存（サーバー上にアップロード）されます。

ここで、パートナーサイト編集画面のページの一番上のほうにある
「パートナー用サイトの表示」ボタンをクリックして、
ログインページを表示させてみましょう。

ロゴ画像が、今回作成してアップロードしたものに変更されていれば、
ロゴ画像の変更は成功です。

次に、ロゴ画像の隣にある、アフィリエイトセンターの名称の部分も変更してみましょう。

パートナーサイト編集画面のページの【HTMLファイルの一覧】のところから、
「header2.html」を探し、「編集」をクリックします。

下のような画面が表示されます。

ここで、「パートナー専用サイト」と書かれている部分を、
ご自身のアフィリエイトセンターの名称に変更します。

書き換えたら「保存する」をクリックして保存します。

再度、「パートナー用サイトの表示」ボタンをクリックして、
ログインページを表示させてみましょう。

タイトルも変わっていれば変更成功です。

---

Q. CSSを変更したい場合はどうすればよいでしょうか？

先ほどと同様に、
パートナーサイト編集画面のページの【HTMLファイルの一覧】のところから、
「custom.css」を探し、「編集」をクリックします。
※「custom.css」というファイルが、CSSを書くためのファイルになっています。

このファイルにCSSのスタイルを追記することで、
CSSを変更することができます。

---

Q. フッターを変更したい場合はどうすればよいでしょうか？

同様に、
パートナーサイト編集画面のページの【HTMLファイルの一覧】のところから、
「footer.html」を探し、「編集」をクリックします。
※「footer.html」というファイルが、フッター部分のHTMLを書くためのファイルになっています。

このファイルを書き換えることで、フッター部分を変更できます。

---

Q. トップページを変更したい場合はどうすればよいでしょうか？

同様に、
パートナーサイト編集画面のページの【HTMLファイルの一覧】のところから、
「top.html」を探し、「編集」をクリックします。
※「top.html」というファイルが、トップページのHTMLを書くためのファイルになっています。

このファイルを書き換えることで、トップページの内容を変更できます。

---

Q. パートナーサイトにログインして確認したい場合はどうすればよいでしょうか？

テストユーザーを登録することでログインすることができます。

左メニューの「パートナー管理」⇒「パートナー個別登録」ボタンをクリックし「パートナー追加」ページに移動します。

「パートナー追加」ページで「姓」「名」「メールアドレス」「パスワード」を入力して「追加する」ボタンでパートナーを登録します。
※「メールアドレス」は自身で確認できるメールアドレスを登録します。

左メニューの「パートナー管理」⇒「パートナー一覧」をクリックします。
先ほど登録したユーザーが表示されているので、登録したユーザーの「操作」⇒「「パートナーサイトにログイン」ボタンをクリックします。
パートナーサイトのTOPページが表示されれば成功です。

＜＜前の記事「１日目：アフィリエイターさんに自社商品・メルマガを紹介してもらう」
＞＞次の記事「３日目：アフィリエイトセンターの運営ルールを決める」
＞＞「１週間で覚える！アフィリエイトセンター」の記事一覧