WordPressテーマSANGOの質問

レビューボックスの表示崩れについて

アバター
TOBY

こんにちは、お世話になります。
下記環境でSANGOのテーマを使わせて頂いております。

【環境】
SANGOバージョン: 2.16.4
PORIPU tears for SANGOバージョン: 1.22

こちらの画像の通り、レビューボックスの
表記が正しく表示されないのですが
プラグインが原因なのでしょうか?

https://imgur.com/a/HrlP99j

恐縮ですが、ご教示頂けると幸いです。

SANGO
SANGO 質問ガイドライン
コメントへの回答
サルワカくん
サルワカくん
2022/03/20

お世話になっております。
もしかすると古いバージョンのFontAwesomeをご利用されていないでしょうか?
調査しますのでよろしければ該当のページのURLをいただけないでしょうか?
よろしくお願いします。

アバター
TOBY
2022/03/21

サルワカくん様
ご返信ありがとうございます。
URLはこちらになります。

https://akita-nct.jp/vero-na/

何卒よろしくお願いいたします。

サルワカくん
サルワカくん
2022/03/21

お世話になっております。
おそらくサイト全体でFontAwesome4が使われている影響でスターが表示されないのかもしれません。
カスタマイズ→詳細設定よりFontAwesome4.7を使用するのチェックを外していただけないでしょうか?
よろしくお願いします。

アバター
TOBY
2022/03/21

サルワカ様

早々のご返信ありがとうございます。
ご教示いただい方法で星表示が改善されました。
ありがとうございます。
しかし同時にVer.4.7で表示させていたLINEアイコンなどが
表示されなくなってしまったのですが、
こちらの解決方法はありますでしょうか?
恐らくコードを5へと書き換える必要がある様に思いますが
どこから編集すればよいのか分からず申し訳ありません。

何卒よろしくお願いいたします。

サルワカくん
サルワカくん
2022/03/21

お世話になっております。

いえ、特にコードを書き換える必要はありません。
もしかするとCSSをカスタマイズされているか、もしくはautooptimizeなどのキャッシュプラグインの影響を受けている可能性があります。
autooptimizeをお使いの場合はキャッシュをクリアしてみてください。

よろしくお願いします。

アバター
TOBY
2022/03/21

サルワカ様

ご教示頂きありがとうございます。
段々問題が分かってきまして、下記記載を直接修正しないと
表示されない様です。

>4.7と5の間で、特にソーシャル系アイコンの互換性がありません。例えば、Twitterアイコン は、5以降ではという書き方をする必要があります。

こちらを直す為にはどのシートに記載があるのでしょうか?
私の勉強不足で確認しても該当箇所が見つからず作業が止まってしまいました。
何から何まで申し訳ありません。ご教示頂けると幸いです。
何卒よろしくお願いいたします。

サルワカくん
サルワカくん
2022/03/22

補足です。
以下のCSSが影響しているように見えるのですがご確認いただけないでしょうか?


.sns-dif ul li a {
background-color: #fff;
}

よろしくお願いします。

サルワカくん
サルワカくん
2022/03/21

お世話になっております。
サイトのURLを確認したところ、アイコン自体は表示されていますが背景色が白のため表示されていないようです。
ちなみにSANGOの公式サイト自体もFontAwesome5系を利用していますが正しく表示されています。
ですのでCSSが最新のSANGOテーマのものではない可能性が高いです。
CSSのキャッシュやカスタマイズなどをご確認いただけませんか?
よろしくお願いします。

アバター
TOBY
2022/03/22

サルワカ様

毎回的確なアドバイスありがとうございます。
正にその通りで、レビューボックスもSNSシェアボタンも
修正することができました。大変助かりました。

今後とも何卒よろしくお願いいたします。