サイトURLがhttpなのに、ホームURLだけhttpsになっているからだと思います。

サイトURL：  http://blog-playclothingtokyo.xyz 
ホームURL：  https://www.playclothingtokyo.com/blog 

WordPress設定画面からどちらともhttpsになるように変更する必要があるのではないかと思います。

ご返信ありがとうございます。

サイトURLの http://blog-playclothingtokyo.xyz  は
SSLの手続きをしておりません。
サイトURLもSSL化する必要があるということでしょうか？

早急に手続きをして検証したいと思います。
cocoonの問題ではない質問をしてしまい、失礼いたしました。

どういう構造になっているのかは、詳しく検証していませんが、以下のページは既にSSLになっているのかと思います。
https://www.playclothingtokyo.com/
ドメインに対してSSLが適応してあれば、全体に反映されるのではないかと思います。
※サーバーによってはどうなるかはわからないですが。

お世話になります。

ホームURLをSSL化し、画像の表示もきちんと出るようになりましたが、
やはりアイコン画像はすべて非表示のままとなっております。

何かほかに対策がありましたらご教示いただけないでしょうか？

とりあえず、「高速化」設定にある「WEBフォントLazy Load」を無効にするとどうなりますか。

WEBフォントLazy Load：1

試しましたが、何も変わりませんでした。

トップページのソースコードを見ると、
loadWebFont("http://blog-playclothingtokyo.xyz/wp-content/themes/cocoon-master/webfonts/fontawesome/css/font-awesome.min.css");

という記載がありました。
httpを参考にしているので表示されないのかもしれません。
これはどのように直せばいいのでしょうか。
無知で申し訳ないですが、ご教示いただけますでしょうか。

キチンと表示されてるので、キャッシュの削除を行えばご自身でもWebFontが表示されると思います。

あと、本題とはズレますが。

Cocoon設定に入れているheader画像・ホーム画像・noimage画像の画像のパスもhttpのところをhttpsに変更すれば、混在コンテンツもなくなるかもです。

• header画像・ホーム画像・noimage画像の画像のパス
• ヘッダータブ・OGPタブ・画像タブを開けば各設定があります。

WordPressの一般設定から変更できると思いますが、

サイトURL：https://blog-playclothingtokyo.xyz

http→httpsとなるように設定してみてください。

loadWebFont("http://blog-playclothingtokyo.xyz/wp-content/themes/cocoon-master/webfonts/fontawesome/css/font-awesome.min.css");

僕もソースコードのこの記述を見て、「WEBフォントLazy Loadを無効に」と書きました。
本来ならば、無効にすると表示されなくなる記述のはずなんですが。
何かサーバーでキャッシュ機能とかを利用していますか？
というかサーバーはどこなんでしょう？
調べて出てきたjpt1.static.cnode.ioを調べてみたところ、conohaあたり？
conohaは、まだ実際に使ったことがないので、まだよくわからないんですよね。

https://blog-playclothingtokyo.xyz/wp-content/themes/cocoon-master/webfonts/fontawesome/css/font-awesome.min.css

https://gyazo.com/1a4ed02e4921eadc0ab28d41122b7d27

既にWordPress本体ファイルはhttps化されてるんですよね。朝確認したときアイコンフォントも表示されていたんですよね。

※ただhttpのアドレスからhttpsのアドレスにリダイレクトしてないのも、上述とは別で、気になったところでした。

普通にブラウザキャッシュかと思うんですが、他に確認されたかたは表示されてない感じなのか？

PCTOKYOさん、シークレットモードで確認すると表示されてないですか？

ご返信ありがとうごさいます。

はい、ご指摘いただきました部分は早急に全部直してみます。

キャッシュも全て削除し、表示はされるようになりました。

しかしホームボタンを押しトップページに戻ると、すでに表示されなくなってしまいます。

もう一度修正をしてから試してみようと思います。

ありがとうごさいます。

ロコ様

はいこちらは設定が終わっているのですが、色々うまくいっておりません。

キャッシュの削除など自分のミスが多いので、１つずつ解決していこうと思います。

ご返信ありがとうごさいます！

たしかに、blog-playclothingtokyo.xyzからの読み込みにおいてインラインで書かれたScript以外はhttpsになっていますね。

キャッシュの削除やテーマの更新とあったので試した

