開設・設定 PR

【ロリポップ】ドメイン設定、WordPressインストールとSSL化の手順

【ロリポップ】ドメイン設定、WordpressインストールとSSL化の手順
記事内に商品プロモーションを含む場合があります
うにょらー
うにょらー
こんにちは!
この記事作成のために5個目のブログを作成中。
うにょらー(@unyora3)です!



この記事はブログをこれから始められる方に向け、

ロリポップでの

  • ドメイン設定
  • 独自SSL設定
  • WordPressインストール

上記を画像付きで解説していきたいと思います!

ブログは始めるのが面倒で挫折する方が結構います。

うにょらー
うにょらー
逆に言えば、始められるだけで他の人よりも1歩も2歩も先にいけるのです!


当解説記事を読みながら、パパっと終わらせてしまいましょう!

WordPress(ワードプレス)でのブログ開設手順全体が知りたい方はこちらをご覧ください!

ブログで副業(収益化)の第一歩!Wordpressでの開設方法を解説
ブログで副業(収益化)の第一歩!Wordpressでの開設方法を解説コロナによる収入減、老後の年金2000万問題など副業をやる理由はたくさんある。Wordpressブログが人気ですが、開設方法や設定を間違えると全く稼げないって知ってます?...



⇒ ブログで副業(収益化)の第一歩!Wordpressでの開設方法を解説





スポンサーリンク

ロリポップでのドメイン設定方法を解説!






今回の解説では、

上記を契約したうえでドメインの設定やWordpressのインストールをしていきます。

まだ契約してないよ!



という方は、それぞれ解説している記事を用意してありますので、ぜひそちらを先に済ませてください!






ドメイン設定【お名前.com】



ドメインを設定するには、ドメイン側とサーバー側の双方で設定する必要があります。

うにょらー
うにょらー
まずはドメイン側を設定していきます。



ドメイン側では、「このサーバーで使うよ!」というのを設定します。

画像はクリックで拡大できます!

うにょらー
うにょらー
まずはお名前.comにログイン



トップ画面内の「よく利用されるお手続き」の「ネームサーバーを設定する」を選択



ロリポップドメイン設定【お名前ドットコムのトップからネームサーバー設定を選択】

うにょらー
うにょらー
ドメイン設定をしたいドメインにチェックを入れます



ロリポップドメイン設定【お名前ドットコムでドメイン設定をするドメインを選択】


  1. ネームサーバーの選択は「その他」
  2. 「その他のネームサーバーを使う」に入力するのはロリポップのネームサーバー
  • ネームサーバー1(プライマリネームサーバー)
    ⇒uns01.lolipop.jp
  • ネームサーバー2(セカンダリネームサーバー)
    ⇒uns02.lolipop.jp

上記をコピペしてください




ロリポップドメイン設定【お名前ドットコムにてロリポップのネームサーバーを入力する】

うにょらー
うにょらー
ここに関してはこれだけだとわからないと思うので、より詳しく解説しておきます。



ドメインに対して、どこのサーバーで使うかというのを設定するのがこの作業になります。

なので、入力するのはロリポップの情報です。

うにょらー
うにょらー
ちなみに、ロリポップ側の説明を見ていただくと、今回入力する内容についてしっかりと書かれています!



ロリポップドメイン設定【ロリポップ公式でのネームサーバー説明】

上記ページでも書かれているように、

  • ネームサーバー1(プライマリネームサーバー)
    ⇒uns01.lolipop.jp
  • ネームサーバー2(セカンダリネームサーバー)
    ⇒uns02.lolipop.jp

この情報を、ドメイン側に設定(コピペ)します。

うにょらー
うにょらー
コピペしたあと、間違っていないかもう一度確認し、設定します。



ロリポップドメイン設定【ロリポップのネームサーバー設定確認

うにょらー
うにょらー
これでドメイン側の設定は完了です!






ドメイン設定【ロリポップ】



続いて、今度はレンタルサーバー側(ロリポップ)で設定していきます!

うにょらー
うにょらー
ロリポップにログイン



「サーバーの管理・設定」→「独自ドメイン設定」を選択


ロリポップドメイン設定【ロリポップにログインして独自ドメインの設定を選択】

