【誰でも簡単15分で設置完了】ホームページ・ブログの作り方！
「ホームページやブログを作りたいけどやり方がわからない」
こんな方に向けてこの記事を書いています。
- ホームページに必要な要素４つ
- エックスサーバーがおすすめな理由
- WordPressでホームページを作る手順
- 「クイックスタート」で簡単にWordPressを導入する方法
- WordPressの初期設定
- WordPressテーマ「SWELL」のインストール方法
- SWELLテーマでの推奨プラグイン
まずはホームページを作成する手順を確認しましょう！
ホームページを作る手順は以下の6ステップ↓
- レンタルサーバーを契約する
- ドメインを取得する
- WordPressと連携する
- SSL化をする
- WordPressテーマをインストールする
- デザインを整える
ホームページを作るステップはこんな感じ。
本記事でおすすめするレンタルサーバー「エックスサーバー
」であれば、上記1〜4を一括で行なってくれる「クイックスタート」という機能があり、初心者でも割と簡単にホームページが作れます。
さらに当記事では、初心者の方でも作れるように画像を交えて解説しているので安心してご覧ください。
ウチガワデザインでは、全ての工程をお任せいただけます！
上記の工程を行い、ホームページの設置はできたけど、やっぱり自分でテーマカスタマイズするのは難しい・・・という方もぜひご相談ください！
ご相談はこちらから
それでは解説していきます！
クイックスタートでのホームページの作り方はこちらから
国内シェアNo.1のレンタルサーバー
ホームページに必要な要素4つ
ホームページを作るのに必要な要素は以下の4つです↓
上記4つがあればホームページは完成します。
それでは簡単に1つずつ紹介していきます。
レンタルサーバー
ホームぺージを作るのに必ず必要なのがレンタルサーバー。
レンタルサーバーはWeb上の土地みたいなもの！
レンタルサーバーを契約することで、Web上の土地を借りられます。
おすすめのレンタルサーバーはエックスサーバー
！
エックスサーバー
は国内シェアNo.1のレンタルサーバーで、初心者でもホームページが作りやすいようにサービスも充実しています。
私もエックスサーバー
を使っています！
国内シェアNo.1のレンタルサーバー
エックスサーバーがおすすめな理由
エックスサーバーがおすすめな理由は以下↓
エックスサーバーの魅力はもっとありますが、厳選して上記3つを紹介します。
国内シェアNo.1のレンタルサーバー
理由①圧倒的な実績を誇る国内シェアNo.1のサービス
エックスサーバーは、国内シェアNo.1を誇るレンタルサーバーです。実際の運用サイト数は240万件を超えています。（ 2023年5月時点、2023の日本でのウェブホスティングのマーケットシェア調べ）
これだけ多くの人に利用されている実績が、人気のサービスであることを証明しています。
また、利用者数が多いことで、エックスサーバーの利用方法やトラブル時の対応方法を発信しているユーザーも圧倒的に多いです。
エックスサーバー
であれば困ったことがあっても調べれば大抵のことは解決できるほど情報が多いです！さすがシェアNo1！
理由②高速サーバー環境で大量アクセスにも強い
ホームぺージが表示される時間が2秒を超えると約半数近くのユーザーが離脱してしまうと言われているほどホームページの表示速度は重要です。
エックスサーバー
はその点も安心！
エックスサーバー
を利用している私のサイトをPageSpeed Insightsで調べたところ94点と高得点でした！
私の使っているプランはもっとも安いスタンダードプラン！
基本的にスタンダードプランで十分です。
理由③初心者でも簡単にWordPressでホームページを作れる
エックスサーバー
にはクイックスタート機能が初心者にかなり優しく、おすすめできる理由の1つです。
WordPressでホームページを作るときには、サーバー契約の他に色々な初期設定を行う必要があります。
しかし、クイックスタートならほとんどの面倒な初期設定も一緒に行ってくれます。
これはかなり革命的！
実際に省略される作業は以下の通り↓
- ドメインの別途取得
- ドメインのSSL化
- WordPressのインストール
- WordPressとレンタルサーバーを連携する
初心者には難しい設定もエックスサーバーなら省略可能！
1時間以上かかる作業がたった10分に！
ホームページ作れるか不安な初心者こそエックスサーバー
がおすすめ！
国内シェアNo.1のレンタルサーバー
エックスサーバークイックスタートご契約の流れを動画でも解説しています！ぜひご活用ください
独自ドメイン
独自ドメインとは、Web上の住所のようなもので世界に1つしかないものです。
「https://uchigawa-web.com/」この赤太字の文字が独自ドメイン。
- uchigawa-web：自分の好きな文字を設定しましょう
- .com：.jpや.org等、年間1,000円前後で好きなものを購入します。
私のサイトは「ウチガワデザイン」という名前なので、ドメインはuchigawa-webにしました！
他の誰かと被らないのであれば、.comを取得するのがおすすめです。
みんなが見たことがあり、安心してサイトに訪問できるので、私は.comをいつも取得しています。
WordPress
WordPressはWeb上の家のようなものです。
WordPressはまさにホームページの骨組み。
Webに存在するホームページの実に90％以上はWordPressで作られているほど圧倒的なシェアを誇っています。
しかも無料で利用できる！
WordPressテーマ
WordPressテーマとは家の外観のようなものです。
無料のものから高額なものまでさまざまなテーマが存在します。
テーマが違えばまったく違うホームページになるのでテーマ選びは意外と重要。
17,800円と少し値ははりますが、以下の理由で私はSWELLをおすすめします。
- SEO対策がしやすい
- 簡単に表示スピードを高速化できる
- 初心者でも直観的にカスタマイズできる
- 頻繁に更新されている
SWELLなら簡単におしゃれなサイトができます！ウチガワデザインでも基本的にSWELLを使っています。
WordPressでホームページを作る手順
ホームページに必要な要素を理解したら実際にホームページを作っていきましょう！
ホームページを作る手順は以下↓
上記手順でホームページの開設まで完了します！
もしわからなかったらLINEからご質問ください！
エックスサーバークイックスタートご契約の流れを動画でも解説しています！ぜひご活用ください
それでは詳しく解説していきます。
エックスサーバーに申し込む
公式サイトが表示されたら、「まずはお試し！10日間無料！」をクリックしましょう。
お申し込みは以下から！↓
「新規お申し込み」をクリックしましょう。
お申し込みページに行ったら、下記のようにプランの「スタンダード」を選択
プランはよほどでない限りスタンダードで十分です。
後からでも変更可能なのでとりあえずはスタンダードプランで契約するのがおすすめ！
WordPressクイックスタートを利用
WordPressクイックスタートを「利用する」にチェックしましょう。
注意事項を確認して、「確認しました」をクリックしましょう。
サーバーの契約期間を選択しましょう。長期間の方がお得になるので、長期間ホームページを維持することが決まっている方はできるだけ長期間がおすすめ。
サイトにもよるけど基本的に私はいつも12ヶ月で契約しています！
ドメイン名を決める
ドメイン名を設定していきます。ドメイン名というのは、「 https://uchigawa_web.com 」の「 uchigawa_web 」の部分のことです。
基本的には店舗名などにするのがおすすめです！
「 https://uchigawa_web.com 」の「.com」の部分は選択可能ですが、基本的に「 .com 」を選んでおけば問題ありません。
後から変更するのは大変なのでここは慎重に決めましょう！
チェックマークが表示されれば、ドメイン名の使用が可能です。
すでに他の人がそのドメイン名を使っている場合は、下記のようなチェックマークが表示されず選ぶことができません。
その場合は、他のドメイン名を使用しましょう！
WordPress情報の入力
WordPress情報の入力をしていきましょう。
ブログ名は後から変更できるので、ひとまず適当に入力しても構いません。
「ユーザー名」と「パスワード」はWordPressにログインするときに使うので、必ずメモしておきましょう。
WordPressテーマとは、デザインを整えてくれるツールです。
ここではひとまず、無料の「WordPressデフォルトテーマ」を選んでおきましょう。
「Xserverアカウントの登録へ進む」をクリックしましょう
エックスサーバーアカウントに登録
Xserverアカウントに登録する、お客様情報を入力していきましょう。
「メールアドレス」と「パスワード」はXserverにログインするときに使うので、必ずメモしておきましょう。
「名前」「フリガナ」は必ず本名で登録をしましょう。
配信は必要なければチェックを外しても構いません。
利用規約と個人情報の取り扱いに関する内容をしっかり確認してから「同意する」にチェックを入れましょう。
次へ進むをクリックしましょう。
メールSMS認証
お客様情報に入力したメールアドレスに届いた「認証コード」を、お申し込みフォームの「確認コード」に入力しましょう。
認証コードが入力できたら、次にすすむをクリックしましょう。
入力内容の確認
入力した内容を確認しましょう。
確認できたら「SMS・電話認証へ進む」をクリックしましょう。
SMS・電話認証を行う
取得方法を選択したら「認証コードを取得する」をクリックしましょう。
取得方法は「テキストメッセージで取得(SMS)」もしくは「自動音声通話で取得」から選択できます。
音声通話での取得は電話で取得番号を伝えられ、聞き逃さないよう注意が必要になるのでテキストメッセージでの取得がおすすめです。
SMSに届いメッセージの認証コードを入力しましょう。
認証コードが入力できたら、「認証して申し込みを完了する」をクリックしましょう。
お申し込み完了の画面が表示されます。
「サーバーアカウント設定完了のお知らせ」というタイトルのメールが送付されているので、閉じるをクリックしてメールを確認してみましょう。
「サーバーアカウント設定完了のお知らせ」というタイトルのメールがこのように届きます。
メールを下にスクロールすると「クイックスタート機能で設置されたWordPressのログイン情報」を確認することができます。
WordPressのログイン画面から管理画面に入れるようになるまで1〜2時間かかるので待ちましょう。
WordPress管理画面にログイン
１〜２時間後、先ほどのメールの「管理画面URL」をクリックしましょう。
「ユーザー名」「パスワード」をWordPressログイン画面に入力してログインをクリックしましょう。
ウチガワデザインにホームページ制作をご依頼いただいたお客様には、ここまでの工程をお願いしています。
あとの工程はウチガワデザインにお任せください◎
クラウドソーシングでのご依頼の場合、以降のSWELLのテーマ購入・会員登録までお願いします。
SSL化を確認する
WordPress管理画面にログインできたらこのような画面が表示されるので、このままSSL化ができているか確認していきましょう。
「設定」の「一般」を開いていきましょう。
「WordPressアドレス(URL)」と「サイトアドレス(URL)」の部分を確認して、「http」の部分が「https」になっていればSSL化が完了しています。
ここまで出来れば後は初期設定と外観を整えればホームページをWeb上に公開できます。
WordPressの初期設定
WordPressにログインできたら初期設定をしていきましょう。
初期設定の手順は以下↓
それでは初期設定の手順を解説していきます。
テーマを導入する
まずはWordPressのテーマを導入します。
今回はおすすめのSWELLの導入方法を解説します！（他のテーマでもほとんどやり方は一緒です。）
SWELL導入の手順は以下↓
それでは解説していきます。
公式サイトにアクセスし購入
以下のボタンから公式サイトにアクセスします。
すると下記のSWELLのトップページが表示されるので、右上の「購入する」ボタンか、中央の「DOWNLOAD」ボタンをクリックしてください。
スクロールすると下記のような購入ボタンが出てきますので、利用規約を読みチェックを入れたら、
「SWELLを購入する」ボタンをクリックします。
下記のような決済ページが開くので、メールアドレスとクレジットカード情報を入力し、支払いをおこなってください。
会員登録
画面にあるメニュー内「フォーラム」をクリックします。
下記のように会員サイト「SWELLERS’」のフォーラムページが開きますので、画面右の「会員登録はこちらから」のバナーをクリックします。
すると下記のような新規会員登録ページが開くので、ユーザー名やメールアドレス（購入時のもの）、パスワードを入力。
利用規約に同意して「登録する」ボタンをクリックしてください。
クラウドソーシングでのご依頼の場合はここまでをお願いしています。
お聞きする情報⇩
・WordPressのログイン情報
・SWELL会員登録のログイン情報
あとの工程はウチガワデザインにお任せください！
親テーマ・子テーマをダウンロード
マイページを開きます。
「SWELL製品ダウンロード」の部分に、SWELLの本体（親テーマ）と子テーマのダウンロードリンクが記載されています。
必ず「親テーマ」「子テーマ」の両方をダウンロードしてください。
WordPressにインストール
テーマファイル2つをインストールします。
WordPress管理画面の左メニュー「外観」→「テーマ」へと進み、「新規追加」ボタンをクリックします。
「テーマのアップロード」ボタンをクリックします。
「テーマのアップロード」ボタンをクリックすると、「ファイルを選択」ボタンが表示されるので、
まずは親テーマを選択し「今すぐインストール」ボタンをクリック。
まずは親テーマをインストールします。続いて子テーマをインストールします。
インストールが完了したら、子テーマのほうを有効化します。
親テーマとやり方は同じでインストールするファイルが違います。
これでテーマの導入が完了です。
ユーザー認証をしてテーマ実装完了！
次にSWELLでユーザー認証をしてアクティベートを完了させます。
下記WordPress管理画面から『外観』→『テーマ』を選ぶと上部に『SWELLのユーザー認証が完了していません。』と表示されます。
『SWELLのユーザー認証』が青字テキストリンクになっているのでクリックします。
次に下記画面で登録しているメールアドレスを入力し『認証リクエストを送信』をクリックします。
下記のようなメールが届きますので、クリックします。
すると下記のSWELL会員サイトに遷移するので、『認証済みサイト一覧』まで下にスクロールして対象のドメインが認証されていることを確認します。
確認したら右下の『自分のサイトに戻る』をクリックしてWordPress管理画面に戻ります。
最後にWordPress管理画面で『アクティベートを完了』ボタンを押すと認証されます。
画面に『✓認証完了』と表示されます。
パーマリンクを設定する
パーマリンクとは、「記事のURL」のことです。パーマリンクを設定することで、読者に見やすいURLにできます。
難しそうに聞こえますが、全然簡単なので安心してください。
パーマリンクの設定手順は以下↓
設定→パーマリンク→カスタム構造にチェック→空欄に「/%postname%」と入力→変更を保存
それでは画像を交えて解説します。
WordPressブログの「ダッシュボード」から『設定』→『パーマリンク設定』に進みます。
「カスタム構造」にチェックを入れます。
右の欄が『/%postname%/』のみ表示されるように選択します。
「/%postname%/」と入力しても構いませんが、誤字に注意しましょう。
「変更を保存」をクリックしましょう。
「変更を保存」を押すと、「投稿名」にチェックが入った状態になりますが、これで設定は完了しています。
ややこしいので気をつけてください。
プラグインをインストールする
プラグインとは、WordPress上で使うアプリのようなものです。
非常に便利なものが多いのでいろんなプラグインを入れがちですが、ここでは最低限入れるべきプラグインを紹介します。
※紹介するプラグインはSWELLでの推奨プラグインです。テーマが違うとエラーが発生することもあるので「テーマ名 プラグイン」で検索して推奨されているプラグインを入れましょう。
- BackWPup（バックアップ）
- Wordfence Security（セキュリティ）
- WP Forms lite（お問い合わせフォーム）
上記はSWELL公式サイトでも推奨されているプラグインでSWELLの機能に干渉することもありません。
また、サロンホームぺージに必要な最低限の要素なので入れることをおすすめします。
それでは解説していきます。
BackWPup（バックアップ）
BackWPupはWordPressサイトをまるごとバックアップできるプラグイン。
WordPressサイトに不具合があった場合に元通りにするためには、定期的にバックアップを取っておくのが必須なので入れておきましょう。
手順を画像で解説します。
ダッシュボードからプラグインを選択し、新規追加をクリックします。
検索窓に「BackWPup」と入れインストールをクリック
インストールが終われば「有効化をクリック」し、有効化されれば完了です。
Wordfence Security（セキュリティ）
Wordfence Securityは、WordPressサイトのセキュリティを強化してくれるプラグイン。
このプラグインを使うと、ログインURLを変更したり、画像認証を追加してセキュリティレベルをアップさせたりする設定が簡単にできます。
ダッシュボードからプラグインを選択し、新規追加をクリックします。
検索窓に「Wordfence Security」と入れインストールをクリック
インストールしたら、有効化をクリックして完了です。
WP Forms lite（お問い合わせフォーム）
WP Forms liteは、お問い合わせフォームを簡単に入れられるプラグイン。
デザインがシンプルなので基本的にこれを使っています！
導入の手順は以下↓
ダッシュボードからプラグインを選択し、新規追加をクリックします。
検索窓に「WP Forms lite」と入れインストールをクリック
インストールしたら有効化をクリックして完了です。
自分のホームページをカスタマイズしよう！
WordPressの初期設定までおわれば、ほぼホームページは完成です。
ここからは自分好みのホームページにしていきましょう！
デザインは好みが分かれるので、基本的なサイト型のホームページの作り方を紹介されている以下動画を参考にしてカスタマイズしてみてください！
もしわからない場合はウチガワデザインにおまかせください！
公式LINEで質問だけでも受け付けてます！
WordPressホームページのよくある質問
WordPressホームページのよくある質問を紹介しておきます。
初心者ですがホームぺージ作れますか？
A：初心者でも問題なく作れます。
実際に私も未経験スキル0でエックスサーバーでWordPressを始めました。
クイックスタートの存在を知らず1サイト目は大変でした。
クイックスタートを2サイト目からは利用しましたが、それからはかなり手間が省けて、今では隙間時間に簡単に契約できるように。
クイックスタートがあれば子どもがテレビを見ている間や、隙間時間に誰でも簡単に契約が可能です。
クイックスタートを使えばWordPressの開設はスマホでもできる。
そのくらい簡単なので安心してください。
管理画面にログインできません
A：WordPressにログインするときは、http://〇〇〇〇（設定したドメイン名）/wp-adminを直接入力して管理画面にログインします。
サーバーはスタンダードプランで大丈夫ですか？
A：最初はスタンダードプランで問題ありません。
読者がたくさん来ることを予想して、上のプランで申し込む人もたまにいますが、基本的にはスタンダードプランで問題ないです。
理由は、エックスサーバーのプランは途中で変更も可能だから。
もし必要になればプランを変更するという方が余計な出費をせずに済みます。
国内シェアNo.1のレンタルサーバー
分からない点はウチガワデザインまで
ホームページは意外と簡単に1日も使わずに作成できます。
本記事の解説で至らない点がありましたら公式LINEやInstagramのDMでご相談ください。
無料でお答えします！
もし本記事をみて自信がない方はウチガワデザインにご依頼ください。
コメント