ワードプレス

【ワードプレス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化に向けて、ガンバリマス。


 
 

 
 

尾道市ランキング
 

投稿者プロフィール

本谷美穂
本谷美穂
尾道・しまなみ海道のブロガー&サイクリスト。
ソーシャルメディアを活用した販促支援、ワードプレスベースのホームページ・ブログ制作を行っています。

尾道観光大志
中小企業庁ミラサポ専門家派遣 登録専門家
SONY イメージング・プロ・サポート会員

Related article

尾道市向東町「西提寺」参拝。室町幕府 最後の将軍 足利義昭の悲恋物語を訪ねて。恋浜(小肥浜)は肥浜(悲浜)? 前のページ

しまなみ海道 向島~大三島往復 早朝サイクリング73km!リハビリライド3回目次のページ

ピックアップ記事

  1. 自分の位置情報を知らせる3つの方法:Googleマップ編、Line編、faceb…
  2. 【Google】新機能「タイムライン」と「現在地の共有」は便利なのか?怖いのか?…
  3. 【セキュリティ】今こそ見直したいLineのセキュリティ設定6つ!スクショ流出やの…
  4. 【機能廃止】facebookページ運営者必見!ページ「認証」で公式化し、検索結果…
  5. スクショ流出やアカウントのっとりにご用心!LINE、facebook、Googl…

関連記事

  1. カメラ・写真

    尾道市立美術館「岩合光昭写真展~ねこ~」de世界中のねこの可愛さに出会う♪

    ねこ好き必見!岩合光昭さんが40年以上にわたる写真家人生のなか…

  2. メディア

    中国新聞「尾三ページ」de当ブログ「ミホとめぐる尾道」を取材・ご紹介いただきました。

    「中国新聞の記者さんが『ミホさんに会いたい』って言ってるんだけど、連絡…

  3. マンガ

    カモン尾道☆0円で空き家をもらって東京脱出!漫画家つるけんたろう氏の尾道暮らし。

    『さらば!都会で消耗する生活!!尾道なら年収200万円以下でも楽しく快…

  4. 洋画

    美味しいと楽しいがそろったミニシアター『サロンシネマ広島』de「疑惑のチャンピオン」鑑賞!

    「家の近所にあったら、即会員登録するのに」一度で大ファンになっ…

スポンサードリンク

follow us in feedly

検索


カテゴリー

尾道ホテル・旅館

  1. サイクリング記録

    「美しい離島7選」しまなみ海道・岩城島一周サイクリングde奇跡の出会い♪さらに積…
  2. サイクリング

    しまなみ縦走2018 2日目3/25(日)!追い風に乗って、春のしまなみ海道 今…
  3. サイクリング

    東福山~倉敷 約100kmサイクリング!晩秋の備後路を、鰻とスウィーツ目指してレ…
  4. サイクリング

    2018年初詣&初ライド☆しまなみ海道に浮かぶ尾道因島、自転車の神様「大山神社」…
  5. サイクリング

    中国経済産業局「未来のサイクリングツーリズム」サクラ・ハッカソン広島尾道ステージ…
PAGE TOP