サポート » 使い方全般 » SSL化の影響 ?

  • 解決済 WP_manabu

    (@wp_manabu)


    グローバルメニューのトラブルについて、おたずねします。

    該当サイトは、以下のとおりです。
    https://tsurumaki-office.com/

    対象はスマホ(iPhone、Android)です。

    パソコンでは不都合はないのですが、スマホでグローバルメニュー(ロゴの下の「NENU」)をタップしたばあい、いぜんはうまくいっていた「NENU」が、ひらかなくなってしまいました。

    思いあたることとしては、さいきんサイトをSSL化したことです(httpsにリダイレクトされます)。

    さくらのレンタルサーバーを使用していることもあり、SSLサーバー証明書は
    同社のラインナップから、えらびました(Rapid SSL)。そして、そのさいには、WordPressに対応した同社のプラグイン「SAKURA RS WP SSL」を使い、SSL化しています。

    もっとも、そのあいだ、その他のプラグインをアップデートしたりしていて、ほかの要因なのかもしれませんが…

    前置きがながくなってしまいました。すみません。

    質問は「このさいのグローバルメニューの不都合の原因を探るには、どのような方法をとればいよいのか」ということです。

    基本的なことがら&記述的な質問の書き方にて、失礼します。よろしく、おねがいいたします。

    環境
    ・WordPress 4.7.4
    ・Biz Vector 1.9.14(テーマ)

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • 【原因と思われるもの】

    PCのGoogle Chromeで該当サイトを確認してみましたが、jQueryが正常に読み込めていないようです。

    恐らく、グローバルメニューの開閉にjQueryを利用しているため、jQueryがロードされないのが原因となってスマホなどで正常に機能しないのだと思います。

    Google Chromeのデベロッパーツールで確認すると、
    「Mixed Content: The page at ‘https://tsurumaki-office.com/’ was loaded over HTTPS, but requested an insecure script ‘http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js?ver=4.7.4’. This request has been blocked; the content must be served over HTTPS.」
    というエラーメッセージが表示され、これはようするにhttpsの環境からhttpのコンテンツをリクエストしようとしたから遮断しましたよという事です。

    該当するjQueryの読み込み部分は生成されたHTMLのソースで言うと78行目の以下の記述です。

    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js?ver=4.7.4'></script>

    上記のjQueryはWordPressに内蔵されているjQuery(wp-includes/js/jquery/)ではなく、GoogleのCDNのものが読み込まれているので、恐らくテーマのfunctions.phpか動作中の何らかのプラグイン等によって読み込まれていのではないかと思います。

    【解決方法】

    WP_manabu さんに上記のjQueryの読み込みをハードコーディングした記憶があれば解決が早いと思いますが、解決方法としては上記のjQueryを読み込んでいるコードから「http:」を削除して「//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js?ver=4.7.4」という形になるように整形するか、あるいは単純にhttpではなく「https」にすればjQueryが正常にロードされるようになると思います。

    • この返信は6年、 11ヶ月前にt.okuboが編集しました。理由: 段落などを整形
    トピック投稿者 WP_manabu

    (@wp_manabu)

    t.okuboさま

    ご回答、ありがとうございまーす!

    <script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js?ver=4.7.4′></script&gt;

    テーマのファイルを、ほぼほぼチェックしてみたのですが、上記のタグをみつけることができませんでした。

    で、あらためて、ご回答を拝読させていただいたところ、

    >>該当するjQueryの読み込み部分は生成されたHTMLのソースで言うと78行目の以下の記述です。

    とあります。当方にまったくJQueryの知識がないため、じょうずに読めなかったのですけれど。

    ややや。おっしゃっていることは、
    ファイル内にそのようなタグがあるということではなく、
    GHLにより吐き出されたタグが、
    <script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js?ver=4.7.4′></script&gt;
    であるという。そういうかんじでしょうか。

    そのうえで、(排出されたタグの)「http」を削除する、あるいは「s」をつけるというのは、「それは、どこ?」といったような、雲をつかむような状態であります。

    すみません。もうすこし、お付き合いいただけると、さいわいです。

    > ファイル内にそのようなタグがあるということではなく、
    > GHLにより吐き出されたタグが、
    > であるという。そういうかんじでしょうか。

    はい。
    GHLが何の略称か分かってませんが、恐らく完全な形で「<script type=’text/javascript’ src=’http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js?ver=4.7.4′></script>」という記述がテーマファイルや何らかのプラグインに記述されているわけではないと思います。

    Biz Vectorがどういう仕様になっているのか不明ですが、
    WordPressテーマでjQueryをロードする場合は通常、以下のような関数を使用します。

    wp_deregister_script( 'jquery' );
    wp_register_script( 'jquery', 'CDNなどのURL' );
    wp_enqueue_script( 'jquery' );

    これらは慣例的にテーマ内のfunctions.phpに記述されることが多いと思いますが、
    テーマの仕様や独自の修正、あるいはプラグインによって読み込まれている場合にはその限りではありません。

    トピック投稿者 WP_manabu

    (@wp_manabu)

    t.okuboさま

    GHL => CDNでした。失礼しました(なんで、こんな、まちがいをしたんだろう)

    現状では、これ以上どのような質問をすれば良いかさえ、分からないような、いっぱい、いっぱいの状況であります。

    あとは、当方のJQueryの理解を深めてから、ばあいによっては、テーマを作成したBizVectorや、プラグインを作成した さくらに不明点を問い合わせながら、なんとかクリアしていこうと存じます。また、こちらのフォーラムにもお世話になったりして、そんなこともあるやもしれません。

    末筆になりましたが、ありがとうございまーす! なんとか糸口をみつけることができました!!

    さくらなら、sshが使えるので、grepで検索すればすぐに見つかりますよ

    トピック投稿者 WP_manabu

    (@wp_manabu)

    コードの内容は不明ですが、件案は、wp configのフアイルに以下のコードを書き込むことで、クリアになりました。事後報告しまーす!

    if( isset($_SERVER[‘HTTP_X_SAKURA_FORWARDED_FOR’]) ) {
    $_SERVER[‘HTTPS’] = ‘on’;
    $_ENV[‘HTTPS’] = ‘on’;
    }

    参考になったサイトは、こちらです。原因は「SSL混在コンテンツ」にあったようです。

    https://ri-c.co.jp/%E3%81%95%E3%81%8F%E3%82%89%E3%82%A4%E3%83%B3%E3%82%BF%E3%83%BC%E3%83%8D%E3%83%83%E3%83%88-%E3%83%A9%E3%83%94%E3%83%83%E3%83%89ssl%E3%83%BBwordpress%E3%81%A7%E5%9B%B0%E3%81%A3%E3%81%9F%E3%81%93/

6件の返信を表示中 - 1 - 6件目 (全6件中)
  • トピック「SSL化の影響 ?」には新たに返信することはできません。