投稿者:: @pastel_piano

小さなバグですのでいずれ解決するだろうと静観しておりましたが、その後のバージョンアップでも変わらず、2.7.9まで一貫して表示が消えたままです。

SWELLのみの検証サイトで2.7.8.1から2.7.9にしても、PC及びスマホ（Android）においてご相談の症状は発生せず正常に表示されていました。

SWELLのアイコンはFont Awesomeではなく、swell-icons.cssで読み込まれます。

過去に実施された何らかのカスタマイズが、特定アイコンのCSS読み込みに影響していたのかもしれません。

投稿者:: @pastel_piano

これは、当方のサイトが検証サイト上では正常に表示されているという意味でしょうか？こちらの環境ではブラウザや端末にかかわらず全て「^」が空白になります。

一般的に不具合報告する場合は、外部影響を受けない環境での検証が必須です。そのためSWELLのみの環境を作成し、上記に記載の通りのバージョンで動作確認を行った結果を共有した次第です。

投稿者:: @pastel_piano

これは一般的な方法でこちらでも再現可能でしょうか？試してみたいです。

1. WordPressをインストールする知識
2. SWELLテーマをインストールする知識

上記に該当する知識をお持ちであれば可能です。もし現在ご相談のサイトを外部に委託されて運営されているのでしたら、先ずはご契約先までステージング環境の構築についてお問い合わせください。

サーバーは同じサーバーだと楽かもしれませんが、InstaWP使っても良いでしょう。

投稿者:: @pastel_piano

昨晩、ConoHa WINGの同一サーバー内にある検証用の非公開ドメインにWordPressとSWELLをインストール、

WordPressインポートツールを使って自サイトを丸ごとエクスポートしたものをインポートしてみました。

 

結果、同じ症状が再現されました。

問題が発生しているサイトをインポートしたら、同じ症状が出るのは当然の結果だと思います。

今回はSWELLの不具合かもしれない、というお話なのでSWELLだけでどうなのか？という話です。それで回答済みですが、SWELLだけでは発生しない症状です。私はてっきり、ご自身でもSWELLだけの状況を再現されたいのだと思ってました。

それでSWELLでは発生しないことが確認できたら、次はプラグインを個別に調査していただく流れになります。

私からも意見をしますが、症状を切り分けるためにも、自分のデータを流し込んで、それで症状が出ます→はい、テーマに原因があります。と見なすことはありません。

その場合は、おそらく自分のデータに問題があることが多いです。

投稿者:: @pastel_piano

ConoHa WING内の検証用ドメインを完全にリセットし、あらためて空のWordPress v6.3.1＋Cocoonをインストールして立ち上げ、そこに空のSWELL2.7.9をインストールしました。

このプロセスを詳しく解説していただけませんか？

SWELLだけで発生するというご指摘の条件を再現するのに、どうしてCocoonという別のテーマが関与してくるのか？が理解できません。なぜSWELLだけの検証を行わないのでしょうか？

それともSWELLのみでは発症しないことをご納得されているから、あえてCocoonからSWELLというテーマ変更のプロセスを加えたのでしょうか？

投稿者:: @pastel_piano

SWELL2.7.9インストール時のプラグインはSiteGuard WP PluginとConoHa WING 自動キャッシュクリアのみで、最小限にとどめてあります。

これだと検証とは言えません。SWELLの問題をご指摘されたいのであれば、まずはSWELLのみの状況下で検証してください。さもないと検証結果は無効としか判断できません。

投稿者:: @skillsharejp

このプロセスを詳しく解説していただけませんか？

SWELLだけで発生するというご指摘の条件を再現するのに、どうしてCocoonという別のテーマが関与してくるのか？が理解できません。なぜSWELLだけの検証を行わないのでしょうか？

それともSWELLのみでは発症しないことをご納得されているから、あえてCocoonからSWELLというテーマ変更のプロセスを加えたのでしょうか？

現状を整理すると・・・

• Cocoonは初期インストールに含まれていたが、一度も有効化していない。（テーマ変更パターンだとSWELLのみの検証とは別のパターンになります。ご注意ください）
• サーバー特有の初期プラグインがあったが、一度も有効化していない。

上記の解釈で間違えがあればご訂正ください。

次にSWELLバージョンでの動作検証ですが

• Conoha WINGだと6.3.1と2.7.9の新規インストールでも症状が発生する。
• 2.7.2から2.7.3へのテーマ更新でも過去に発生したことがある。

こちらも、間違いがないかご確認ください。

ここからが検証環境に関わる追加の質問です。

