【SWELL】目次やTOPへ戻るアイコンが消える・表示されない原因と解決策

2026年6月21日

WordPressテーマ「SWELL」を使っていて、「目次のアイコンが消えた」「TOPへ戻るボタンの中身が空っぽになっている」「日付の横に変な文字（など）が表示される」といったトラブルでお困りではありませんか？

実はこれ、CSSやWebフォントが正しく読み込めていない典型的なエラーです。

この記事では、SWELLユーザーが陥りがちなこの現象の原因と、たった1分でできる解決策を分かりやすく解説します。

このサイトの運営者

PMP®有資格者・Webプロジェクトマネージャー。
大手メディアや官公庁のWebプロジェクト実績多数。
「技術」だけでなく「対話」を重視し、御社の「ほんとは、こうしたかった」を形にします。

アイコンが消える原因は「SWELLの高速化機能」

結論から言うと、一番怪しいのはSWELL本体に備わっている「高速化」機能です。

SWELLには「コンテンツに合わせて必要なCSSだけを読み込む」という非常に優秀な機能があります。ページごとに不要なCSSを自動で判断して削ってくれるため、サイトの表示速度アップに貢献します。

しかし、ごくまれに「アイコンを表示するためのCSS」まで不要だと誤判定してしまい、読み込みを省いてしまうことがあるのです。これがアイコン消失の主な原因です。

原因がわかれば対処は簡単です。以下の手順で設定を見直してみましょう。

※ここに設定画面のキャプチャー画像を挿入※

設定を変更しただけでは、過去の古いキャッシュが残っていて表示が直らないことがあります。必ずキャッシュをクリアしましょう。

※ここにキャッシュクリア手順のキャプチャー画像を挿入※

最後に、実際のサイトを開いて表示を確認します。
この時、普通の更新ではなく、ブラウザ側のキャッシュを無視して最新の情報を読み込む「スーパーリロード」を行ってください。

これで、無事にアイコンが復活しているはずです！

もし「TOPへ戻るボタン」だけが丸い枠のみになってしまう場合は、同じく「高速化」タブの「遅延読み込み機能」内にある「フッターを遅延読み込みさせる」という設定が影響している可能性があります。

TOPへ戻るボタンはフッター付近のプログラムと連動しているため、この設定が原因になることがあります。上記のSTEP1のタイミングで、こちらのチェックも一緒に外して様子を見てみてください。

SWELLの高速化機能はサイトを軽くする上でとても便利ですが、環境や状況によっては今回のように必要なCSSまで省いてしまうことがあります。

アイコンが消えたり、代替文字が表示されてしまった時は、慌てずに「必要なCSSだけを読み込む」の設定オフとキャッシュクリアを試してみてくださいね！

よかったらシェアしてね！