[解決済み] SSLでCSS読み込みがうまくいかない

[masuda-clair]

動作に関するご質問の場合は必ずご記入ください。

---

WordPress のバージョン：3.5.1

Welcart のバージョン：1.3 developer

ご利用のテーマ：テーマサイトより購入

症状を確認したブラウザ：IE10、FF

サーバー（会社名、サービス名）：さくらインターネット　専用サーバー

SSLの利用： 専用SSL

WordPress のパーマリンク設定：/%category%/%postname%/

---

メンバーログイン後カテゴリページに移ったとき

SSLの例外のワーニングが出ます

その時のソースが下記です（該当部分のみ）

<link rel=”alternate” type=”application/rss+xml” title=”xxxフィード” href=”http://xxx.co.jp/feed/&#8221; />

<link rel=”alternate” type=”application/rss+xml” title=”xxxコメントフィード” href=”http://xxx.co.jp/comments/feed/&#8221; />

<link rel=”alternate” type=”application/rss+xml” title=”xxx yyy カテゴリーのフィード” href=”http://xxx.co.jp/category/item/itemgenre/yyy/feed/&#8221; />

<link rel=’stylesheet’ id=’slideShowcaseStyleSheets-css’ href=’http://xxx.co.jp/wordpress/wp-content/plugins/wcex_slide_showcase/css/slide_showcase.css?ver=3.5.1&#8242; type=’text/css’ media=’all’ />

<link rel=’stylesheet’ id=’itemListLayoutStyleSheets-css’ href=’http://xxx.co.jp/wordpress/wp-content/plugins/wcex_item_list_layout/css/item_list_layout.css?ver=3.5.1&#8242; type=’text/css’ media=’all’ />

<link rel=’stylesheet’ id=’wcex_widgetcart_style-css’ href=’https://xxx.co.jp/wordpress/wp-content/themes/theme1494/wcex_widget_cart.css?ver=3.5.1&#8242; type=’text/css’ media=’all’ />

<link rel=’stylesheet’ id=’contact-form-7-css’ href=’https://xxx.co.jp/wordpress/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=3.3.3&#8242; type=’text/css’ media=’all’ />

<link rel=’stylesheet’ id=’wp-pagenavi-css’ href=’https://xxx.co.jp/wordpress/wp-content/plugins/wp-pagenavi/pagenavi-css.css?ver=2.70&#8242; type=’text/css’ media=’all’ />

<script type=’text/javascript’ src=’https://xxx.co.jp/wordpress/wp-content/themes/theme1494/js/jquery-1.6.4.min.js?ver=1.6.4′></script&gt;

<script type=’text/javascript’ src=’http://xxx.co.jp/wordpress/wp-content/plugins/wcex_slide_showcase/js/jquery.jcarousel.min.js?ver=0.2.4′></script&gt;

<script type=’text/javascript’ src=’https://xxx.co.jp/wordpress/wp-content/themes/theme1494/js/modernizr.js?ver=2.0.6′></script&gt;

スライドショウケースおよびアイテムリストのCSS

スライドショウのスクリプトを読み込む部分のみ

「http://」で始まっています。

どこかで設定があるのでしょうか？

よろしくお願いします

[masuda-clair]

一応追っかけて調べたところ、上記のスライドショーケースの

jquery.jcarousel.min.js

を取得するのに、get_optionのサイトURLをもってきているようです

当然、サイトアドレスなので「https」ではないと思うのですが

現状使っている「USCES_WP_PLUGIN_URL」を「USCES_WP_CONTENT_DIR」

に変更すれば、修正出来と考えるのですが、他に影響が出ないか不安です。

問題なければ、当方で修正してもいいのですが、いかがでしょうか？

[masuda-clair]

あまりに直截なURLだったので修正させていただきました

[masuda-clair]

その後も確認していたのですが

「カテゴリーページ」が「https」である必要はないですよね？

ローカルのXAMMPで確認したところ、カテゴリは

「http」でした。

じゃあなぜ、実際のサーバー上は「https」になってしまうのでしょう？

「https」になる基準ってなんなんでしょう？

[nanbu]

こんにちは。

プラグインは何をお使いですか？

また、テーマに相対パスがベタで書いてありませんか？

[masuda-clair]

ありがとうございます。

最初にテキストを張り付けたように、sslで「http」になるのは

welcartの拡張プラグインです

アイテムリストとスライドショーケースになります。

それ以外の、プラグインは、「https」になっています、が、

カテゴリ表示のページは「https」になってよかったのでしょうか？

もしよいのであれば、問題は、上記二つの拡張プラグインです

出なければ、カテゴリーページが「https」にならないようにしなければ

ならないのですが、どこで、どのようになって「https」なるのかよくわかっていないので、ヒントがあれば助かります

また、相対パスに関しては、sslを有効にするとき一通りチェックして

発生しないようにしてあります。

（テーマがgoogleフォントをべたで書いていたのには驚きましたが）

現状は、どちら（httpsになる事orプラグインがhttpであること）が

正常なのかもわからないので、質問させていただいています。

よろしくお願いします。

[nanbu]

WelcartはカテゴリーページをSSLにはしていません。

Welcart Default テーマで動作確認してみて下さい。

[masuda-clair]

時間を空けてすみません。

で、少しわかったこと、というか

カテゴリーを表示するのに

welcartのウェジットを利用せずに

通常のテキストウェジットにリンクを書いていました

（多分そもそも、このあたりから問題）

で、そのリンクでページ遷移すると、直前の状況を

受け継いでいるようです。

httpsから遷移するとhttps

http から遷移するとhtts

これは、Welcartのウェジットを利用しないといけないのでしょうか？

かなりデザインしているので、既存のウェジットを利用するのは

難しいかと思うのですが・・・

[masuda-clair]

改めてすみません

自己解決してしまいました

あちこち検索して「ブログアドレスをショートコードで実現」を見つけ

それをもとに、ウェジットでも利用できるようにして

現状のまま、動作させる事ができました

（実は、ウェジットも自作だったので、ちょっと苦労しましたが）

[投稿者]

投稿