※本ページにはプロモーションが含まれます。

ブログ

Rinkerのボタン表示が下に大きくなってしまった!【Unveil Lazy Loadを無効化しましょう】

Rinkerのボタン表示が下に大きくなってしまった!【Unveil Lazy Loadを無効化しましょう】

こんにちは。

今回、特化ブログ作成のため記事のお引越しをしていたのですがRinkerのボタン表示が大きくなってしまう問題が発生してしまいました。

自分のための備忘録、かつこの情報が誰かの役立てばいいなと思い記事に起こしています。

【問題】Rinkerのボタンが大きくなってしまった!

今回の問題はRinkerのAmazon、楽天市場、Yahooショッピングのボタンが大きくなってしまうことでした。

Rinkerボタン表示がおかしい

上の図のようにボタンが下に伸びて大きくなってしまっています。

のり
見事に表示が崩れてしまいました

特にRinker側の表示の設定はいじっていないはずなのですが新サイト側だけこのように変な表示になってしまいました。

 

【原因】プラグイン「Unveil Lazy Load」が悪さをしていた

結論、原因は「Unveil Lazy Load」というプラグインが入っていたからでした。

メモ

Unveil Lazy Load:画像読み込みを遅延させることで読者の体感表示速度をアップするプラグイン

unvaillazyload最終更新

最終更新は7年前ですね…

のり
こういった保守されていないプラグインは不具合が多い印象です

 

【解決策】Unveil Lazy Loadを無効化する

解決策はUnveil Lazy Loadを無効化するだけです。

Rinker無効化

このプラグインを無効化した後、Rinkerの表示を確認すると下図のように表示崩れが解消されました。

Rinkerボタン表示が正常に戻った

のり
原因さえつきとめてしまえば簡単でしたね

 

【補足】WordPress5.5以上の場合はUnveil Lazy Loadは必要ない

ここまで問題・原因・解決策についてお話ししていきました。

ですが皆さんこのように思うことはないでしょうか?

ページの表示速度を上げるためにUnveil Lazy Loadをインストールしていたのに無効化したらまた表示速度が遅くなっちゃうんじゃ?

この疑問については以下のように回答できます。

のり
WordPress5.5以上を利用しているならUnveil Lazy Loadのような画像読み込み遅延プラグインは不要です

ページ表示速度を上げるために色々を試行錯誤しながらUnveil Lazy Loadのインストールにたどり着いた人が多いと思います。

私も当初はそういった思想でインストールしていました。

しかしWordPress5.5以上のバージョンを利用している場合、画像読み込み遅延の機能はデフォルトで入っているのでわざわざプラグインで機能追加する必要はないです

今回のRinkerの不具合の有無に限らずWordPress5.5以上を利用している人はUnveil Lazy Loadの無効化&削除をしていただいて問題ありません。

 

WordPressのバージョンの確認方法

WordPressのバージョンがどうなっているかは下図の場所を確認ください。

WordPressバージョン確認

WordPress管理画面にログイン後、「ダッシュボード」→「概要」から確認できます。

概要がない場合は右上の「表示オプション」をクリック後に概要にチェックを入れて確認してみてください。

 

まとめ

本記事ではRinkerのボタンが大きくなってしまう不具合について解決策をご紹介しました。

  • 【問題】Rinkerのボタンが大きくなってしまった!
  • 【原因】プラグイン「Unveil Lazy Load」が悪さをしていた
  • 【解決策】Unveil Lazy Loadを無効化する

プラグインは便利な機能ですが今回のように他のプラグインに悪影響を与えてしまうケースもあるんですね。

のり
自分にとっても勉強になりました

自分が利用したいプラグインが定期的に更新されているかは一つの指標にしたほうがいいですね。

以上、最後まで読んでいただきありがとうございました。

-ブログ

error:

© 2024 nori blog