うにょらー
うにょらー
ドメインを紐づけていきます!



ステップ2.独自ドメインをロリポップ!に設定する

  • あなたが取得およびネームサーバーを設定したドメインを入力
  • 「公開(アップロード)フォルダ」は空欄でOK
  • 上記が済んだら「独自ドメインをチェックする」を選択




ロリポップドメイン設定【取得してあるドメインを入力】

うにょらー
うにょらー
チェックした結果を見て、間違いなければ「確認」



ロリポップドメイン設定【ドメインに間違いがなければ確認を選択】

うにょらー
うにょらー
ここまですれば、ドメインとサーバーの紐づけは完了です!



ロリポップドメイン設定【手続き完了画面】


続けて現在必須の設定である、SSL設定を行いましょう!

うにょらー
うにょらー
後回しにすると、本当に後悔しますよ…






スポンサーリンク

ロリポップでの独自SSL設定を解説!






「独自SSL」

それはなんですか?



そう言いたくなるような名称ですが、通信におけるデータの暗号化のことです。

うにょらー
うにょらー
すごく簡単に言うと、「このサイト安全に使えるよ!」という証明書および設定です。



2018年の初めまでは対応していなくても問題なかったのですが、世界の検索を牛耳るGoogleさんより、SSL設定するようお達しがありました。

むしろ、SSL設定していないサイトは「保護されていない通信」と書かれるようになってしまいました。

保護されていない通信

SSL設定すると、URLが「http://」→「https://」このように変更されます。

うにょらー
うにょらー
後で設定するのは大変なので、必ずブログを始める前に設定しましょう!






ロリポップでのSSL設定(1)


うにょらー
うにょらー
まずはロリポップにログイン!



「セキュリティ」→「独自SSL証明書導入」を選択

ロリポップ独自SSL設定【独自SSL証明書導入を選択】

独自SSL(無料)

  1. 「SSL保護されていないドメイン」タブを選択
  2. SSL設定するドメインにチェック
  3. 「独自SSL(無料)を設定する」を選択



ロリポップ独自SSL設定【SSLを設定するドメインを選択】

うにょらー
うにょらー
SSL設定作業中に変わればとりあえずOK



ロリポップ独自SSL設定【SSL設定作業中にかわる】


その後しばらくして、SSL設定が完了するとこんな表示になります!

ロリポップ独自SSL設定【SSL設定完了】

現時点でできるSSL設定作業はここまでですが、Wordpressインストール後にまだ行う作業があります!






スポンサーリンク

ロリポップでのWordpressインストールおよび必須設定






ここまで、地道な契約や設定お疲れ様です。

お次がやっと、

WordPressのインストールです!

うにょらー
うにょらー
WordPressというのはフリーのソフトで、サイト作成やブログ執筆など包括的に行える便利な奴です。



Wordpressをインストールしたあと、

  • 最低限の必須設定
  • テーマ(デザインなど包括したもの)の選択
  • プラグイン(アプリみないなもの)の追加

ここまでやれば、ブログを投稿できるようになります!





WordPressインストール


うにょらー
うにょらー
まずはロリポップにログイン!



「サイト作成ツール」→「Wordpress簡単インストール」を選択

ロリポップWordpressインストール【Wordpress簡単インストール画面へ】
うにょらー
うにょらー
以下を入力していきます!


  • サイトURL
    ⇒取得&設定してきたドメイン!

  • サイトタイトル
    ⇒お好きな名前でOK!

  • ユーザー名
    ⇒お好きなものでOK!

  • パスワード
    ⇒管理画面に入るためのものなので忘れないように!

  • メールアドレス
    ⇒ログインに使用したり、他にも使うので使用できるものを!

  • プライバシー
    ⇒検索エンジンによるインデックス=検索して表示されるようにするかなので、必ずチェック!



ロリポップWordpressインストール【Wordpress簡単インストールのための入力解説】

うにょらー
うにょらー
入力内容の確認を押すと、インストール前の最終確認があります!



ロリポップWordpressインストール【Wordpress簡単インストールの最終確認】


入力に誤りがなければ、そのままインストール!

うにょらー
うにょらー
インストールが終わると、ブログのURLと管理画面のURLが表示されます



