フォントオウサムの✔（チェックマーク）を文の先頭で使いたい - CSSカスタマイズ相談 https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/ Cocoon ディスカッション掲示板 ja Sun, 11 Oct 2026 11:55:50 +0000 wpForo 60 RE: フォントオウサムの✔（チェックマーク）を文の先頭で使いたい https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30750 Wed, 08 Apr 2020 06:11:20 +0000 みるみ　様

 

丁寧にありがとうございます。

 

ちょっとやってみたいと思います。

 

ありがとうございました！

 

]]> CSSカスタマイズ相談 bucho https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30750 RE: フォントオウサムの✔（チェックマーク）を文の先頭で使いたい https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30723 Tue, 07 Apr 2020 12:39:55 +0000 WordPressは空のタグを勝手に削除してしまう性質を持っていることが原因だと思います。クラシックエディタの場合でしたら、以下のコードを子テーマのfunctions.phpに追記してみてください。

function tag_format( $init ) {
  $init = false;
  return $init;
}
add_filter( 'tiny_mce_before_init', 'tag_format', 10 );

お使いのエディタがブロックエディタ（Gutenbergエディタ）だとすると、そちらの対策は僕は分からないので他の方の助けを待ったほうがよろしいかと…。

テンプレートに関しては、単語登録するのが良いでしょう。などの読みでを登録しておけばバッチリでは。
↑クラシックエディタの場合はCocoonには「HTML挿入」というボタンがあるので画面を切り替えずに一発で入力できます。ブロックエディタの場合は、例によって僕は分かりませんのであしからず…。

]]> CSSカスタマイズ相談 みるみ https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30723 RE: フォントオウサムの✔（チェックマーク）を文の先頭で使いたい https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30719 Tue, 07 Apr 2020 12:07:41 +0000 みるみ　様

わいひら　様

 

ご返信ありがとうございます。

 

私が試していたのはフォントオーサム5でした。

先ほど試したところ、表示させることができました。

 

ただ、こちらのコードを挿入するときは文章を書いた後に、文章の先頭に挿入しないと

消えてしまうのですが、そういうものでしょうか？

つまり、なにもない段落でコードのみを最初に挿入すると消えてしまいます。

 

また、テンプレートに登録しようとしてもコードだけでは登録できないような感じです。

 

どうにかしてコードを登録してワンタッチで使えるようになりますでしょうか？？

 

 

]]> CSSカスタマイズ相談 bucho https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30719 RE: フォントオウサムの✔（チェックマーク）を文の先頭で使いたい https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30711 Tue, 07 Apr 2020 11:02:19 +0000 書き込みがかぶった。

]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30711 RE: フォントオウサムの✔（チェックマーク）を文の先頭で使いたい https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30710 Tue, 07 Apr 2020 11:01:08 +0000 Font Awesomeは、4と5どちらに設定されていますか？
設定次第でやり方が違うように思います。
みるみさんが書かれたのは、Font Awesome5の方法になるかと思います。

Font Awesome4はこちら。
https://fontawesome.com/v4.7.0/icons/
Font Awesome5はこちら。
https://fontawesome.com/icons?d=gallery&m=free

]]> CSSカスタマイズ相談 わいひら https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30710 RE: フォントオウサムの✔（チェックマーク）を文の先頭で使いたい https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30706 Tue, 07 Apr 2020 10:57:09 +0000 試しに、以下のコードを

<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">

に子テーマにある「tmp-user」というフォルダにある「head-insert.php」に貼り付けてみてください。

それでももし表示されない場合、どこか適当な記事にコードを挿入した状態でそのページのURLを提示してもらえるといいかもしれません。

]]> CSSカスタマイズ相談 みるみ https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30706 RE: フォントオウサムの✔（チェックマーク）を文の先頭で使いたい https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30687 Tue, 07 Apr 2020 08:03:41 +0000 みるみ様

 

ご返信ありがとうございます。

 

添付の通り、そちらは試しているのですが表示されないのです。。

 

他にやり方があるのでしょうか。

 

↓こちらをHTMLで打ち込めば表示されるという認識であっていますでしょうか？？

<i class="fas fa-check"></i>

 


 

]]> CSSカスタマイズ相談 bucho https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30687 RE: フォントオウサムの✔（チェックマーク）を文の先頭で使いたい https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30682 Tue, 07 Apr 2020 06:08:20 +0000 こんにちは。

各見出しの頭などに入れたいわけではなく、本当に任意の場所に挿入したいのですよね？

それでしたら、Font Awesomeの公式ページへ行き「HTML」の方のコードを取得してください（<i class="○○"></i>みたいなやつ）。

それを表示させたい場所に「コードとして」貼り付ければOKです。

]]> CSSカスタマイズ相談 みるみ https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30682 フォントオウサムの✔（チェックマーク）を文の先頭で使いたい https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30675 Tue, 07 Apr 2020 03:20:17 +0000 いつもありがとうございます。

部長と申します。

 

初歩的で申し訳ありませんが、ご質問を1件お願いします。

 

添付のようなフォントオウサムのチェックマークを使うにはどうしたらよろしいでしょうか。

 

リストの記号を変更するのではなく、単純に文の先頭に自由自在に入れれるようにしたいです。

 

お手数お掛けしますが、よろしくお願い致します。

 

サイト：https://bucho-diver.com/

 

 

 

]]> CSSカスタマイズ相談 bucho https://wp-cocoon.com/community/customs/%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88%e3%82%aa%e3%82%a6%e3%82%b5%e3%83%a0%e3%81%ae%e2%9c%94%ef%bc%88%e3%83%81%e3%82%a7%e3%83%83%e3%82%af%e3%83%9e%e3%83%bc%e3%82%af%ef%bc%89%e3%82%92%e6%96%87%e3%81%ae/#post-30675