AFFINGER5でモバイル用ロゴが小さく表示されない件【解決済み】

2019/02/04 2019/03/10

ワードプレステーマの「AFFINGER5」ではサイトタイトルにロゴ画像を設定できます。また、スマホで閲覧した時には専用のモバイル用ロゴを設定して表示させることができます。

スマホ（モバイル）閲覧時のロゴ画像設定はアフィンガーを適用させたワードプレスのカスタマイズからロゴ設定できる・・・はずなのですが、どうもうまく表示されなかったのです。

AFFINGER5でスマホ（モバイル）ロゴを設定したのに小さくならない

現象としては、モバイル用ロゴを設定して項目にチェックを入れているにもかかわらず、モバイル用ロゴ画像の表示が大きいままでした。

スマホから記事を見るときに、できるだけ記事に集中してほしいし、サイトのタイトルを見て欲しいわけではないので小さくしたいと思っていたんですね。それでもカスタマイズ画面で「モバイル用ロゴを使用する」にチェックを入れても、設定した直後は小さく表示されるのに、しばらくすると大きい表示に戻っていたのです。

これはなんだろうなぁと思いながらも、原因を追求するのが面倒だったこともあって放置していました。そして原因がわかりました。

原因はキャッシュ系のプラグインでした。Quick Cache が原因だったようです。
（追記※これも原因ですが他プラグインも原因でした）

大体こういうときのエラーはキャッシュ系のプラグインが原因なのですが、他のサイトで適用させているアフィンガーではうまくロゴ画像が表示されるのに、このサイトだけうまく表示されていなかったんですね。

キャッシュ系プラグインはトラブルも多かったので整理したと思っていたのですが、よく見たら昔入れていたキャッシュ系プラグインが残っていて有効化になったままでした。

このプラグインを停止したらあっさりと小さいロゴ画像のまま表示させることができました。

大きいまま。これがちょっと微妙だなと。

記事画面になると、もっと邪魔になっていました。すんなり記事に入っていけません。笑

求めていたのは、これ。
このサイズくらいでいいんです。

このアフィンガースマホロゴが勝手に大きく表示される（設定後しばらくしたら元の大きい表示に戻る）症状について、何度かグーグル先生に頼って検索してみたのですが、どうも私の納得いく回答が得られませんでした。

と言うより、この問題に直面している人、悩んでいる人があまりいなかったのかもしれません。しかし、ずっと気になっていてモヤモヤしていたものが今回解決できました。

キャッシュ系プラグインは便利である一方、こういったレイアウトを崩す形にもなるし、使い方を間違えると一気にエラーを吐き出してサイト全体が崩れることもあるので慎重に使いたいですね。

これまでもキャッシュ系プラグインで様々なトラブルに直面してきましたが、今回は大きなトラブルってなかったにせよ、気になっていた部分でした。

もし、AFFINGER5のスマホロゴ画像表示で

といった現状で悩んでいる人はキャッシュ系プラグインを見直してみてくださいね。

非常に言いづらいのですが、この件は解決していなかったようです。

迷宮入りしそうだったこの件が解決しました！

キャッシュ系プラグインが原因だったのは同じなのですが、もう一つのキャッシュプラグインの設定を見直したところ無事に解決してモバイルロゴが正しく表示されるようになりました。