サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2020年4月7日 12:20
いつもありがとうございます。
部長と申します。
初歩的で申し訳ありませんが、ご質問を1件お願いします。
添付のようなフォントオウサムのチェックマークを使うにはどうしたらよろしいでしょうか。
リストの記号を変更するのではなく、単純に文の先頭に自由自在に入れれるようにしたいです。
お手数お掛けしますが、よろしくお願い致します。
2020年4月7日 15:08
こんにちは。
各見出しの頭などに入れたいわけではなく、本当に任意の場所に挿入したいのですよね？
それでしたら、Font Awesomeの公式ページへ行き「HTML」の方のコードを取得してください（<i class="○○"></i>みたいなやつ）。
それを表示させたい場所に「コードとして」貼り付ければOKです。
わいひら reacted
トピックスターター 2020年4月7日 17:03
みるみ様
ご返信ありがとうございます。
添付の通り、そちらは試しているのですが表示されないのです。。
他にやり方があるのでしょうか。
↓こちらをHTMLで打ち込めば表示されるという認識であっていますでしょうか？？
<i class="fas fa-check"></i>
2020年4月7日 19:57
試しに、以下のコードを
<link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
に子テーマにある「tmp-user」というフォルダにある「head-insert.php」に貼り付けてみてください。
それでももし表示されない場合、どこか適当な記事にコードを挿入した状態でそのページのURLを提示してもらえるといいかもしれません。
わいひら reacted
2020年4月7日 20:01
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
2020年4月7日 20:02
書き込みがかぶった。
トピックスターター 2020年4月7日 21:07
みるみ 様
わいひら 様
ご返信ありがとうございます。
私が試していたのはフォントオーサム5でした。
先ほど試したところ、表示させることができました。
ただ、こちらのコードを挿入するときは文章を書いた後に、文章の先頭に挿入しないと
消えてしまうのですが、そういうものでしょうか？
つまり、なにもない段落でコードのみを最初に挿入すると消えてしまいます。
また、テンプレートに登録しようとしてもコードだけでは登録できないような感じです。
どうにかしてコードを登録してワンタッチで使えるようになりますでしょうか？？
2020年4月7日 21:39
WordPressは空のタグを勝手に削除してしまう性質を持っていることが原因だと思います。クラシックエディタの場合でしたら、以下のコードを子テーマのfunctions.phpに追記してみてください。
function tag_format( $init ) {
$init['verify_html'] = false;
return $init;
}
add_filter( 'tiny_mce_before_init', 'tag_format', 10 );
お使いのエディタがブロックエディタ（Gutenbergエディタ）だとすると、そちらの対策は僕は分からないので他の方の助けを待ったほうがよろしいかと…。
テンプレートに関しては、単語登録するのが良いでしょう。[ちぇっく]などの読みで[<i class="fas fa-check"></i>]を登録しておけばバッチリでは。
↑クラシックエディタの場合はCocoonには「HTML挿入」というボタンがあるので画面を切り替えずに一発で入力できます。ブロックエディタの場合は、例によって僕は分かりませんのであしからず…。
この投稿は5年前ずつみるみに変更されました
わいひら reacted
トピックスターター 2020年4月8日 15:11
みるみ 様
丁寧にありがとうございます。
ちょっとやってみたいと思います。
ありがとうございました！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。