ワードプレス

【ワードプレスSSL化】カエレバ・ヨメレバ・トマレバの画像リンクに一番手こずりながら、解決した方法。

当WordPressサイト『ミホとめぐる尾道』を常時SSL(hppps化 暗号化通信)するにあたり、最後まで手こずったのが「カエレバ」「ヨメレバ」「トマレバ」の設定変更、特に「トマレバ」の作業でした。

「カエレバ」「ヨメレバ」「トマレバ」もSSL化対応したはずなのに、どうしてもページに「保護された通信」マークがつかない・・・。

試行錯誤しながら見つけた解決方法をご紹介しますね。

SSL化は早くやらなきゃいけないと分かってはいるけど、面倒だからためらってるそこのアナタ。

少しでも記事数が少ないうちにやっちゃったほうが楽ですよ~。

スポンサードリンク

 

カエレバ・ヨメレバ・トマレバのSSL化について

 

こちらの記事でお勉強させていただきました。

▽カエレバ・ヨメレバ等のタグ差し替え(寝ログ)

▽CSSコピペでOK!カエレバ・ヨメレバ・トマレバのデザインをまとめてカスタマイズ!(RoughLog)


 
▽カエレバを使っているとSSL化ができない原因はロゴ画像にありました!(もりべや)

▽※SSL化を始める前に、絶対サイトのバックアップを取っておいてくださいね!

 

カエレバ・ヨメレバ・トマレバSSL化の試行錯誤

 

「寝ログ」さんが紹介されてるように、まずは差し替えプラグイン「Search Regex」でアマゾンの画像リンクを張り替えます。

Search pattern:ecx.images-amazon.com
Replace pattern:https://images-fe.ssl-images-amazon.com

でもこれだけではSSL化になりませんでした。

うーん、なぜ。なぜなんだ。

あれやこれややりつつ分かったのは、ショップのロゴ画像が「http://」で邪魔をしているということ。

「もりべや」さんが書かれているように、ショップ画像を自サイトにアップしてリンクを差し替えようかとも思いましたが、いい機会なので「RoughLog」さんが紹介されているカスタマイズをしちゃいました。

「style.css」へ貼り付けるコードは「RoughLog」さんの記事で詳しく紹介されてるので、ご覧になってくださいね。
 

▽ロゴ画像へのリンクは、差し替えプラグイン「Search Regex」で削除しました。

Search pattern: url(‘http://img.yomereba.com/kl.gif’)
Replace pattern:

▽または自サイトへロゴ画像をアップして差し替えるのもアリですね(このほうが安全っぽい)。

Search pattern: http://img.yomereba.com/kl.gif
Replace pattern: https://onomichi-miho.com/kl.gif

カエレバ

「amazlet風-2(cssカスタマイズ用)」を選び、右手のショップ画像は「なし」にします。

うっしゃ!

綺麗にカスタマイズ表示されて、ページも「保護された通信」になったゾ!

ヨメレバ

同じく「amazlet風-2(cssカスタマイズ用)」を選び、右手のショップ画像は「なし」にします。

ハイ、「ヨメレバ」もバッチリ。

トマレバ

「トマレバ」がちょっとクセモノです。

同じく「amazlet風-2(cssカスタマイズ用)」を選び、右手のショップ画像は「なし」にします。

画像サイズは「150px」がいいそうですよ。

ただ、このままコードをワードプレスに埋め込むと、SSL化されないんですよ。

あーん!もう!何がダメなの~!

原因は楽天トラベルからの画像リンクURLにありました。

コードを貼り付ける際、上の画像のように「s」を足してやると上手くいきます。

よし!できた!

 

まとめ

 

理解できるとなんてことない作業なのですが、試行錯誤中にいらないこともしちゃったので、これから面倒くさい修正作業が待ってます。

でもなにごとも失敗しつつ体験して学ぶのが一番ですね。

全ページSSL化に向けて、ガンバリマス。


尾道市ランキング
 

Related article

ピックアップ記事

  1. 【Google】新機能「タイムライン」と「現在地を共有」は便利なのか?怖いのか?…
  2. 【Google】店舗オーナー必読!Googleマイビジネス登録を行って、新規・既…
  3. 【セキュリティ】今こそ見直したいLineのセキュリティ設定6つ!スクショ流出やの…
  4. スクショ流出やアカウントのっとりにご用心!LINE、facebook、Googl…
  5. facebookページ運営者必見!ページ「認証」で公式化し、検索結果表示・信頼度…

関連記事

  1. 仕事・趣味

    Simagine 2016.6.18(Sat) Live「2016年度PTB♪総会」〜来賓 Sima…

    Simagine なんと初めての尾道市街地LIVE!島人による…

  2. 仕事・趣味

    Yelp 世界最大級のクチコミサイト日本上陸!

    世界最大規級のクチコミサイト「Yelp」日本語版サイトが4月9日に…

スポンサードリンク

follow us in feedly

検索


最近の投稿

尾道ホテル・旅館

  1. サイクリング

    しまなみ海道『ちゃりん娘ファンライド』!キュートなアイドル、大久野島の可愛いウサ…
  2. 寺社仏閣

    しまなみ海道に浮かぶ尾道市因島、自転車の神様「自転車神社 大山神社」へ参拝!
  3. サイクリング

    しまなみ海道・生口島『ちいさなお宿Link 輪空』kara来島海峡往復サイクリン…
  4. サイクリング

    RED BULL HOLY RIDE 2017 大迫力のマウンテンバイクダウンヒ…
  5. サイクリング

    RED BULL HOLY RIDE 2016 大迫力のマウンテンバイクダウンヒ…
PAGE TOP