サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2019年5月6日 22:40
お世話になっております。大変素晴らしいテーマをご提供くださり感謝しております。
1点困っているのでお力添えをお願いできればと思います。
テーマの機能を使ってパンくずリストを表示させていますが、記事名（最下層）の前のアイコンフォントのみ、□となって表示できません。
実は、FontAwesomeの５系のバージョン（公式の最新）をCDNから自前で追加読み込みしている背景があります。
以前Cocoonのフォーラムで見かけた「4.7系と共存するか云々」などの心当たりもあり、ソース出力部分の「fa-file-o」を「fa-file」にデベロッパーツールで変更したら正常に表示されることが確認できました（添付ファイル参照）。
というわけで、このパンくずリストのコード出力部分を直接編集したいと思うのですが、テンプレートファイルのどこをどうカスタマイズすれば出力コードを変えられるかご教授願えませんでしょうか。
もしくは、もともとheaderで出力されているfontawesomeのテーマ内蔵cssは使っていない形になっていると思うので、それ以外の正しい解決法もお心あたりがあればご指南お願いいたします。
お忙しい中恐縮ですが、どうぞよろしくお願いいたします。
2019年5月7日 02:01
.fa-file-o:before {
content: "\f15b";
}
\f016 \f15bに変更したら良いと思います。ただのclass指定なので。どっちみちそのstyleは使えないとの事ですし。
http://astronautweb.co/snippet/font-awesome/
\f15b などページ内検索して、CSSで表示できるアイコンを『ソース出力部分の「fa-file-o」を「fa-file」に』指定しても良いと思います。
https://gyazo.com/0858da4801f8e1a51a8c195750639740
実際URLをご提示いただいてないので、チェックできないので何ともいえませんが、お試しください。
わいひら reacted
トピックスターター 2019年5月7日 19:33
お二方、ありがとうございます。
他のコードもいじりたかったので、テンプレートファイルから直接編集いたしました。
URLなどもご提示くださり感謝申し上げます。
解決済みとさせていただきます。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。