1. 新規にConoha WINGで検証用にインストールした最新版WP＋最新版SWELLのサイトに対して、サーバーのWAFが有効化ではないかをご確認ください。（プラグイン未使用でもサーバー設定で生きていることがあります。）
2. もし有効化だった場合、何かしらログがあると思うのでそのログをご共有ください。ただし検証サイトに関わる部分のみのログのみご共有ください。
3. サーバー特有のキャッシュプラグイン有効化有無に関わらず、キャッシュ削除をしてください。または検証サイトに対してキャッシュがOFFの状態にしてください。

投稿者:: @pastel_piano

https://www.audiostyle.shop/  (検証用ドメイン)

こちら、共有ありがとうございます。問題の事象を私の環境でも確認できました。

現状、少なくとも私と貴殿のテストにおいては下記現象が発生しています。

WP 6.3.1とSWELL 2.7.9を新規インストールすると、使用するサーバーによって全く問題のない状況と、当初のご相談の通りフォントが表示されない症状が発生している。

私のテスト環境はテスト特化の環境でWAFなど余計な機能が一切ないため、サーバーに影響されることがありません。この結果から、当初から現時点まで私はSWELLテーマでは再現性がないためSWELL以外の要因を疑っています。

問題の箇所って添付画像のオレンジの部分であってますか？
私の環境 (Windows PC、Android スマホ) では表示されているようです。

投稿者:: @b4rskbe5

問題の箇所って添付画像のオレンジの部分であってますか？
私の環境 (Windows PC、Android スマホ) では表示されているようです。

私が確認した時は確かに表示されていませんでした。ご本人からその後、推奨の項目をどこまでされたか分かりませんがひょっとしたら解決されたのかもしれません。

@pastel_piano

2.7.9で解決した方法を、2.7.2から2.7.3にアプデ（お手元にまだファイルがあれば）して解決するか試されましたか？その結果もご共有ください。

私の環境（MacOS）だとSafari,Chromeだと表示されず、Firefox,Edgeだと表示されているようです。

投稿者:: @his

私の環境（MacOS）だとSafari,Chromeだと表示されず、Firefox,Edgeだと表示されているようです。

ブラウザが原因だとすると、逆に一度非表示だったものが同じOS及びブラウザで夕方時点で見えるようになるのは不自然ですね。なので今回は切り分けて考える必要があると思います。

ただ気になるので、差し支えなければ別トピックで投稿していただき、そちらで検証を進めるのが良いと思います。

@skillsharejp 

あ、すみません、私自身のサイトではなく https://www.audiostyle.shop/  (検証用ドメイン)での確認です。

参考までにキャプチャ貼っておきますね！

@his 下記サイトを同じブラウザで見た場合どうなるか結果を教えていただけませんか？参考までにBrowserStackでiOS+Chromeで確認した場合は正常でした。

https://careful-crab-piera.instawp.xyz/

（上記URLは6日後に自動的に削除されます。）

念のためSWELL自体に問題がないための確認です。

これでもし当初のご相談サイトだけの問題だとしたら、原因の特定が難しそうですね・・・

audiostyle.shop ドメインだと、
ConoHaのwww1016.conoha.ne.jpサーバーを向いているので、
事象の出ているとされるサーバー環境は、ConoHa WINGで起きているのが共通事項のようです。
（ただ、ConoHaだと手元に環境がないのと、無料お試しできないので、お金出して検証しなきゃなので、微妙なところ）

Macで起きるのか、Windowsで起きるのかとかは、今のところ報告を見ていると、どちらのパターンもあるようです。

@pastel_piano

swell-icons.css や main.css などのファイルが最新のデータと異なっていますね。バージョンは 2.7.9 で出力されているっぽいのですが、中身が違うようです。

外から分かる原因は最新のファイルでない、ということくらいです。
試しにマイページから最新のテーマファイルをダウンロードして上書きしてみてください。(子テーマはそのままでいいと思います)
完了したらプライベートブラウザから見るか、ブラウザのキャッシュを削除して確認してみてください。時間を置いて変化がないかも確認してください。

もし、上記で直れば根本原因は不明ですが一部 (若しくは全部の) ファイルが何らかの影響で上書きされてしまったのかもしれません。
サーバ管理会社に問い合わせてそういった機能がなければ、どこかにマルウェアなどが仕掛けられている可能性も捨てきれません。
その場合はデータベースやメディアなどのバックアップを念のために取った上で一度サーバを空にして WP のインストールして復元を試みてください。

それでも時間経過で再現するようなら専門家に相談することをオススメします。
(あくまで可能性の一つで他の原因があるかもしれません)

投稿者:: @pastel_piano

