Fontawesomeアイコンを段落などに入力する機能 - 要望 https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/ Cocoon ディスカッション掲示板 ja Thu, 17 Sep 2026 04:39:36 +0000 wpForo 60 RE: Fontawesomeアイコンを段落などに入力する機能 https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81870 Tue, 29 Oct 2024 22:43:35 +0000 ご確認いただきありがとうございます。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81870 RE: Fontawesomeアイコンを段落などに入力する機能 https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81865 Tue, 29 Oct 2024 10:55:06 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.7.9.1
カテゴリー数：19
タグ数：150
ユーザー数：1
----------------------------------------------
サポートされていることを確認しました。
本件をクローズとします。

 

]]> 要望 大門未知子 https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81865 RE: Fontawesomeアイコンを段落などに入力する機能 https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81861 Tue, 29 Oct 2024 09:35:18 +0000 iconショートコードを追加しておきました。
https://github.com/xserver-inc/cocoon/commit/bb20f5fd4f57d270899c40172ad0b2c4dd124d4b

]]> 要望 わいひら https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81861 RE: Fontawesomeアイコンを段落などに入力する機能 https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81839 Mon, 28 Oct 2024 10:52:23 +0000 コミットコメントめちゃくちゃ誤字しまくってるんですよね。
GitのUIアプリのSourceTreeの表示文字が小さすぎて小さすぎて、つい見落としてしまいます。
モニターが3840×2160でただでさえ文字が小さいのに、めちゃくちゃ文字が小さいから、見づらくて。
SourceTreeで文字を大きくできれば良いのですが、フォントサイズを変更する機能もない。
https://community.atlassian.com/t5/Sourcetree-questions/How-to-increase-font-size-in-SourceTree/qaq-p/595213
1回文字が大きく表示されるエディターに書いてから、コピペするようにします。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81839 RE: Fontawesomeアイコンを段落などに入力する機能 https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81825 Sun, 27 Oct 2024 04:02:54 +0000

1つ何点なのは、Font Awesome 4と5で記入する内容が違う

Cocoon設定で、Fontawesome4or5をユーザーが選択しており、
Fontawesomeのクラスの違いは、ユーザーが意識して入力してもらえばいいと思います。

ショートコードの使い方に注記として記述すれば十分です。

まずマニュアル読んで！ですね。

●雑談

わいひらさん、ってセッカチ？
俺もミスしますが、お互い慌てず、一回見直しましょう（笑）

]]> 要望 大門未知子 https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81825 RE: Fontawesomeアイコンを段落などに入力する機能 https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81824 Sun, 27 Oct 2024 03:37:53 +0000 今回のショートコートは一旦バージョンアップしてから、実装しようと思います。
1つ何点なのは、Font Awesome 4と5で記入する内容が違うので、塚本にとってはちょっとややこしいことですね。
ここはマニュアルに書いて対応するしかないのかもしれません。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81824 RE: Fontawesomeアイコンを段落などに入力する機能 https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81815 Sat, 26 Oct 2024 09:33:00 +0000 それで充分だと思います。

●ご参考

https://swell-theme.com/function/2386/

]]> 要望 大門未知子 https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81815 RE: Fontawesomeアイコンを段落などに入力する機能 https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81813 Sat, 26 Oct 2024 09:02:05 +0000

ショートコードの追加か、添付テーマのような操作で、Fontawesomeアイコンを段落ブロック中に追加できればと思います。
サポートの判断を願います。

動作に問題なかったのであれば、ショートコードで対応しようと思います。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81813 RE: Fontawesomeアイコンを段落などに入力する機能 https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81781 Fri, 25 Oct 2024 10:20:52 +0000

この現象はどのブラウザのどういった方法でソースコードを表示されましたか？
Chromeのソースコード表示でソースコード確認した限りでは、僕の環境では、添付画像のようにショートコードが展開されます。

すみません。
クラシックエディターのとき、余分な<p>タグを削除するフックを追加していました。
言われる通り、問題なくショートコードが展開されました。

ショートコードの追加か、添付テーマのような操作で、Fontawesomeアイコンを段落ブロック中に追加できればと思います。
サポートの判断を願います。

]]> 要望 大門未知子 https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81781 RE: Fontawesomeアイコンを段落などに入力する機能 https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81778 Fri, 25 Oct 2024 10:09:14 +0000

この場合、以下のように展開され、<p>タグが欠落してしまいます。文字の途中なら問題なく。
このため、調べたら、前述の情報を見つけ、ショートコードでなく、インライン情報として挿入できればと思いました。

<span class="fas fa-lightbulb"></span>テスト</p>

この現象はどのブラウザのどういった方法でソースコードを表示されましたか？
Chromeのソースコード表示でソースコード確認した限りでは、僕の環境では、添付画像のようにショートコードが展開されます。

]]> 要望 わいひら https://wp-cocoon.com/community/demands/fontawesome%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3%e3%82%92%e6%ae%b5%e8%90%bd%e3%81%aa%e3%81%a9%e3%81%ab%e5%85%a5%e5%8a%9b%e3%81%99%e3%82%8b%e6%a9%9f%e8%83%bd/#post-81778