フッターモバイルボタンでアイコンが表示されない - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%a7%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa/ Cocoon ディスカッション掲示板 ja Fri, 08 May 2026 11:28:43 +0000 wpForo 60 RE: フッターモバイルボタンでアイコンが表示されない https://wp-cocoon.com/community/cocoon-theme/%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%a7%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa/#post-72259 Fri, 14 Jul 2023 20:44:24 +0000 @mk2 さん

@chu-ya さん

私の入力漏れが原因でした。

FontAwesome 4 のアイコンページには、アイコンの class 名の一部のみが表示されていて、これを誤ってコピー&ペーストしてしまったようです。

fa も含めて入力すれば、アイコンが表示されました。

どうもありがとうございました。

]]> Cocoonテーマに関する質問 KonpeitoRO https://wp-cocoon.com/community/cocoon-theme/%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%a7%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa/#post-72259 RE: フッターモバイルボタンでアイコンが表示されない https://wp-cocoon.com/community/cocoon-theme/%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%a7%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa/#post-72240 Fri, 14 Jul 2023 09:32:57 +0000 CSS classを入力したなら、faが漏れてませんか？
下図のようにCSS classが空白の場合、mk2さんの添付画像のように、標準アイコン「fa fa-comments」が表示されます。

●ご参考
fontawesome4のアイコンのCSSクラス

https://fontawesome.com/v4/icon/comment

]]> Cocoonテーマに関する質問 大門未知子 https://wp-cocoon.com/community/cocoon-theme/%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%a7%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa/#post-72240 RE: フッターモバイルボタンでアイコンが表示されない https://wp-cocoon.com/community/cocoon-theme/%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%a7%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa/#post-72237 Fri, 14 Jul 2023 09:23:21 +0000

アイコンの CSS クラスを設定していないフッターモバイルボタンは星のアイコンが正常に表示されます

これは、「#comments」のことでしょうか？

私は、以下のように「CSS Class」に入力しなくても、以下のように表示されます。
（一番右）

]]> Cocoonテーマに関する質問 ｍｋ２ https://wp-cocoon.com/community/cocoon-theme/%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%a7%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa/#post-72237 RE: フッターモバイルボタンでアイコンが表示されない https://wp-cocoon.com/community/cocoon-theme/%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%a7%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa/#post-72236 Fri, 14 Jul 2023 09:16:42 +0000 間違えました。

削除させていただきます。

]]> Cocoonテーマに関する質問 ｍｋ２ https://wp-cocoon.com/community/cocoon-theme/%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%a7%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa/#post-72236 RE: フッターモバイルボタンでアイコンが表示されない https://wp-cocoon.com/community/cocoon-theme/%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%a7%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa/#post-72235 Fri, 14 Jul 2023 09:08:42 +0000 KonpeitoROさん

リンクいただいたページの画像をみると、先頭に「fa」があります。

CSS class は fa-comment

上記だと、表示されないのでは？

 

私の環境で試したものです。
左が「fa」なし、右が「fa」ありです。

]]> Cocoonテーマに関する質問 ｍｋ２ https://wp-cocoon.com/community/cocoon-theme/%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%a7%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa/#post-72235 フッターモバイルボタンでアイコンが表示されない https://wp-cocoon.com/community/cocoon-theme/%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%a7%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa/#post-72233 Fri, 14 Jul 2023 08:43:21 +0000 お世話になっております。
Cocoon でこちらのマニュアルを参考に、フッターモバイルボタンを設定しましたが、FontAwesome アイコンが表示されません。
アイコンの CSS クラスを設定していないフッターモバイルボタンは星のアイコンが正常に表示されますが、手動で設定するとアイコンが表示されません。
たとえば、こちらの画像のように、URL は「#comments」、CSS class は fa-comment としていますが、アイコンが正常に表示されていません。
Web ブラウザーは Firefox と Chrome で確認しました。

どうすればアイコンが表示されますか？

ご教示いただければ幸いです。

テストサイトの投稿

]]> Cocoonテーマに関する質問 KonpeitoRO https://wp-cocoon.com/community/cocoon-theme/%e3%83%95%e3%83%83%e3%82%bf%e3%83%bc%e3%83%a2%e3%83%90%e3%82%a4%e3%83%ab%e3%83%9c%e3%82%bf%e3%83%b3%e3%81%a7%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%81%aa/#post-72233