WordPressにてSSL化できない

前提・実現したいこと

WordPressでSSL化ができません

発生している問題・エラーメッセージ

WordPressを構築中です。
SSL化の手順を踏みましたが、SSL化がされず作成したサイトが「保護されていません」と出てきてしまいます。

設定画面にてWordPressアドレスとサイトアドレス両方にhttps://〜入力しており、該当サイトアドレスにもhttps://〜が
反映されていますが、鍵マークがつきません。

エラーメッセージ

該当のソースコード

ソースコード

試したこと

・WordPressのテーマ変更→デフォルトで入っているテーマ×3を試しましたが、どれもSSL化されません。
・WordPressアドレスとサイトアドレス両方をhttps://〜、サイトアドレスのみhttps://〜にするなど試しましたがダメでした。
・何度もログアウトしてみましたが、状況変わりません。

ここに問題に対して試したことを記載してください。

補足情報（FW/ツールのバージョンなど）

WordPressは最新バージョンを利用しており、バージョン 5.4.2–ja です。

ここにより詳細な情報を記載してください。

miyabi_pudding

2020/06/29 16:40

読み込んでいるリソースの中で、 SSLでないURLになっているファイルなどありませんか？そういうSSL外のファイルを一個でも読み込んでいると、SSL化は不十分とされてしまいます。

remiRemi25

2020/06/30 03:02

ご回答ありがとうございます。 WordPressのテーマで使っている画像（デフォルトで入ってるテーマ）が「http」のために「Mxed Content」となり、アドレスバーに「保護されていない通信」と出ています。これが原因の可能性があるのでしょうか？そうなると原因はWordPressになるのでしょうか？

miyabi_pudding

2020/06/30 03:10 編集

であるならば、それがほぼ原因ですね。 y_shinodaさんの回答にもありますとおり、 > SSL のしくみについて理解をされていくと、自ずと解決できるかと。 WordPressの画像のURLの出力を、「https://」になるようにするか、「//」スタートのURLにするか、ですね。（//スタートにすると、現状のプロトコル、httpsなら、httpsを使用する、というURLとなる。ただ、サーバー設定必要かもしれない）あと、絶対パス（「/」スタートのURI定義）を使うのもありです。

remiRemi25

2020/06/30 03:48

早速のご返信をありがとうございます。仕組みについての理解が乏しいので、勉強いたします。 WordPressの画像URLを変更することができるのですね。デフォルトで入っているテーマなのでできないものかと勝手に思っていました。変更できるのか調べてみます。

行動規範の内容に同意します

回答2件

追記

エックスサーバーが提供しているマニュアルの
次のページに「ブラウザ上で警告が表示されてしまう場合」という確認項目があります

Webサイトの常時SSL化 | レンタルサーバー【エックスサーバー】

ブラウザ上で警告が表示されてしまう場合
画像やJavascript、CSSなどのファイルの読み込みにHTTP接続が用いられている場合、ブラウザでのアクセス時に「保護されていない通信」などの警告が表示されることがあります。

Webサイト内のソースを確認し、リンク先のURLが「http://」で始まるものがある場合は「https://」へと変更するか、「相対パス」で指定するように修正してください。

※アクセス解析のタグやブログパーツなど外部サーバーからデータを読み込んでいる場合、これら外部サーバーのファイルへのアクセスもSSL接続である必要があります。

上記の内容を確認した上でうまくいかない場合は
エックスサーバーのサポートに問い合わせると
さらにくわしい原因の切り分け方法を教えてもらえると思います

お問い合わせ | レンタルサーバー【エックスサーバー】

次のページも確認しましたが、よくある質問などに SSL 化関係の内容は特に見つかりませんでした

お問い合わせの前に | レンタルサーバー【エックスサーバー】

元の回答

SSL 化の設定は WordPress からの操作はほぼ関係ありません
WordPress の操作以前で失敗している可能性が高いです

レンタルサーバー等を使っている場合は、
レンタル提供元が SSL 化の手順を公開していると思いますので、
とにかくその手順に従ってください
WordPress の操作にいたるまでの作業が間違っていないか
よく確認してみると気づきがあるかもしれません

SSL 化の手順を踏みましたが

とありますので、
その手順や、手順のリンクなどを質問に追記いただけると
もう少し助言できるかもしれません

自身でサーバーの構築を行っている場合は
SSL のしくみについて理解しておくことをおすすめします:

ちゃんと理解するSSL/TLS　前編 - Qiita

ただし、上記のような資料をいきなり理解しようとすると難しいと思います
「自己証明書」というものを自分で作ってみるとしくみの理解がすすみやすいです:

オレだよオレオレ認証局で証明書つくる - Qiita
自己署名証明書の作成 - Qiita
httpsの設定とオレオレ証明書(自己署名証明書)の作成 - Qiita

投稿2020/06/29 15:16

編集2020/06/30 04:20

y_shinoda

総合スコア3272

remiRemi25

2020/06/30 03:02

ご回答を頂きまして、ありがとうございます。また、サーバーの仕組みなど、詳細がわかるリンクの共有も頂き大変助かります。 WordPress初心者で、お恥ずかしながらPCに関わる専門用語なども理解ができていないため、質問内容が稚拙で分かりづらい内容で失礼いたしました。手順としてはエックスサーバーを利用しており、無料独自SSLにはhttps://〜始まるアドレスが反映されていて、その後WordPressでもhttps://〜から始まるアドレスを管理画面にて設定しています。

remiRemi25

2020/06/30 08:19

改めてご回答を頂き、ありがとうございます。先ほど解決し、無事にSSL化ができました。 WordPressのテーマで使用している画像がhttp://〜になっていることが原因で固定ページ一覧の項目を全て（自分が使ったもの以外）をゴミ箱へ入れたところ SSL化ができました。今後も続けていく中でつまづいた際には、またお力添えを頂けると有難いです。

行動規範の内容に同意します