WordPressサイトのhttps化ではエラーが発生する？？
どうも、Linです。ノート、発掘です。
WordPressのhttps 化で最もめんどくさいのが
https 化後に発生するエラーを解消すること
ですよね。
Web ブラウザーの開発者ツールなどを用いて、 エラー箇所を特定し、しこしこと修正しなければなりません。
例えば、ウェブブラウザの Chrome ならば
Command + option + I
で development Tool が立ち上がりますので、そこのConsoleを見て、どこにエラーが発生しているのか確認して修正していくことになります。
ぼく自身、これまで10サイト以上 https化してきて、このエラーシューティングには苦労させられました。
サイトごとに エラーが出る場所が違っていて、
「https 化なんてやらなければよかった」と後悔したことがありました。
しかし、なんとか、このエラーたちを解消できましたので、今日はその苦しかった経験を活かし、
WordPressサイトのhttps化で発生しやすいありがちなエラーと解決策
をまとめてみました。
WordPressサイトのhttps化で発生しやすい6つのエラーと解決策
ぼくが遭遇してきたエラーは次の6つ。
エラー1. サイトロゴ画像
ほぼすべてのサイトで見られたエラーとして、
サイトのロゴ画像のURLが http のままになっていた
ということです。
テーマによっては大丈夫なものがありましたが、ほぼ全ての WordPress のテーマでここが引っかかりエラーが出てしまいました。
修正方法はテーマによっても異なりますが、だいたい
- カスタマイズでロゴ画像を設定し直す
- テーマを編集して画像のURL を https に変更
でエラーを解決できましたね。
ロゴ画像をカスタマイズから設定した方はカスタマイズで再設定すればオッケーです。
カスタマイズ機能がついていない無料テーマを使っている方は、おそらくテーマを編集してロゴ画像をぶっこんでいると思います。
そのテーマ編集箇所のimgタグのsrc 属性の引用先を https に変更しましょう。
エラー2. ファビコンのロゴの画像
続いてはファビコンです。
サイトの 顔と呼べるこの「ファビコン」も画像の URL が http のままになっていて、エラーが出てしまうケースがありました。
解決策としてはサイトロゴと大体同じ。
カスタマイズからファビコンを設定している方は、カスタマイズからファビコンの再設定をすればいいです。
また、ぼくと同じように All One Favicon というプラグインを使っている方は、プラグインの設定から画像の引用先の URL を https に変更すれば問題ありませんね。
エラー3. 著者情報の画像の URL
続いては、著者情報を設定している時に発生するかもしれないエラーですね。
「著者の画像」を掲載しているケースがあると思うのですが、この著者の写真のソースも https に変更しなければなりません。
「Simple Author Box」というプラグインを使っている場合は、一度アバターの画像を削除し、もう一度設定する必要があります。
このエラーの解決策はシンプルで、
ユーザーのプロフィール編集から画像を再設定すればいいですね。
エラー4. 楽天モーションウィジェットが古かった
楽天アフィリエイトの中の広告の種類に「楽天モーションウィジェット」という便利な広告があります。
これですね、これ↓
これは読者の関心に基づいて、楽天市場で販売されている商品を代わる代わる見せるという広告のこと。
3年前からずっと同じサイトに同じスクリプトをずっと貼っていましたら、これがエラーの原因になっていました笑
解決策としては、
最新の楽天モーションウィジェットのコードを貼り直すということですね。
こちらのページから楽天モーションウィジェットの新しいスクリプト取得し、貼り直してみるエラーが解決できるでしょう。
エラー5. アプリーチのアプリアイコン画像
アプリの紹介に役に立つアプリーチというツールは便利。
キレイにアプリのリンクを貼ることができるので重宝しているのですが、このアプリーチ経由でエラー発生！！
アプリアイコンの画像でエラーが発生してしまったのです。
ただ、全てのアプリーチリンクかというとそうでもなく、最近貼ったリンクに関してはセーフでした。
確か最近新しいバージョンのアプリーチが出た気がするので、古いアプリーチで貼ってしまったアイコン画像だけに問題があるようです。
新しいアプリーチのリンクに差し替えてしまえばいいのですが、数十、数百箇所に及ぶアプリの紹介となるとこれは骨が折れますね。
そこでおすすめしたいのが「Search Regex」というプラグインを用いる方法。
アプリ画像imgタグのsrc属性の画像 URL の引用先を新しいものに置換してしまえば簡単に差し替えることができたのです。
具体的にいうと、
appreach-image
というidがついているimg要素のsrc属性を「https://is2-ssl.mzstatic.com〜」というようにhttpsのURLに変更してやればオッケーです。
エラー6.ウィジェットの画像
また、ウィジェットに画像リンクを掲載している場合もエラーが発生する時があります。
テキストウィジェットでimgタグの画像を掲載している場合は、src 属性のURLをhttpsに書き換えましょう。
また、 画像ウィジェット（Image Widget）を使っている場合は、画像を削除してもう一度設定し直せばオッケーです。
さあ、WordPress の https 化で発生するエラーを1つ1つ潰していこう！
以上が WordPress の https 化で対処したエラーの達とその解決方法でした。
エラーが出る箇所としては
- 画像の引用元の URL が http のままになっている
- アフィリエイトリンクが古い
という2つの要因に集約されますので、そんなに難しい作業ではありません。
ガンガン WordPress のサイトを https 化していきましょう！
それでは！
Lin
おそらく、ブロガー。
今年でフリーランス 6年目。
