ホームページの作り方(個人事業主・アフィリエイト可)初心者でも１からわかりやすく

私の方でもサイト作成依頼や作成後のデザイン編集や機能追加、マニュアル作成等を承っておりますが、基本的には下記要領で行えばご自身でも行えます。

もしも細かい機能追加や修正がしたかったり作成を依頼したい、という要望等御座いましたら、お問い合わせ下さい。
無償というわけには行かないのですが、なるべくご予算にお近づけ出来るよう、対応させて頂きます。

右上の「お申し込み」をクリックし、アカウント開設用のページにアクセスします。

アカウントを作成します。

①メールアドレスを確認用と合わせ、２回入力します。
PCでメッセージが確認出来るメールアドレスが望ましいです。

②パスワードを決めます。
９文字以上で、数字・英小文字・英大文字の全てを１つ以上使用したパスワードにする必要があります。
パスワードはサーバーへのログインの為に必要になりますので、必ずメモしておきましょう。

③「次へ」をクリックします。

契約プランを設定するページに入ります。

①料金タイプはWINGパックを選択します。

②契約期間を選択します。支払うのは契約期間分一括ですが、表示は月あたりの料金です。
期間が長ければ長い程割引率は高くなります。

3ヶ月契約　　1100円/月
6ヶ月契約　　1000円/月
12ヶ月契約 　900円/月
24ヶ月契約 　850円/月
36ヶ月契約 　800円/月

サーバーは通常そう簡単に変えるものではない為、なるべく長期のプランをオススメしますが、まずはお試しを、という方や継続する可能性があるかわからない、という方であれば3ヶ月の短期間契約をしてから長期契約でもいいと思います。

③プランを選ぶ

サーバー容量を選ぶプランです。
このサイズによって、ホームページに蓄積出来るデータ量が決定しますが、数サイト作成する程度であればベーシックプランで全く問題ないです。
何年も更新を続け、膨大な数のデータになったとしても、後からプランの変更は出来ますのでご安心下さい。

④ドメイン・サーバー名を決める

ここで選ぶドメインは、サイトのアドレスとは別物であり、ホームページ作成には全く影響しないものですので、何でも構いません。
サーバー名も同様に何でも構いません。サーバー管理画面に表記されるだけのものです。

契約プランのページを下にスクロールすると、ホームページのセットアップを自動で行う設定があります。

①WordPressかんたんセットアップ「利用する」を選択

通常、記事やページ作成の為に事前に様々な設定が必要になりますが、これを利用する、にするだけでその全ての設定を自動で最適状態にしてくれます。
必ず「利用する」にしましょう。

※WordPressとは？という部分については後述致します。

②サイト管理用の設定

サイト名：サイトの名前を決定します。
事業者であれば、屋号でいいと思います。

ドメイン：これが所謂サイトのアドレスになります。
半角英数字と−（ハイフン）が使用出来ます
自社名等やサービス名を記載の上、パッと見でどのようなサイトかをわかりやすくしましょう。
また、既に使用されているドメインは使用出来ませんのでご注意下さい。

右に「.com」と書いてあるボタンがありますが、「設定したドメイン＋.com」がサイトのアドレスになります。
これをクリックすると、「.com」以外にも、サイトの後ろの部分を「.jp」等といった好きなものに設定出来ます。
ドメインが既に使われていて、使えない場合でも、「.com」の部分を変更することで、使える場合もあります。

あまり見慣れないものだと、URLを見て「怪しいサイトかな？」と思う人もいますので、一般的に使われることの多い「.com」「.jp」「.net」の辺りを利用することを推奨します。

WordPressユーザー名WordPressパスワード：
編集ページへログインするのに必要なユーザー名とパスワードです。
サーバーにログインする為のパスワードとは別のものであることにご注意下さい。

ユーザー名は所謂IDの役割を果たしています。

この２つがわからないと編集ページへのログインが出来ませんので、必ずメモを取るようにして下さい。
また、情報流出やWebページを荒らされないよう、簡単なパスワードにはしないようにご注意下さい。

③テーマを選ぶ

今回は、無料で使用出来るCocoonを選択します。
テーマは選ぶ物によって機能面で違いがありますが、無料のCocoonでも機能を充分以上に満たしてくれます。
また、テーマに関しても後から有料の物に変更が可能ですので、ご安心下さい。

