開設・設定 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をコピーすると

うにょらー
うにょらー
こんな風にわけのわからない感じの文字列になります。



そうならないように、あなた(執筆者)の好きに設定できるようにしておくのです!

ブログで多いのが、記事の内容を英語でまとめるというもの。

URLからでも記事の内容がわかるので、自分でも管理しやすいですし、Googleさんにも評価してもらいやすい(らしい)という形です。

うにょらー
うにょらー
設定するために、まずWordpress管理画面にログインします。



「設定」→「パーマリンク設定」を選択

Wordpressインストール後必須設定【パーマリンク設定画面へ移動】


カスタム構造を選択し、以下を入力する

  • /%postname%



Wordpressインストール後必須設定【パーマリンクを設定】


これで記事を投稿するときに、好きなパーマリンクが設定できるようになります。

うにょらー
うにょらー
最初にやっておかないと、全部手作業で修正しなければならなくなるので、地獄ですよ






スポンサーリンク

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


WordPress

  • ブログを開設するだけで、他の人より数歩先に進める!
  • 設定自体は当サイトを見ながらやれば、間違いなくできる
  • WordPressインストール直後は手続きの関係でブログが表示できない場合もあるが、少し待てば解決する
  • 独自SSLの設定とパーマリンクの設定は必ずブログを立ち上げ時に一番最初にやること!

うにょらー
うにょらー
まずは、最低限の設定お疲れさまでした。


うにょらー
うにょらー
副業、趣味等、あなたがブログを始める理由はわかりません。



それでも本サイトにたどり着き、ブログを開設しよう実際に動いた時点で素晴らしい行動力だと思います。

Googleアドセンス対策としてのブログ構成などはお伝えすることができますが、Googleさんに評価され、読者が満足するブログというものに正解はありません。

時にはくじけそうになったり、辞めたくなることもあるでしょう。

そんな時は、Twitterででも話しかけてください。

うにょらー
うにょらー
あんまり根を詰めずに、一緒に頑張りましょう!(@unyora3)です!



そんなことよりも、

WordPress(ワードプレス)でのブログ開設、設定手順全体が知りたい

という方はこちらをご覧ください。

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



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

ブログやるなら絶対にロリポップ!
ロリポップじゃないとか大丈夫?
  1. ロリポップ!なら10日間無料で試せる
  2. 高速なハイスピードプランが月額500円から使用可能
  3. ハイスピードプランなら同時アクセス数が無制限!
  4. 契約期間中のプラン変更も差額だけでOK
▼10日間無料お試し実施中!▼
ロリポップ!無料で試してみる

うにょらー
うにょらー
エッ〇〇サーバーとかCONO〇〇WINGとか、調べればわかるけど問題起こりまくりだよ…?

本当に大丈夫?

参考:ロリポップのハイスピードプランを比較!エックスサーバーよりおすすめ