ブログを常時SSL化しよう!エックスサーバーの無料SSL設定【後編】30代サラリーマンのしがない日記。心はいつまでも12歳。前回の記事では、SSLに関する基礎知識や必要なコストについて記載しました。今回は、いよいよ常時SSL化の設定をしていきましょう。■Xserver(エックスサーバー)のサーバーパネルからSSL設定をする■ブログ内に残っている「http://~」を「https://~」に変更する■どこのページからアクセスしても「https://~」と表示されるように設定するエックスサーバーのサーバーパネルからSSL設定をするまずはエックスサーバーのサーバーパネルへ行きましょう。エックスサーバーへログインし、ご契約一覧の「サーバーパネル」下のログインボタンをクリックしてください。サーバーパネルにログインしたら、「SSL設定」をクリック。SSL設定をしたいドメインから「選択する」をクリック。「独自SSL設定の追加」タブに移り、「CSR情報(SSL証明書申請情報)を入力する」にチェックを入れ、確定します。CSR情報は、個人利用であれば注意書きがあるのでその記載に従ってください。独自SSL設定が完了しました。試しに「https://~」でアクセスしてみると、「この接続ではプライバシーが保護されません」という表示が出ます。これはサーバー側でSSL設定をしている最中なので、設定が完了するまで待ちましょう。最大1時間ぐらいかかります。え?これだけ?と思いましたか?はい、SSL設定はこれだけです。すると、「https://~」のURLでアクセスできるようになります。このままでは、保護されたURLになりません。本当はこのような形にならないといけません。それは、既存のURLに「http://~」の記述が残ってしまっているからです。次は、Wordpressの管理画面に移って「http://~」のURLを変更していきましょう。アドレス、サイトアドレスに記載されているURLを「https://~」に変更しましょう。これだけでは、まだ「保護された通信」にはなりません。※初めてブログを開設した方はなると思います。次は、ブログ内に残っている「http://~」のURLを変更していきましょう。ブログに「http://~」が残っていると、この表記になりません。RegexでURLを置換WordPressは本当に便利で、「http://~」を「https://~」に変換してくれるプラグインがあります。ありがたく使わせてもらいましょう。「俺は手動でやるんだ」という修行僧のような精神をお持ちの方はご自身でやってもらっても構いません。Regex」からURLを置換していきましょう。patternには置換後のURLを記入してください。※「http://」だけで置換すると他サイトへのリンクも変わってしまうのでやらないようにしてください。http://自分のサイトドメインを記入してください。「ばーこしブログ」だと、こんな感じになります。記入が完了したら、まずは「sarch」をクリック。置換対象のURLが出てきます。何記事も投稿している場合は、何件にも渡って表示されます。置換するURLを確認したら、「Replace&Save」をクリック。これで、記事タイトル、記事内のURLが「https://~」に変更されました。こちらのプラグインではウィジェットのURLが置換できないので、ウィジェットに「http://~」の記載がある場合はご自身で変更してください。こしブログの場合、管理者プロフィールの画像と詳細なプロフィールのURLを「https://~」に手動で変更します。投稿した記事が「保護された通信」ならない!?前回の記事を投稿した時、URLが「保護された通信」になっていませんでした。「ブログを常時SSL化しよう!」ってタイトルなのに、そのページがSSL化できていないなんて洒落になりません。原因はこれ会話風アイコンに設定されている画像のURLが、「https://~」に変換できていませんでした。SSL化の前に設定していたので、これは盲点でした。管理画面から急いで画像のURLを変更。スポンサーリンクどこのページからアクセスしても「https://~」と表示されるように設定するこれで「https://~」の変更は完了したのですが、このままでは「http://~」のURLからもつながってしまう状態になっています。「http://~」のURLへアクセスしても自動的に「https://~」へ転送されるように設定を行っていきます。通常であればFTPから.htaccessのファイルをダウンロードして書き換える必要があるのですが、エックスサーバーであればサーバーパネルから変更ができます。エックスサーバーのインフォパネルから「.htacces」をクリック。対象のドメインを選択。「.htaccess」タブからファイルを編集します。※ここで記述をミスすると大変なことになります。メモ帳などに元の記述をコピーしておいてください。追加するコードは以下です。[R=301,L]何も特別なことをする必要はありません。既存の記述の上に上記のコードを追加してください。常時SSL設定の完了お疲れ様でした。無事に、SSL化設定は完了しましたか?運営中のブログをSSL化するのは、本当に骨が折れます。出来れば、ブログを開始した時に一緒にしてしまうのが望ましいですね。それでは、また次の記事でお会いしましょう。こしこういった記事はちょくちょく書いて皆さんの参考にしてもらいたいと思っています。エックスサーバーauthor関連記事30代既婚サラリーマンが副業を始めたきっかけどうも、転職回数6回、今年またまたまたまたまた転職をするばーこしですこんにちは。...「ココナラ」でブログやSNSに使用するアイコンを依頼する流れについてブログやTwitterに使用するアイコンは、あなたの第一印象を決める大切な役割を持っています。...20記事達成!軽い運営報告と30記事達成までにやりたいこと2018年3月22日に産声を上げた「ばーこしブログ」。手探りで始めたブログも、多少見栄えが良くなったような気がしないでもないです。...PREVブログを常時SSL化しよう!エックスサーバーの無料SSL設定【前編】NEXT心に残った映画のセリフ(ジャンル不問)を紹介していく新着記事一覧2019/07/07今更だけど弱虫ペダルが面白い!まだ知らない人はぜひ見てみて!2019/03/17仕事で起きたイライラ・怒りを鎮める方法【ばーこし流】2019/03/03思わず笑ってしまうLINEのやり取りでも使えそうな煽り画像集2019/02/24電子マネーQUICPay(クイックペイ)はコミュ障でも簡単に使える2019/7/8マウスの使い過ぎで手首が痛いから腱鞘炎予防マウスを買ってみたスポンサーリンク管理者プロフィール管理者:ばーこし副業でアフィリエイトをやりながら毎日ダラダラ過ごすサラリーマン。自他ともに認める真面目系クズ。雑記プロフィール仕事のこと趣味のこと雑記お問い合わせばーこしブログ30代サラリーマンのしがない日記。心はいつまでも12歳。