とのことだったので、設定URLの変更がまだなされていないのかと思ったのですが、どうやらサーバーまたはプラグインのコンテンツオブジェクトキャッシュが残っているみたいです。

わいひら様

何度もすみません。

WORDPRESSはXサーバーに置いてあります。

SHOPの方はMAKESHOPにありましてそちらのドメインのplayclothingtokyo.comの

.com/blogにwordpressトップページを表示するようにしております。

サーバーのキャッシュも全て削除してみてみます。

FireFoxで確認したら、本体ファイルはhttpのままだったので、原因はそれっぽいですね。

WordPressの一般設定から変更できると思います

書き込みがたくさんあったの気付きませんでした。ってことで離脱しますね❦

かうたっく様

はい本体ファイルの位置を変更してみます！

アドバイスありがとうごさいます。

本体ファイルの位置はあってるんですよね。しかも設定は問題なかったんですよね？

ただ PCTOKYOさんがおっしゃってる通り。

しかしホームボタンを押しトップページに戻ると、すでに表示されなくなってしまいます。

たしかにそうなりますね。※Chromeで確認。➡トップページにアクセス。再読み込みなら問題ない。

➡でも別ページへ移動後、トップに戻れば表示されないのがオカシイので、やっぱりhttpsへのリダイレクトを試してみるのも良い気がします。

私もエックスサーバーで以下のようにしてます。

www.playclothingtokyo.com/public_html/.htaccessファイルで問題ないと思うのですが。試してみてサイトにアクセス。そのとき青い画面の500エラーが出れば、その項目のみ消して更新すれば元に戻ります。

RewriteEngine On
# httpsに統一
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}%{REQUEST_URI} [R=301,L]

https://bibabosi-rizumu.com/wordpress-ssl-https/#toc10

ファイルマネージャでアクセスすると、文字コードが変になる事によるエラーが出ることもなく、日本語の部分が文字化けもしないので良いと思います。

間違いました。以下はちがってますね

www.playclothingtokyo.com/public_html/.htaccessファイル

サイトURL：  http://blog-playclothingtokyo.xyz  
ホームURL：  https://www.playclothingtokyo.com/blog

https://blog-playclothingtokyo.xyz

本体ファイルはこっちでしたね。上記の直下っぽいですね。

blog-playclothingtokyo.xyz/public_html/.htaccessファイル

そのファイルは触れますか？

***

もしくは http://blog-playclothingtokyo.xyz 　の設定・一般設定かも。

わからないので確認できそうでしたら、念のためチェックしてみれば解決しそうかもです。

もいっこ。wwwの統一が必要かと思えばそもそもの話ですが。

URLが.com、.xyzとドメインが違ってますけど、何か意図があるんですか？大きなサイトのような構造だと思ったけど、同じページが表示されるので。どういうことだろ？と思いまして

https://www.playclothingtokyo.com/blog

https://blog-playclothingtokyo.xyz/

Xサーバー側でのWordPressのキャッシュをクリアしても解決しない場合、MAKESHOP側でキャッシュしている可能性があります。

MAKESHOPを利用したことがないので、具体的にどういう設定なのかは分かりませんが、おそらくMAKESHOP→外部サーバー（blogディレクトリ下）に切り替える際にはリバースプロキシなどで行われていて、ここにキャッシュサーバーを挟んでいることが考えられます。

MAKESHOP側でキャッシュの設定が操作できるような仕組みになっていれば、そちらもクリアしてみるのがよいのですが、もし操作ができないようでしたら、かうたっく様が書かれているようにHTTP→HTTPSへのリダイレクト設定を行ってみるのがよいでしょう。

かうたっく様

URLが.com、.xyzとドメインが違ってますけど、何か意図があるんですか？

PCTOKYO様がおっしゃっているように、.comドメインのrootでMAKESHOPのサイトを運営されており、サブディレクトリではブログ用に別サーバーでWordPressを入れる必要があるためだと思います。

かうたっく様

何度もご返信ありがとうございます。

教えていただきましたリダイレクトですが
blog-playclothingtokyo.xyz/public_html/.htaccessファイル
試したところ以下の画像のようにしっかりと表示されました。

