質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTTPS

HTTPS(Hypertext Transfer Protocol Secure)はHypertext Transfer プロトコルとSSL/TLS プロトコルを組み合わせたものです。WebサーバとWebブラウザの間の通信を暗号化させて、通信経路上での盗聴や第三者によるなりすましを防止します。

SSL

SSL(Secure Sockets Layer)とは、暗号化されたプロトコルで、インターネット上での通信セキュリティを提供しています。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

Q&A

解決済

2回答

1753閲覧

WordPressにてSSLを設定するとレイアウトが壊れました

hiro23

総合スコア8

HTTPS

HTTPS(Hypertext Transfer Protocol Secure)はHypertext Transfer プロトコルとSSL/TLS プロトコルを組み合わせたものです。WebサーバとWebブラウザの間の通信を暗号化させて、通信経路上での盗聴や第三者によるなりすましを防止します。

SSL

SSL(Secure Sockets Layer)とは、暗号化されたプロトコルで、インターネット上での通信セキュリティを提供しています。

WordPress

WordPressは、PHPで開発されているオープンソースのブログソフトウェアです。データベース管理システムにはMySQLを用いています。フリーのブログソフトウェアの中では最も人気が高く、PHPとHTMLを使って簡単にテンプレートをカスタマイズすることができます。

0グッド

1クリップ

投稿2018/02/16 11:30

編集2018/02/16 12:57

問題点、症状

自身のWordPressサイトをSSL化したのですが、レイアウトが崩れてしまって上手く直すことができません。
コアサーバーの無料SSLを設定し、反映されてからこの症状になってしまいました。
サーバー側にも問い合わせてみましたが、これといった解決法がありませんでした・・・

使用環境

サーバー:コアサーバー
ドメイン:バリュードメイン
テーマ:Simplicity2(最新版)

試したこと

・Simplicityのツールで「内部URLをSSL対応」効果なし
・Search Regexプラグインでhttp://URLをhttps://URLに置換 効果なし
・WordPressアドレス&サイトURLのhttpをhttpsに変換 (WordPressアドレスのhttpを変換するとログインできない状態になります)(サイトURLだけをhttpsにしても変化なし)
・一応Google AnalyticsとAdSenseのスクリプトを外してみても効果なし
・さくらサーバーでもレイアウトが崩れる症状があるらしく、そこから対処法を拾って.htaccessやwp-config.php内にコードを入れてもダメでした。(そもそも、そのコードでCORESERVERに適応される訳ないとわかりつつも・・・)
・プラグインのReally Simple SSLを使っても効果なし(でも緑色キーになりました)
・プラグインのSSL Insecure Content Fixerを使っても効果なし

気になること

1.WordPressアドレスがhttp://◯◯◯.coreserver.jp/〇〇.comになっていたので、ここをhttp://〇〇.comにすると綺麗に表示されます。が、WP管理画面のアドミンバーが表示されてしまいます。
※アドミンバーを未表示にすれば問題ないのか自信がない&調べ中なので保留中です。
(もしかしてこれでいいの?)

2.WordPressアドレスをhttps://〇〇.comにするとログイン不可。http://〇〇.comにするとログインできてサイトは元の崩れたレイアウトに戻ります。

3.ソースを表示してみると、やはり所々にサーバーURLがあります。(これっていいのかな?)

その他

もし解決策がなければ、「最終手段」みたいなことってありましたらお教えください。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

kei344

2018/02/16 12:42

```で囲むのはコードだけにしてください。
hiro23

2018/02/16 12:53

すみませんでした。修正しましたのでお願いいたします。
guest

回答2

0

ファイルを読み込むパスは、
https:// あるいは // になっていますか??
SSLにした場合、http://のままだとファイルが正常に読み込まれないのでレイアウトが崩れる原因となります。

投稿2018/02/16 12:28

編集2018/02/16 12:30
退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

hiro23

2018/02/16 12:37

コメントありがとうございます!! 「ファイルを読み込むパス」っというのはwp-contentディレクトリのパスってことですか??←(今少し調べただけで・・的を得てなかったすみません・・) ftpやphpmyadminでの操作でしたらファイル名?を教えてもらえませんでしょうか?(汗 ※これもお門違いな質問ならすみません!
hiro23

2018/02/16 13:45

改めて調べたのですが、パズとはsrc=”http://・・・みたいなのですかね?
退会済みユーザー

退会済みユーザー

2018/02/16 13:48

そうです。そこの部分です。 そこをhttps://にしてもレイアウト崩れ起きますか??
hiro23

2018/02/16 14:00

そのsrc=”http://みたいなものを探しているのですが・・・heade.phpの中にはなくてですね・・ どこのphpファイルにあるのか教えてもらってもよろしいでしょうか? (自分でも必死に探しているのですが・・・すみません)
hiro23

2018/02/16 14:30

ありました!!ですが、変わらなかったです・・・(汗
hiro23

2018/02/17 12:49

これ見ました! ですが、.htaccessにコードを貼り付けた時点で 「このページは動作していません goruhu.com でリダイレクトが繰り返し行われました。 Cookie を消去してみてください. ERR_TOO_MANY_REDIRECTS」 っと表示されサイトが開けませんでした。 ちなみに if( isset($_SERVER['HTTP_X_SAKURA_FORWARDED_FOR']) ) { $_SERVER['HTTPS'] = 'on'; $_ENV['HTTPS'] = 'on'; $_SERVER['HTTP_HOST'] = 'ak-connect.com'; $_SERVER['SERVER_NAME'] = 'ak-connect.com'; $_ENV['HTTP_HOST'] = 'ak-connect.com'; $_ENV['SERVER_NAME'] = 'ak-connect.com'; } は、〇〇.comの部分を自分のURL(httpを除く)を入れればいいんですよね? あと.htaccessのコードはそのまま貼り付けました。
hiro23

2018/02/17 13:25

なりました!!正常とまではいきませんが(動画がスマホだと消える)ほぼ正常に戻っています!! 原因はWordPressアドレスがサーバー名込のアドレスになっていて、サイトURLが〇〇.comだったので、それを統一させるだけで正常に戻りました!! インストール時にURLを合わせて設定するとなぜかログインできない状態になっていたので、そのままにしていました。ですが、SSL化にしたらなぜかログインまでできます。(なぜだろう・・・勉強不足です) ちなみにアドレス、サイトURLはhttpsではなく、httpのままです。(これでいいのかな~?) とにかく、「保護された通信」もついてますので、とりあえずはOKだと思います。 これまで根気よく付き合ってもらったShinguYukiさんには感謝しております。本当に親切で頼れる方でした。心から感謝致します。
退会済みユーザー

退会済みユーザー

2018/02/17 13:29

いえいえ、私は何もしておりませんよ。質問者様が自力で成し遂げたことです!ただサイトURLがhttps://から始まってないのが気になるのでそこの所突き止めてみてください。 悩んだ分だけ強くなれるので沢山悩みましょう!
hiro23

2018/02/17 13:45

いやShinguYukiさんからの提案で色々と試した結果です!本当に感謝しております。 まだまだ未熟ですが、これからも勉強していきます!
guest

0

自己解決

原因はWordPressアドレスがサーバー名込のアドレスになっていて、サイトURLが〇〇.comだったので、それを統一させるだけで正常に戻りました。

ちなみにアドレス、サイトURLはhttpsではなく、httpのままです。

似たような感じの症状(いないと思いますが・・)がいましたら参考にしてみてください。

投稿2018/02/17 13:27

hiro23

総合スコア8

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問