※テーマについての解説は後述致します。

テーマまでの選択を終えたら、画面右、もしくは下部に選択したプラン内容が表示されます。
料金や期間等再確認の上、「次へ」を選択しましょう。

利用者の情報を記載していきましょう。
使用者の情報であると同時にWebページ管理者の情報にもなりますので、必ず正しい情報を入力して下さい。

・種別（個人・法人）
・氏名
・性別
・生年月日
・国
・郵便番号
・住所
・電話番号

Webページにこの情報が掲載される、といったことはありませんのでご安心下さい。

入力が終わったら、もう一度「次へ」を押します。

続いてはSMS認証を行います。
SMS認証とは、電話番号が正しいものか、本人のものかを確認する為のものです。

先程入力した電話番号が表示されているはずなので、正しければSMS認証のボタンを押して下さい。

※SMS認証ボタンクリック後、ページは開いたままにしておいて下さい

スマートフォンのショートメッセージに、数字４桁の認証コードが送られて来ますので確認して下さい。

※この作業が上手く行かない場合やショートメッセージ機能が使えない等といった場合には、先程のページに戻り、「SMS認証」の横に「電話認証」のボタンがあります。
そちらをクリックするとメッセージの代わりに、機械音声が電話で、認証コード４桁を教えてくれますので、電話認証を行いましょう。
「認証コードを入力してください」というページが開いていると思いますが、キャンセルを押せば電話認証が出来るページに戻れます。

SMS認証、もしくは電話認証で受け取った4桁の認証コードを入力し、「送信」をクリックします。

サーバー代金の支払いページになります。

支払い漏れが発生すると折角作ったホームページ自体が見れなくなってしまう為、自動で支払いが可能なクレジットカードを推奨します。
（自動契約をストップしたい場合やカード情報を残しておきたくない、カード情報を変更したい、という場合、後からカード情報の削除や変更が出来ますのでご安心下さい。）

※クレジットカードを所持していない、使えない、という場合はここを飛ばして次の画像及び文章を読んで下さい。

①お支払い方法
「クレジットカード/ConoHaチャージ」を選択

②クレジットカードを選択

③クレジット情報の入力を行う

④「お申し込み」ボタンを押す

クレジットカード以外の決済、現金決済も可能です。

クレジットカードではなく、「ConoHaチャージ」を選択して下さい。

ConoHaチャージとは、事前に必要金額をチャージすることで、支払い金額が足りる場合にのみ決済がされる仕組みです。
所謂ここだけで使えるプリペイドカード、みたいなものです。

一番手軽に使えるのがコンビニエンスストアでの決済です。
「チャージ方法」で「コンビニエンスストア」を選択すると各コンビニが選択出来ますので、お近くのコンビニ選択後、振込人名を全角カタカナで入力し、決定を押すと、各コンビニでチャージが出来るようになります。

※サーバー契約後、サーバー契約期間の残りが短くなってくるとメールで更新の連絡が来るので、見逃さないように注意、もしくはサーバー代を前もってチャージしておきましょう。

支払いが完了すると、一番最初に登録したメールアドレス宛に上記のような、URL（サイトのアドレス）が記載されたメールが届きます。
こちらはメールアドレスが正しいものかを確認するものです。

このURLをクリックすることで、契約が完了になります。
期日までにクリックしないと、折角作成したホームページが見れなくなってしまいますのでご注意下さい。

上記ページが表示されたらサーバー契約及びホームページ作成の初期設定が完了します。

ここに表示された情報（サイトURL、管理画面、データベース、DBユーザー名、DBパスワード）は必ずメモをしておきましょう。

ここから数分が経つとサイトURLにアクセスが出来るようになり、ホームページ（初期状態）が表示されるようになります。

また、「独自SSL」と呼ばれる、ホームページや個人情報を安全に保護する為の設定が通常必要になりますが、これもConoHa WINGで自動で行ってくれます。
大体、サイトが表示されるようになってから数十分程で完了します。

ConoHa WINGのトップページ右上に「ログイン」ボタンがあるので、そちらをクリックします。

サーバーアカウント作成時（一番最初）に設定したメールアドレスとパスワードを入力し、ログインします。