しかし、blog-playclothingtokyo.xyzのほうのアドレスにアクセスしてしまいます。
表示したい https://www.playclothingtokyo.com/blogにはいかないということでしょうか。
ロコ様がおっしゃるようにやはりMAKESHOP側のキャッシュの問題かもしれません。

MAKESHOPのサーバーはもちろんこちらではアクセスできないため、明日MAKESHOP側に確認してみます。

以前テーマを設定していた際に、参考にさせていただいたのが、かうたっく様のブログでした。
本当にありがとうございます。

ロコ様

何度もご返信いただきありがとうございます。

おっしゃるようにMAKESHOPの問題でwordpressのファイルをMAKESHOPのサーバーへは設置することができないため、このような仕様で運用しております。明日MAKESHOP側には相談してみますがおそらく何もできない可能性が高いです。

リダイレクトで blog-playclothingtokyo.xyz 上での表示はうまくいっておりました。
それが　 https://www.playclothingtokyo.com/blog
ではうまく表示されないということはロコ様がおっしゃる原因の可能性が高いということでしょうか。

PCTOKYO様、

RewriteEngine On
RewriteCond %{REQUEST_URI} ^/wp-content/
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$  https://%{HTTP_HOST}%{REQUEST_URI}  [R,L]

先ほどのリダイレクト設定を上記の内容に設定してみて確かめてもらえますか？

Xサーバー上にあるblog-playclothingtokyo.xyzではうまく表示するということは、ひとつの可能性としてMAKESHOP側の場合は考えられますね。

ロコ様

試してみましたが、表示は何も変わりませんでした。

このコードはリダイレクト設定として残しておいたほうがよろしいでしょうか？

ロコ様

なんどもすみません。

先ほどの

RewriteEngine On
RewriteCond %{REQUEST_URI} ^/wp-content/
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$  https://%{HTTP_HOST}%{REQUEST_URI}  [R,L]

ですがリダイレクト先は
  https://www.playclothingtokyo.com/blog
にすることはむずかしいのでしょうか？

URLが.com、.xyzとドメインが違ってますけど、何か意図があるんですか？大きなサイトのような構造だと思ったけど、同じページが表示されるので。どういうことだろ？と思いまして

https://www.playclothingtokyo.com/blog

https://blog-playclothingtokyo.xyz/

この件ですが、同じページが表示されるんですよね。

それは大丈夫ですか？って事をお伺いしたかったんです。自分であれば修正するかな。と思ったので。

PCTOKYOさん。私のブログも参考にして頂いた事があったのですね❦書いた甲斐がある ? っと思う瞬間です。こちらこそ、ありがとうございます。

ブログサイトのトップページでhttp・httpsのリダイレクトはやっても良いと思いますよ。httpでアクセスしてもhttpsを表示するように。って事だけ❦

ブログサイトではない方の本体のことは、本体を触れる人でないと確認しようがないですもんね。

あとやっぱりオカシイとおもうのは、www.playclothingtokyo.com　のサブディレクトリで運営されようとしてるんですよね。

それでも別ドメインの　blog-playclothingtokyo.xyz　にWordPress本体ファイルを置かないとダメ。ただしければそれが意図したものであれば良いのですが。

サイトURL：  http://blog-playclothingtokyo.xyz  
ホームURL：  https://www.playclothingtokyo.com/blog

逆ならわかるんですけど、xyzのほうは何者なのか。xyzのほうのサイトは意味ないように思ってしまいますが、やっぱり意図した通り。かつ、

.com/blog　サブディレクトリだけのためってことであれば、サーバー側で　.com/blog　にリダイレクトしても良い気もします。

ただその意図などがわからないので、何とも言えないです。

かうたっく様

ご返信ありがとうございます。

元々ブログを立ち上げる際に、
https://www.playclothingtokyo.com
のサブディレクトリに付けたかったのですが、MAKESHOPの仕様で
wordpressのサーバーは別のところに置かざるを得ませんでした。
そのため仮のドメインとして
blog-playclothingtokyo.xyz  
を取得しました。

調べた結果、このような形になったのですがおっしゃるように
https://blog-playclothingtokyo.xyz  
には何も意味がありませんし、こちらを表示する必要もありません。

現在の問題として
● https://blog-playclothingtokyo.xyz 　へのアクセスはすべて
https://www.playclothingtokyo.com/blog/  
へ飛ばす
● http://www.playclothingtokyo.com/blog/ 　へのアクセスも
https://www.playclothingtokyo.com/blog/  　へ飛ばす

