こんにちはTERUです。
フリーランスでWEB制作（コーディング と ディレクション業務）をしています。
読者の悩み
- ロリポップを使ってWordPressを始めるためにどうすればいいのか知りたい
- ロリポップを使った独自ドメインのとり方やWordPressインストール方法が知りたい
本記事では、有名なレンタルサーバーの一つであるロリポップレンタルサーバー 
を利用して契約→独自ドメイン取得→WordPressをインストールするまでの手順について説明したいと思います。
WordPressを使って、ブログやサイトをこれから始めようとしている初心者の方に向けた記事となっております。
この記事を読んで分かること
- ロリポップを使った独自ドメイン契約からWordPressインストールまでの作業の流れと手順が理解できる
ロリポップレンタルサーバーでWordPressを始める全手順
ロリポップレンタルサーバー の契約からWordPressを始める手順について詳しく解説します。
全て管理画面上の操作で完結し、コードを入力する必要はありません。
１つずつ説明しますね。
STEP1：レンタルサーバー契約
ロリポップレンタルサーバー でのレンタルサーバー契約方法について説明します。
レンタルサーバーの契約は下記の２ステップで行います。
アカウント登録
（１）まずは、公式サイト から「お申込み」を選択します。
（２）プラン選択の画面からから「ベーシック」プランの「10日間無料でお試し」を選択します。
- 「ハイスピードプラン」→「ベーシックプラン」に名称変更
- 「スタンダードプラン」が廃止
- 全プランの初期費用無料
- 自動バックアップ無料（復旧する際の手数料が無料化されました）
※ベーシックプラン、エンタープライズプランのみ
TERU通常のコーポレートサイトやブログを運営するには、ベーシックプランのスペックで十分です。
（３）次にアカウント情報（初期ドメイン、パスワード、メールアドレス）を入力して、「規約に同意して本人確認へ」を選択します。
| ①初期ドメイン | 任意の文字列で問題ありません。 ※独自ドメインとは別です。 |
| ②パスワード | 8文字以上で大文字・小文字・数字の組み合わせです。 |
| ③メールアドレス | メールアドレスを入力します。 |
（４）SMS認証画面が表示されるので、SMSを受け取る電話番号を入力し、「認証コードを送信する」を選択します。
（５）認証コードを入力し、「認証する」を選択します。
（６）お申し込み内容を入力し、「お申し込み内容確認」を選択します。
「お支払いを自動更新にする」にチェックを入れておくと「1ヶ月延長の無料プレゼント」がつくのでお得です。
有料オプションについては、ここでは特に必要ないと思うのチェックせずに進みます。
（７）お申し込み内容を確認し、「無料お試し開始」を選択します。
（８）お申し込み完了画面が表示されるので、「ユーザー専用ページにログインする」を選択します。
以上でアカウント登録の完了です。
このままプランの支払設定に進みます。
プランの支払設定
（１）ロリポップ管理画面の右上にある「ご契約手続きへ進む」を選択します。
（２）サーバー契約・お支払いページにて、「お支払い」を選択します。
（３）「契約期間」「お支払い方法」を確認して、「契約を確定する」を選択します。
（４）料金お支払いの確認画面が表示されるので、「実行する」を選択します。
（５）クレジットカード情報を入力し、「送信」を選択します。
以上でプランの支払い設定は完了です。
STEP2：独自ドメインの取得とドメイン設定
ここでは、独自ドメインの取得方法について説明します。
独自ドメイン取得の流れ
下記の２つのステップで行います。
- ムームードメインで独自ドメイン取得
- ロリポップでドメイン設定（独自ドメインの紐付け）
今回はGMOが提供するムームードメインを利用します。
TERUロリポップと同じ運営元なので、ドメインの紐付け等なにかと楽です。
ムームードメインで独自ドメイン取得
（１）ロリポップの管理画面から「サーバーの管理・設定」ー「独自ドメイン設定」を選択します。
（２）独自ドメイン設定画面にて、取得したいドメインを入力し、「ドメインを検索する」を選択します。
（３）ドメインの検索結果一覧が表示されるので、欲しいドメインの右側にある「カートに追加」を選択します。
※今回は「teru1213.tokyo」を選択します。
すでに誰かが取得しているドメインについては、「取得できません」と表示されています。
※本ブログで使用している「terublog.local」
（４）ポップアップ画面が表示されるので、「お申し込みへ」を選択します。
（５）ムームードメインにログインします。アカウントを持ってない方は、「新規登録する」を選択します。
※今回は新規登録を進めます。
（６）メールアドレス、パスワードを設定し、「利用規約に〜」を選択します。
（７）SMS認証を行うので、電話番号を入力し、「認証コードを送信する」を選択します。
（８）SMSで届いた認証コードを入力し、「本人確認をして登録する」を選択します。
（９）ドメイン設定の画面が表示されるので、クレジットカード情報を入力し、「次のステップへ」を選択します。
（１０）ユーザー情報の入力画面が表示されるので、ユーザー情報を入力し、「次のステップへ」を選択します。
（１１）内容確認をして、規約にチェックマークを入れてから「取得する」を選択します。
（１２）取得完了の画面が表示されます。
以上でムームードメインでの独自ドメイン取得は完了です。
ドメイン設定（独自ドメインの紐付け）
（１）ロリポップの管理画面へ戻り、「サーバーの管理・設定」ー「独自ドメイン設定」を選択します。
（２）「設定する独自ドメイン」に先ほど取得した独自ドメインを入力、「公開（アップロード）フォルダ」に任意の文字列を入力してから「独自ドメインをチェックする」を選択します。
（３）ネームサーバー認証を求められるので、「ムームーID」と「ムームーパスワード」を入力し、「ネームサーバー認証」を選択します。
※IDとパスワードは、ムームードメインで設定したものです。
（４）内容を確認して、問題なければ「設定」を選択します。
ポップアップ画面が表示されるので、「OK」を選択します。
（５）ドメイン設定完了のメッセージが表示されるのを確認します。
以上でロリポップでドメイン設定（独自ドメインの紐付け）は完了です。
STEP3：WordPressインストール
（１）ロリポップの管理画面から「サイト作成ツール」ー「WordPress簡単インストール」を選択します。
（２）WordPress簡単インストール画面にて必要情報を入力し、「入力内容確認」を選択します。
| ①独自ドメイン | ムームードメインで取得した独自ドメインを選択します。 |
| ②利用データベース | 「新規自動作成」を選択します。 |
| ③サイトのタイトル | サイトのタイトルを入力します。 |
| ④ユーザー名 | WordPressにログインするユーザー名を設定します。 |
| ⑤パスワード | WordPressにログインするパスワードを設定します。 |
| ⑥メールアドレス | WordPressで使用するメールアドレスを設定します。 |
| ⑦プライバシー | 検索エンジン（Google）にサイトを認識させたい場合は、チェックを入れます。 ※今回はテストサイト作成のため、チェックはつけていません。 |
TERUプライバシーの設定は、WordPressインストール後に変更可能です！
独自ドメインの反映がまだ完了していない場合、下記のメッセージが表示されます。
少し時間を開けてから再度試してみて下さい。
（３）内容に問題なければ、「承諾する」にチェックをつけて、「インストール」を選択します。
（４）下記のような画面が表示されれば、インストール完了です。
サイトURLをクリックするとデフォルトテーマの画面が表示されます。
サイト管理URLをクリックするとWordPressのログイン画面が表示されます。
インストール時に設定したユーザー名とパスワードを入力してログインします。
↓ログイン後のWordPress管理画面
以上でWordPressのインストール完了です。
STEP4：無料独自SSL設定
次にSSL設定を行います。
SSL=Secure Sockets Layerは、インターネットを利用する上でブラウザとサーバ間でのデータ通信を暗号化し、安全にデータをやり取りする仕組みのことです。
TERUWordPressでインストールしたサイトに対してSSL設定を行っていきます！
下記の３つのステップで行います。
- ロリポップ側でSSL設定
- WordPress側でSSL設定
- 常時SSL化の対応（http→httpsへリダイレクト）
ロリポップ側でSSL設定
（１）ロリポップの管理画面から、「セキュリティ」ー「独自SSL証明書導入」を選択します。
（２）SSL設定画面にて、対象ドメインのWWWあり、なしの2つともチェックをつけて、「独自SSL(無料)を設定する」を選択します。
※ここでは、先ほど取得した独自ドメイン（teru1213.top）に変更
（３）「SSL設定作業中」のステータスに変わるのでしばらく放置します。
※僕は5分ほど待ちました。
（４）ブラウザを更新して「SSL保護有効」にステータスが変わっていることを確認します。
以上でロリポップ側のSSL設定は、完了です。
WordPress側でSSL設定
これはWordPress側の管理画面から行う簡単な作業です。
（１）WordPressの管理画面から、「設定」ー「一般」を選択します。
（２）一般設定画面から、WordPressアドレス（URL）、「サイトアドレス（URL）に記載されているURLをhttp→httpsに変更します。
（３）最後に画面左下の「変更を保存」を選択します。
設定後、WordPressの管理画面から１度強制的にログアウトになるので、再度ログインをしましょう。
※URLの左側に鍵マークがついてることを確認して、設定完了です。
常時SSL化の対応（http→httpsへリダイレクト）
最後に常時SSL化の対応を行います。
httpでアクセスしても自動的にSSL対応しているhttpsへリダイレクトするための設定です。
（１）ロリポップの管理画面から、「サーバーの管理・設定」→「ロリポップ! FTP」を選択します。
（２）FTP画面に切り替わるので、ドメイン名のフォルダを選択します。
※ここでは、「teru1213」
（３）次に「.htaccess」ファイルを選択します。
（４）ファイルの編集画面が表示されるので、赤枠部分の文言を追記し、「保存する」を選択します。
【赤枠箇所】
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]確認のポップアップが表示されるので、「OK」を選択します。
（５）最後に常時SSL化が正常に対応できているか確認します。
下記のリダイレクトチェックサイトにアクセスします。
確認したいURL（ここではhttp）を入力し、「チェックする」を選択します。
チェック結果からhttp→httpsへ301リダイレクトされていることを確認します。
以上で無料独自SSL設定が全て完了になります。
WordPressインストール後にすべきこと
WordPressのインストールが完了したら、サイト公開に向けて下記の作業を行います。
- WordPressの初期設定
- WordPressのページ作成
- WordPressデータの移行（データ移行が必要な場合のみ）
- アクセス解析ツールの導入
- セキュリティ対策の実施
- SEO対策の準備
WordPressの初期設定
WordPress環境のインストールができたら、次に初期設定を行います。
本記事では、初期設定の中でも最低限行うべき作業のみ説明します。
- WordPressテーマの設定
- 移行用プラグインのインストール＆有効化（データ移行が必要な場合）
詳細な初期設定の内容については、下記の記事にまとめているので参考にしてください。
WordPressテーマの設定
WordPressには、テーマと呼ばれるテンプレートを利用します。
テンプレートには、Webサイトのデザインや構成、機能が備わっており、技術者でなくても簡単におしゃれなサイトが作れるようになっています。
WordPressテーマは種類として3パターンあり、どれか一つのテーマを設定します。
| テーマの種類 | 概要 |
|---|---|
| 無料テーマ | 無料提供されているテーマ デフォルトテーマも無料 代表的なテーマ：「Cocoon」、「Lightning」 |
| 有料テーマ | 有料販売されているテーマ 相場は10,000円〜20,000円 代表的なテーマ：「SWELL」、「Snow Monkey」 |
| 自作テーマ | 自作で作るテーマ オリジナルデザインのサイト制作で利用 |
有料テーマは、初期費用はかかりますが、無料テーマと比較すると機能性や更新性の高さ、サポートが充実しています。
例えば、当ブログでは有料テーマの「SWELL
」を利用しています。
- とにかくブログが書きやすい。
- 簡単な設定や操作で、SEO対策ができる。
- デザインスキルが無くてもシンプルでおしゃれなブログが作れる。
導入することで記事作成に集中できるので、本気でブログに取り組むのであればSWELLの導入はオススメです！
自作テーマは、オリジナルデザインでサイト制作する場合に自ら作成するテーマです。 自作テーマを作るには、WordPressの仕様を理解するのとプログラミング技術がある程度必要になってきます。
僕自身は、自作テーマを作成する上で下記の講座がすごく参考になりました。
移行用プラグインのインストール＆有効化（データ移行が必要な場合）
別環境で既にWordPressサイトを構築しているなど、データ移行が必要になる場合のみ本作業を実施します。
ローカル環境でWordPressを構築する方法については、下記の記事で解説しています。
WordPressデータの移行に使用するプラグインをインストールしておきます。
手順①：プラグイン一覧画面から「新規追加」を選択します。
手順②：プラグインを追加画面にて、検索ボックスに「All-in-One WP Migration」と入力します。
手順③：検索結果画面から「All-in-One WP Migration」の「今すぐインストール」を選択します。
手順④：インストール完了後に「有効化」を選択します。
以上でWordPressの初期設定が完了です。
WordPressのページ作成
初期設定が完了すると、最後にページ作成を行います。
WordPressでは、ページの種類として２パターンあります。
| ページ種類 | 概要 |
|---|---|
| 固定ページ | 「TOPページ」や「会社概要」などカテゴリに属さない独立したコンテンツを作成する時に使用します。 |
| 投稿記事 | ブログやお知らせなど、後から追加して行くタイプのコンテンツを作成する時に使用します。 カテゴリやタグを使ってコンテンツをグループ分けすることができます。 |
ブログサイトを作成する場合は、投稿記事を主に利用します。
一方で、コーポレートサイトやサービスサイトを作成する場合は、固定ページを主に利用し、お知らせや実績など、後から増えていくコンテンツについてのみ投稿記事を利用することが一般的です。
WordPressの使い方やページの作り方については、「【初心者でも安心】たった10分で出来るWordPressブログの始め方
」のサイト内で網羅的にカバーされているので参考にしてみてください。
WordPressデータの移行（データ移行が必要な場合のみ）
別環境で既にWordPressサイトを構築しているなど、データ移行が必要になる場合のみ本作業を実施します。
別環境で作成したWordPressサイトのデータを移行します。
【移行元】ローカル環境のWordPressでデータのエクスポート
ローカル環境のWordPressサイトで実施してください。
手順①：管理画面から「All-in-One WP Migration」-「エクスポート」を選択します。
手順②：エクスポート画面にて、「エクスポート」-「ファイル」を選択します。
手順③：ポップアップ画面を選択するとファイルのダウンロードが開始されます。
「XXXXX.wpress」という名前のファイルがダウンロードされます。
【移行先】レンタルサーバー上のWordPressにデータをインポート
レンタルサーバー上のWordPressサイトで実施してください。
手順①：管理画面から「All-in-One WP Migration」-「インポート」を選択します。
手順②：インポート画面にて、ローカル環境でエクスポートした「XXXXX.wpress」ファイルを選択または、ドラッグ＆ドロップします。
手順③：ポップ画面が表示されるので「開始」を選択します。
手順④：移行完了のポップ画面が表示されるので「完了」を選択します。
以上でデータ移行完了です。
アクセス解析ツールの導入
サイトが公開できたら、Googleが提供している無料のアクセス解析ツールを２つ導入します。
| 導入するツール | 特徴 |
|---|---|
| Googleアナリティクス | ユーザーがWEBサイトに訪問した後、サイト内でどんな行動をしたのか把握できる。 |
| Googleサーチコンソール | ユーザーがWEBサイトに訪問する前、どんな検索キーワードを入力したのか把握できる。 |
WEBサイトやブログは作って終わりではなく、Google検索の評価やアクセス状況を確認して継続的にコンテンツ改善をおこなっていくことが重要です。
セキュリティ対策の実施
WordPressは多くのWEBサイトやブログで利用されているため人気がありますが、その分初心者も多く利用しており、悪意のある人に狙われる可能性が高いと言えます。
WordPressを初期設定のまま利用すると、ログインURLが特定されたり、不必要な機能が有効になってしまい、セキュリティ的に脆弱な状態になってしまいます。
下記の記事で、僕が普段から実施しているセキュリティ対策の内容を詳しく解説しています。
TERU後で後悔しないためにも、このタイミングでセキュリティ対策をしておきましょう！
SEO対策の準備
サイトのアクセスを増やして行くためには、SEO対策（検索エンジン最適化）が重要になります。
SEO対策の施策はいくつもありますが、最低限必要になるのはMETA情報の設定です。
WordPressの標準機能ではMETA情報の設定ができないため、プラグインを導入する必要があります。
サイト公開前に、下記の記事を参考に準備しておきましょう。
レンタルサーバーの関連記事
まとめ
今回は、ロリポップレンタルサーバー を利用してWordPressを始める一連の手順を解説しました。
ブログやWeb制作をこれから始めようとしている方の参考になれば嬉しいです。
以上です！