SSL化したWordPressでWP_PLUGIN_URLを使うとエラーになる→plugins_urlで解決

2017.11.26 2018.03.26WordPress
SSL化したWordPressでWP_PLUGIN_URLを使うとエラーになる→plugins_urlで解決

SSL(https)に移行したWordPressで、プラグインの設定画面で表示崩れが発生しました。

結論から言うと、プラグインディレクトリのURLを取得するWP_PLUGIN_URLが「http://~」でファイルを読み込んでいたのが原因でした。WP_PLUGIN_URLをplugins_urlに変更することで解決。

SSL(https)移行したサイトのプラグインでCSSとJSの読み込みがブロックされる

SSL(https://~)に移行したWordPressでは、WP_PLUGIN_URLでプラグインディレクトリのURLを取得すると「http://~」という形でCSSやJSなどのファイルと読み込みます。

そのため、ブラウザで読み込みをブロックされることが表示崩れの原因になっていました。

WP_PLUGIN_URLではなくplugins_urlを使えばOK

プラグインファイルの中で使用されているWP_PLUGIN_URLをplugins_urlに書き換えることで、「https://~」という形でプラグインディレクトリURLを取得することができます。

■修正前

<script src="'.WP_PLUGIN_URL.'/'.str_replace(basename(__FILE__),"",plugin_basename(__FILE__)).'/js/functions.js"></script>
<link rel="stylesheet" href="'.WP_PLUGIN_URL.'/'.str_replace(basename(__FILE__),"",plugin_basename(__FILE__)).'/style.css" type="text/css">

■修正後

<script src="'.plugins_url().'/'.str_replace(basename(__FILE__),"",plugin_basename(__FILE__)).'/js/functions.js"></script>
<link rel="stylesheet" href="'.plugins_url().'/'.str_replace(basename(__FILE__),"",plugin_basename(__FILE__)).'/style.css" type="text/css">

SSL化したサイトでは「http://~」の読み込みがブロックされる

ちょこっと前に作ったサイトだと、例えばGoogleフォントの読み込みコードが「http://~」になっていたりします。

そういう場合も読み込みがブロックされて表示がうまくいかないことがあるので注意が必要です。

WordPressテーマ『HIGHLAND』公開しました

WordPressテーマ『HIGHLAND』を公開しました

このブログで紹介しているカスタマイズを、これでもかと盛り込んだ高性能なテーマになっております。商用・非商用問わず無料、是非ご利用ください。

ブログ集客メール講座登録フォーム

「売上が不安定で、月末になるといつも不安……」
「営業が苦手で新規開拓がうまくいかない……」
「Webが苦手でブログをうまく活用できない……」

個人起業家・フリーランスのあなた、こんなお悩みはありませんか?

実は僕も、独立して最初に直面したのが「集客」の壁でした。

しかし今は、1年の大半をベトナムで過ごしながら、フリーランスのWebディベロッパーとして生計を立てています。

僕がなぜ、時間・場所・人間関係に縛られずに暮らせるようになったのか?

その答えは「ブログ」にあります。

今なら、「初心者の人が成果を上げるため」のブログ集客ノウハウを、メール講座限定でお伝えします。

興味のある人は、今すぐ以下から登録【無料】を!

ブログ初心者が生き残るためのブログ集客メール講座

柴田竹思

柴田竹思

日本&ベトナム二拠点生活中のWeb系フリーランス。最近は育児6:仕事4のバランスで生活してます。これでもかってくらい奥さんの尻に敷かれてる座布団系男子です。

プロフィールはこちら