という認識です。

昨日リダイレクトについて調べたのですが、上記の2点を解決する手段を
私の力では解決できませんでした。Xサーバーに問い合わせている最中です。

こちらでお三方に無料でここまで教えていただきまして感謝しかございません。

問題が解決しましたことご報告させていただきます。

MAKESHOP側で参照ページを
http://blog-playclothingtokyo.xyz  
にしておりSSL化された際に、wordpressのフォントの
読み込みを非SSLページからの参照だったため
アイコン等が表示されませんでした。

こちらの問題でご迷惑おかけし申し訳ありません。

今回色々勉強させていただきありがとうございました。
今後ともよろしくお願いいたします。

PCTOKYO様、MAKESHOP側の修正で問題が解決したとのことでよかったです。

最後に一点だけ、

●  https://blog-playclothingtokyo.xyz  　へのアクセスはすべて
https://www.playclothingtokyo.com/blog/  
へ飛ばす
●  http://www.playclothingtokyo.com/blog/  　へのアクセスも
https://www.playclothingtokyo.com/blog/  　へ飛ばす

について補足しておきます。

WordPressによって、表示するサイト（www.playclothingtokyo.com/blog/）と管理画面内（blog-playclothingtokyo.xyz）とを完全に別ドメインに切り分けて運用する場合、一般的には表示するサイトのドメインが設定されているサーバーと管理画面内のドメインが設定されているサーバーの双方でWebサーバー＆PHPの制御が必要になります。

今回の件では、サイト表示に大きく関わるMAKESHOP側（www.playclothingtokyo.com/blog/）でWebサーバーの制御ができず、ブラックボックスとなっており、またおそらくPHPファイルも置けない（？）みたいなので、すべてXサーバー側のみでの対応になると思いますし、そうなると単純にドメインごとリダイレクトすれば解決する問題ではありません。

例えば、

• 管理画面内はwww.playclothingtokyo.com/blog/にリダイレクトされないよう省く必要がある。
• MAKESHOP側がサイトを表示するためにblog-playclothingtokyo.xyzで表示されるサイトをそのままwww.playclothingtokyo.com/blog/に引っぱってくるような制御になっている場合、リダイレクトすることでサイト表示が引っぱってこれずに表示できなくなるのを回避する。
• WordPressのURL生成系プログラムの仕組みが破綻しないようにする。

などが挙げられます。

各運用パターンにメリット・デメリットともにあり、MAKESHOPの仕様を具体的に把握しているわけではありませんが、長期的にSEOや運用のしやすさなどを考慮すると、無理してサブディレクトリ下で運用する以外に、ブログはブログでサブドメイン（例：blog.playclothingtokyo.com）等の別ドメインに分けてひとつのサーバーで運用する方向も、これを機に一度検討するのはありなのかなと個人的には思いました。

ロコ様

おっしゃるようにここからはMAKESHOP側との交渉次第なのかなと感じました。

何も知識がないまま始めてしまったため、このような結果になってしまったのかと。。ただ今回これでスタートしたのでこのまま進めていこうと思います。
お店の運用ともかかわってくるため、このドメインを強くしていきたいというのが本音です。

cocoonというテーマに出会えたことと、ロコ様をはじめ皆様に丁寧にアドバイスをいただけたこと感謝しております。

MAKESHOP側で参照ページを
http://blog-playclothingtokyo.xyz  
にしておりSSL化された際に、wordpressのフォントの
読み込みを非SSLページからの参照だったため
アイコン等が表示されませんでした。

そういう事だったんですか。MAKESHOPってなんらかのものがあるんですね。

そのような機能がある事じたい知りませんでした。ご確認いただけなかったら解決もしなかったと思います。

xyzがインデックスされているのし、同一コンテンツなのが気になるので、別途対処が必要そうですね。

今回解決までお疲れさまでした！

かうたっく様

契約する際に、元ドメインはSSL化する必要がないとという話だったので、なにも疑いもせずに話を進めたのが愚かでした。

これを機にもっと知識をつけていきたいと思っております。
やはりネット上に同一コンテンツが表示されているとSEO的にはよくないのですね。

今後もブログを参考にさせていただきます、宜しくお願い致します。ありがとうございました。