確かSWELLインストール前には有効化していませんが、検証時に試しています。※他テーマでも再現できるか確認の為。

swell-iconsはSWELLが有効化のみ読み込まれます。他テーマには同ファイルが存在しないためです。

投稿者:: @pastel_piano

WP初期インストール時にデフォルトで有効化されていますので、検証前に停止or削除する必要があります。

レンタルサーバーの余計なお世話機能ですね。でしたら一度Instawpでお試しください。

ご回答の中で十分に確認できなかった部分として、サーバーキャッシュの状況があります。参考のため補足お願いいたします。

またサイト表示を確認される場合は、必ずログインしていない状態でブラウザのシークレットモードを使用し、テスト毎にシークレットモードは閉じて、再び開いてください。これはブラウザキャッシュの影響を除外するためです。

投稿者:: @b4rskbe5

swell-icons.css や main.css などのファイルが最新のデータと異なっていますね。バージョンは 2.7.9 で出力されているっぽいのですが、中身が違うようです。

これもぱっと思いつくのはキャッシュが邪魔しているのかな～と。

ファイルの変更を監視するために、下記プラグインも併用してみてください。

https://ja.wordpress.org/plugins/website-file-changes-monitor/

ConoHaと聞くとぱっと思いつくのは、WEXALやサーバーキャッシュですね～。

山本さんがおっしゃるように、CSSが正しく読み込まれていないとのことでしたら、まずはそのあたりをOFFにしたりして改善するかどうかをお試しください。

ちなみに、SWELL 2.7.2→2.7.3以降で問題が出ていると言えば、それはアップデート履歴を見れば一目瞭然で、アイコンが2.7.3でリニューアルされています（つまり、CSSの大幅な変更も含みます）。

https://swell-theme.com/update/10579/

もしかしたら、過去に同様にこれが表示されていない人は、ここが原因なのかもしれませんね。

ちなみに、私は遠い記憶の彼方なのですが、私が過去に回答した方で、○○が反映されていません（表示が正しくありません）系の事象が発生した人は、（おそらくCSSが正しく反映されておらず）WEXALなどをオフにすると改善された方が数名おられます。

お試しいただき、ありがとうございます。

そして、解決して良かったです。

ただ単にWEXALによる影響でサーバーキャッシュ上の問題であり、テーマ側には何ら瑕疵はなく、大きな問題ではなかったですね。

CSSが反映していない系で、今後何かあったらWEXALを疑ってください。

何はともあれ、ConoHa WINGは今後WEXALを継続して使用するようですので、こちらでは何にも手が出せないのが現状です（SWELL側で、注意喚起程度は出来るのかと思いますが）。

これはあくまで個人的な意見とはなりますが、私自身は、お試し利用ができない・WEXALにより、このような問題が出やすい・WAFがSiteGuardを採用、という部分で、ConoHa WINGは積極的に選ぶサーバーとはなりません（このような無料サポートで、こちらがConoHaの環境を用意してテスト、という行為もできません）。

しかし、これで問題はだいぶ洗い出せてきましたので、わざわざテスト環境を用意しなくとも、ConoHaに限って言えば「WEXALにより、このような問題が出やすい（→キャッシュされて正しく表示されない）・WAFがSiteGuardを採用（→各種設定、投稿記事が更新できない、設定ボタンを押した後にエラーが出る）」あたりを注意すれば、とりあえず多くの諸問題は解決できるのかと思います。

まさかWEXALが原因だったとは・・・検証サイトでONになっているとは思ってませんでした。

まあ結局はサーバー側の問題でしたね。

もしWEXALと併用したいのであれば、除外ルールを使用してください。

しらこさんの返答にもありますが、SWELLに問題があるのではなくWEXAL側がSWELLに対して最適な設定をできていないというのが今回の問題です。

WEXALにしろ、高速化プラグインにしろ、除外は大事な作業です。

私は、「ConoHa WINGで起きているのが共通事項のようです」のあたりのくだりから、WEXALっぽいな～？と思っていましたが、自分が使ったことがないので、今ひとつよくわからず、一回は回答スルーしていましたが、その後解決してなさそうなので、勇気を出して言ってみました。笑

出た当初はトラブル聞いていたのに、最近ないから久々にやってきたな…！という感覚です。

もしWEXALと併用したいのであれば、除外ルールを使用してください。

そして、除外設定があるんですね。

何にせよ、意味不明な事象から、原因がハッキリして良かったです。

こうなったら、テーマのメジャーアップデートなどでCSSルールが大幅に変更になったら、WEXAL勢は阿鼻叫喚になるんじゃないかと思っています。