Mother's Life

1980年代初期生まれの主婦が送る、80~90年代の女子の懐かしカルチャーをご紹介するブログ。妊娠・出産・育児ネタもついでに。

ロリポップの共有SSLでブログのSSL化を完了♪

      2021/05/03

しばらく更新できませんでしたが、その間別館サイトとこのブログをSSL対応ページにする作業を行っていました。

SSL(Secure Sockets Layer)とは、インターネット上でデータを暗号化して送受信する仕組みです。かつてはSSLを利用するにはかなり料金がかかったので、個人サイトやブログでSSL対応しているところはまずありませんでした。

しかし近年各ブラウザがSSL化を推奨しており、Chromeに関してはSSL未対応だとこんな警告文が出る仕様になったのです↓

さらにChromeの場合はSSL未対応サイトを開こうとすると警告ポップアップが出ます。こうした流れから、各レンタルサーバーで無料のSSLサービスの提供を続々と開始しています。

SSL対応のドメインをサーバーで確認

私はロリポップというレンタルサーバーを利用、ワードプレスというツールを使ってブログを作成、使っているのは独自ドメインではなく、サーバーから付与されたドメイン(※ロリポップのドメイン)という環境です。

ロリポップユーザーのSSL化作業の体験談を検索すると、独自ドメインでのSSL化の例がほとんどでしたので、こちらではロリポップドメインでのSSL化の流れを説明します。

■ロリポップ!のドメインのURL
ロリポップ!のドメインのURLは、弊社がご用意したドメイン(main.jp等)の前に、お好きな文字列(アカウント名)を入力したものとなります。

例:http://●●●.main.jp

■独自ドメインのURL
独自ドメインのURLは、ドメイン取得サービスで取得したドメイン名を利用したものとなります。
オリジナル性の高いURLとなるため、サイトを訪れる方により覚えていただきやすくなるなどの利点がございます。

例:http://●●●.com

(以上ロリポップのマニュアルから抜粋:ロリポップドメインと独自ドメインの違い)

まずロリポップのユーザー専用ページにログインすると、最初に出てくるのがこの画面です。

独自ドメインを使っている場合はサーバー側でもうひと手間あるのですが、ロリポップドメインの場合、共有SSLという欄に書いてあるアドレスがそのままSSL化後のアドレスになります。サーバーでやることは共有SSLの確認だけになります。

次はワードプレス側の設定。ワードプレスにログインし、メニューから「設定」→「一般」へと進みます。

一般設定の項目で、画像の通りWordPressアドレスとサイトアドレスの2か所を新しいURLに書き換え、保存します。

設定が完了したら、共有SSLのアドレスでサイトにアクセスしてみましょう。これがクリアできればひとまず移行は完了です。すごく簡単ですね。

が、実はまだ問題点がいくつかあります。上のキャプチャ画像を見ると、アドレスバーの先頭にカギマークは付きましたが…安全なサイトの証、緑のカギマークではありません。

カギマークのところをクリックしてみると、こんな注意書きが出ています。サイトのコンテンツ内の画像やリンクなどに一部SSL化されていないものがあると、こういった表示が出てしまいます。こうした現象を混在コンテンツ(mixed content)などと呼びます。

長くなったのでひとまずここで一旦区切ります。次回以降混在コンテンツ状態の解消法を書いていこうと思います。

 - その他いろいろ, サイト作成