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

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

ただいまの
回答率

88.04%

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

解決済

回答 2

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 9,315

score 8

 問題点、症状

自身の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があります。(これっていいのかな?)

 その他

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

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

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

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

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • kei344

    2018/02/16 21:42

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

    キャンセル

  • hiro23

    2018/02/16 21:53

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

    キャンセル

回答 2

+2

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

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2018/02/17 22:25

    なりました!!正常とまではいきませんが(動画がスマホだと消える)ほぼ正常に戻っています!!
    原因はWordPressアドレスがサーバー名込のアドレスになっていて、サイトURLが〇〇.comだったので、それを統一させるだけで正常に戻りました!!

    インストール時にURLを合わせて設定するとなぜかログインできない状態になっていたので、そのままにしていました。ですが、SSL化にしたらなぜかログインまでできます。(なぜだろう・・・勉強不足です)

    ちなみにアドレス、サイトURLはhttpsではなく、httpのままです。(これでいいのかな~?)

    とにかく、「保護された通信」もついてますので、とりあえずはOKだと思います。

    これまで根気よく付き合ってもらったShinguYukiさんには感謝しております。本当に親切で頼れる方でした。心から感謝致します。

    キャンセル

  • 2018/02/17 22:29

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

    キャンセル

  • 2018/02/17 22:45

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

    キャンセル

check解決した方法

0

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

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

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

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

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

  • ただいまの回答率 88.04%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る