CocoonのSNSシェアボタンのアイコンが表示されない場合に有効だった対策

先日、当サイトのSNSシェアボタンのアイコンが表示されていないことに気がつきました。
使っているテーマはCocoonです。
結論から言いますと、

すぐ直ったよ

以前にも同じことがあったのですが、原因は同じでした。

天満川鈴 WRITTEN BY 天満川鈴

一般的なSNSシェアボタンのアイコンが表示されない原因

「SNSアイコンが表示されない」を言い換えると

「Font Awesomeが表示されない」と同義です

Font Awesomeはカスタマイズのミスが原因で表示されなくなることがざらです。
例としては、

  • Font Awesomeのバージョンを間違えている(4と5でフォントの指定方法が異なります)
  • Font Awesomeの非同期読み込みがうまくいっていない(非同期を止めると表示されます)
  • フォントファイルの配置・設定・読み込み方法が間違っている。

ただ、これらならカスタマイズの過程で気づきます。
また最近はCocoonをはじめ多くのテーマでFont Awesomeの設定が機能として備わってます。
そのためカスタマイズに伴う人為的なエラーも従前より少なくなっています。

今回アイコンが表示されなかった原因と対処法

Cocoonのアップデートがちゃんとあたっていませんでした

WordPressの自動更新をするとたまにあります。
Cocoonに問題があるのか、WordPressに問題があるのか、キャッシュその他に問題があるのか。
理由はわかりませんが今回で2回目です。

対処法は、

テーマのアップデートを手動でやり直す

Cocoon公式からファイルをダウンロードし、手動でサーバーにアップロードして更新します。
Cocoonのテーマファイルはこちら。

手順は「WordPress管理画面サイドバーの外観→テーマ→新規追加→テーマのアップロード→(ローカルから)ファイルを選択→インストール」となります。
確認を促されますが続行します。

もしうまくいかなかったら以前のバージョンも試してみてください。

まとめ

うまく直るといいですね

天満川 鈴のプロフィール画像
WRITTEN BY

天満川 鈴

未経験からWEB業界に入り、現在はWEBディレクターとして実務に従事。 要件整理・導線設計・コンテンツ構成などを学びながら、日々改善を重ねています。 AIを活用したコンテンツ制作・効率化を強みとし、プロンプト設計を含めた制作フローの最適化にも取り組んでいます。
本サイトでは、WordPressやサイト制作に関する試行錯誤・検証内容を中心に発信。 技術検証の一環として、KUSANAGI公式サイトにて記事を2回紹介いただきました。

RECOMMENDED INFRASTRUCTURE

私はConoHa以外を勧めない。

2016年からずっとConoHaを使い倒してきました。知人に「一番いいサーバーは?」と聞かれたら、迷わずここを教えます。

レンタルサーバーナンバーワンを誇る高速環境であることはもちろん。私が「黒い画面って何?」というド素人からサイト制作のプロになれたのは、傍らにずっとこのはちゃんがいてくれたから。
私がConoHaを使い続ける、嘘偽りない理由です。

※ConoHaに初めて入会の方限定。
本CTAの画像もしくはボタンを押してWINGパック12か月以上を契約すると、最大5000円割引してもらえます。

公式サイトで詳細を見る
× 閉じる