尚、このページはサーバーログインページとなりますので、ブックマークしておくことを推奨します。

ログインしたら、上記画像の数字の①〜③順にクリックして下さい。

①サイト管理
②サイト設定
③矢印

④があなたのホームページの肝になります。

サイトURL…あなたがサーバー契約時に決めたドメインでのホームページです。
管理画面URL…ホームページ管理画面に入る為のURLです。

ここから上２つのページに入ることが出来ます。

サイトURLと管理画面URLはブックマークをしておくと、ログイン及びホームページの確認が楽になります。

サイトURLを確認すると、設定が完了していれば「Hello World!」という文字が大きく表記された初期状態のホームページが表示されます。
こちらのデザインは後ほど変更していきます。

管理画面URLに入ると、上記画像のようなページが表示されます。

サーバー契約時に決定したWordPressのユーザー名とパスワードを入力し、ログインして下さい。

インストールするタイミングによって若干表示は違うと思いますが、大体こんな感じの画面が表示されます。

今後、デザインの変更や記事執筆、ページや画像の掲載といったことはこのページから行う形になります。

サーバー契約の過程で「Cocoon」というテーマを導入している為、管理画面を覗くと、左のメニューの中に「Cocoon設定」というメニューが現れています。

Cocoon設定を開くと、ホームページの様々な設定が出来るページにアクセス出来ます。

この中に「スキン」というタブがあるので、こちらをクリックします。

下にスクロールしていくと、「スキン一覧」より、予め用意されているデザインの中から好きなデザインを選べます。

気に入った物にチェックを入れると、ホームページの配色やデザインが選んだものと同じになります。

選択後は最下部までスクロールし、「変更をまとめて保存」をクリックするのを忘れないようにしましょう。
（押さないとデザインが変わりません。）

Cocoon設定に戻り、「全体」タブを選択すると、文字のサイズや配色、フォント等を自由に変更出来ます。
テンプレートデザインがシンプルで優秀な為、よくわからない場合は後々でも問題ないです。

管理画面左の「設定」にカーソルを合わせ、「パーマリンク設定」を選択します。

パーマリンク設定画面が開いたら、「投稿名」を選択し、最下部の「保存」ボタンを押しましょう。

パーマリンクの意味については、ページ作成の項で別途解説致します。

「投稿」もしくは「固定ページ」を選び、「新規追加」をクリックします。

すると、文字入力が出来るページになります。

一番上の大きい文字で入力出来る部分は、ページのタイトルになります。
ページタイトルはわかりやすく且つ簡潔にまとめるようにしましょう。

ページタイトルを決めたら、右上の「下書き保存」をクリックします。

一度下書き保存をすると、「パーマリンク」というタブが右に出現します。
覚えておいた方がいい部分をまとめましたので、参考にして下さい。

①本文
ここに、書きたい情報を書き込んで行きます。

②プレビュー
今書き込んでいる記事が実際にホームページでどのように表示されるのかを確認することが出来ます。

③パーマリンク
「URLスラッグ」に入力した文字列がそのページのURLになります。

例えば、当サイトの場合、
「https://bottom-career.com/」がサイトのアドレスになりますが、
URLスラッグに「homepage」と入力すると、今書いている記事のURLが
「https://bottom-career.com/homepage/」になります。

日本語にも出来るのですが、日本語だと諸々の面で不便な為、英語やローマ字にしておくことを推奨します。

④カテゴリー
「キャンペーン」「お知らせ」等、記事の一つ一つをジャンル分けして整理することが出来ます。
しっかり整理されていれば訪れたユーザーも見たい情報に辿り着きやすいですし、検索順位にも好影響を与えます。

⑤アイキャッチ画像
ここに画像を設定すると、記事がホームページに表示された際、タイトルと一緒に画像を表示させることが出来ます。

↓こんな感じ

また、記事の見出し（タイトルの辺り）にも大きく画像が表示されるようになります。

本文入力の際に表示される上のタブを使用することによって、本文のデザインを編集することが出来ます。

例：
・文字を中央に寄せる
・見出しを作る
・表やテーブルを作る
・文字の色や太さを変える
・画像を入れる
・SNSを埋め込む

最初は文章を打ち込みながら、必要な機能があればここから探してみる、という形で徐々に慣れていけば大丈夫です。