ロリポップWordpressインストール【Wordpressインストール完了画面】


インストールはこれで完了です!

インストール直後のブログ画面
Wordpressインストール直後のブログ画面




インストール直後のブログ管理画面へのログインページ
インストール直後のブログ管理画面へのログインページ




実際のブログへのリンク
⇒ https://unyora.site/
※ドメイン期限切れで、同じ方法で設定した別のサイトになります…

ドメイン設定・SSL設定などのタイミングによっては、ブログ画面が表示されない場合があります。
その場合はしばらく(数分~数十分)待ち、キャッシュをクリアすると表示されるようになります。



ブログ画面が表示できないときの例
インストール直後にブログ画面が表示できない参考例







WordPress必須設定(ロリポップでのSSL設定(2))



Wordpressインストールに、必ずしておくべき設定を紹介します。

うにょらー
うにょらー
基本的には、上で書いたSSL設定の続きになります!



まずは、Wordpressの管理画面にログイン


インストール直後のブログ管理画面へのログインページ


管理画面のトップページで、「設定」→「一般」と選択


Wordpressインストール後必須設定【管理画面で一般にアクセス】

うにょらー
うにょらー
一般設定の画面で以下の通り変更!



  • キャッチフレーズ
    ⇒空欄に

  • WordPressアドレス(URL)
    ⇒httpsに変更

  • サイトアドレス(URL)
    ⇒httpsに変更




Wordpressインストール後必須設定【一般設定画面での入力参考】

上記内容に変更するとログイン画面に戻されるので、ログインしなおします!

うにょらー
うにょらー
ログインしなおし、URLがかわっていることを確認してください



Wordpressインストール後必須設定【ログインしなおすとURLが変わっている】


URLが変わっていることを確認したら、「http://」の方にアクセスが行かないようにサーバー側での設定をします。

うにょらー
うにょらー
ロリポップに再びログイン!


https://lolipop.jp/



「サーバー管理・設定」→「ロリポップ!FTP」を選択


Wordpressインストール後必須設定【SSL設定のため、ロリポップFTPにアクセス】


ここで「.htaccess」というファイルを編集します。

特殊なファイル名ですが「ロリポップ!FTP」上で編集できます!

念のために元のファイルも保持しておきたい



そんな慎重な方は、「.htaccess」というファイル名がローカルに保存できないので、こちらの公式サイトを参考にすることになります。

「.htaccess」の編集方法



当記事では、「.htaccess」を「ロリポップ!FTP」上で編集する方法で解説します。

「ロリポップ!FTP」で「.htaccess」を選択します。

Wordpressインストール後必須設定【ロリポップFTPで「.htaccess」にアクセス】

うにょらー
うにょらー
ファイルの編集を選択します



Wordpressインストール後必須設定【ロリポップFTPで「.htaccess」の編集を選択】


開いた「.htaccess」の先頭に以下の文字列を追記する!

<IfModule mod_rewrite.c>
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R,L]
</IfModule>

うにょらー
うにょらー
コピペでOKです!



Wordpressインストール後必須設定【ロリポップFTPで「.htaccess」の先頭に文字列を追記する】


上記文字列を追記してファイルを更新すれば、SSL設定は完了です!

うにょらー
うにょらー
お疲れ様です!



最後にもうひとつやっておくべき設定を紹介しておきます!

それは、

パーマリンク

と呼ばれるものです。





WordPress必須設定(パーマリンク)



またしても知らない単語が出てきたと思います。

パーマリンク

ブログのURLに関わる部分なのですが、ドメインの後に続く部分になります。

例えば今読んでいる記事。

ドメインは、「https://unyora-toppiroki.info/」

この記事のURLは、「https://unyora-toppiroki.info/lolipop-configuration

うにょらー
うにょらー
パーマリンクとは、この「lolipop-configuration」の部分をどんな形にするかになります。



例えば、記事のタイトルそのままURLにする。

うにょらー
うにょらー
Wikipediaなんかはそうなっています。



「天空の城ラピュタ」のページだと、

見かけ上のURLは、https://ja.wikipedia.org/wiki/天空の城ラピュタ

でも、URLは日本語に対応していないので、URLをコピーすると

うにょらー