MinEMemO

【WordPress】ロリポップ独自SSL(無料)設定

📝 更新日:2020-05-18 / 📄 作成日:2020-03-15
Hero Image
目次

はじめに

この設定方法は当ブログを構築する際に調べたものになります。
人にとって必要なものが異なる場合もあると思いますが、あらかじめご了承をお願いいたします。

利用環境は以下の通りです。

  • PC:Windows10
  • レンタルサーバー:ロリポップ
  • 利用テーマ:JIN(有料)

独自SSLとは

SSLとは通信時の情報を暗号化しセキュリティをたかめることです。
URLの先頭の http が https でアクセス可能になり、URLバーの左に🔓マークがつきます。

独自SSL設定方法

取得した独自ドメインに独自SSL(無料)を設定

当ブログのサーバーはロリポップのなので、ロリポップでの設定方法になります。

  1. ロリポップの管理画面を開く
  2. セキュリティ>>独自SSL証明書導入
  3. 取得したドメインが記載されてるのでチェックボックスをつける
  4. 「独自SSL(無料)を設定する」をクリック

「SSL保護有効」が出るまではWordPressでの設定はしないでください。

有効化される前の「https」のURLをWordPressで設定した場合、WordPressの管理画面へアクセス不能になり、かなりめんどくさいことになります😅

※反映時間が正確にわからないので状況が分かりづらくなります

SSLが有効化してもURLのところに「保護されていない通信」と表示される場合

ソース内にhttp://の読み込みがあるのが原因です。
当ブログでもこの事象が出たのですが、リンクをhttpsに書き直すと直りました。

なお独自SSLは独自ドメインにしか設定できません

ワードプレスのWordPress アドレス (URL) と サイトアドレス (URL)を変更

この設定は間違えると怖いので下の注意点をよく読んで、設定を行ってください!

厳重注意

ここの設定がうまくいかないとWordPressのブログや管理画面にアクセスできなくなったり して、万が一戻せなくなるかもしれません。

前提として必ずアクセス可能なURLで設定をしてください。

例えば独自SSLを設定して「SSL保護有効」が出る前(=アクセス不可)にhttpsのURLで設定するとWordPressの各画面にアクセス出来なくなる可能性があります。

厳重注意は確認できましたか?それでは設定開始です!( `ー´)ノ
  1. WordPressの管理画面を開く
  2. 設定>>一般をクリック
  3. サイトアドレス (URL)を取得したドメインのURLに書き換える
  4. WordPress アドレス (URL) を取得したドメインのURLに書き換える
    ※念のため旧URLはメモっておくこと
  5. 「変更を保存」をクリック
  • WordPressアドレス(URL) :WordPressをインストールした場所
  • サイトアドレス (URL):公開用のURL

※WordPressをインストールした場所とのことですが、ドメインまでの入力でOKです。
インストールしたフォルダまで入力すると当ブログの場合は繋がらなくなりました…😅

万が一失敗してWordPressにアクセスできなくなったときの対処法のメモ

当ブログもサイト構築中に失敗したときは、以下のいづれかを試しつつ、状況を確認し調整を行いました!
非常にデリケートな作業なので、バックアップをするなど自己責任で落ち着いて状況の確認を行ってください。

一旦表示できる状態までもどったら、再度時間を置いて新URLに設定してみてください。
(ちなみに当時はかなりイライラしながらしました😒笑)

・キャッシュの可能性があるので、Ctrl+F5とかでスーパーリロードかけてみる

・ロリポップ!の場合は「ロリポップ!アクセラレータ」OFFにしてリロードしてみる
(高速表示対策でキャッシュが残りやすいらしい)

・独自ドメインの取得がうまくできてるか。
※ドメイン取得元からWHOISとかメール認証とかの設定依頼メールがきてないか確認する

・データベースを触らないで確認する場合
ロリポップ管理画面などからFTPにアクセスします。

wp-config.phpの以下のコメントより上

javascript
/* 編集が必要なのはここまでです ! WordPress でブログをお楽しみください。 */

下のコードにの★の部分を書き換え保存し様子見、状態の確認をする

php
define('WP_SITEURL', '★自分のWordPressアドレスに書き換える★'); // WordPressアドレス
define('WP_HOME', '★自分のサイトアドレスに書き換える★'); // サイトアドレス



・データベースで触って確認する場合
WordPressのデータベースへアクセスします。
wp1_optionsの「siteurl」、「home」を旧URLに書き換えて様子見、状態の確認をする

※home:WordPressアドレス(URL)
※siteurl:サイトアドレス (URL)
※wp1_は初期の接頭辞なので個人個人で違うかもしれません。

以上で設定完了です!うまくできましたか?
スムーズに更新が成功することを祈っております( `ー´)ノ
profile_icon
taka
プログラマー
いつでも転職希望の業務経験7年目(2023時点)のエンジニアです。 仕事の合間にすこしずつ転職活動はしていますが、条件が合う場合ぜひTwitterなどでご連絡頂けると嬉しいです。 希望条件は基本的に残業は1日x1h程度。収入は一旦現状維持。 ある程度で構わないので、保守運用が管理されていて、精神的に安心して働ける環境が良いです。 経験言語はHTML、CSS、javascript、PHP、MySQL、Docker、Vuejs、Laravel このブログは完全に自作で静的ジェネレータで作りました。 この範囲で言えば React.js Gatsby.js GraphQLも経験があります。 最近はAIがどう社会に受け入れられ、日常になっていくのかの行く末が気になっています。 今までの人生で一番変化を感じて不思議な感覚です。