Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

目次の画像が潰れた形になってしまいます
 
共有:
通知
すべてクリア

[解決済] 目次の画像が潰れた形になってしまいます

8 投稿
3 ユーザー
7 Reactions
701 表示
(@yuta501)
Active Member Registered
結合: 2年前
投稿: 6
Topic starter  

目次を設定すると、バツのマークがついてしまい、治し方を教えていただけないでしょうか?

 

https://youlog.jp/


   
chu-ya
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 2943
 

●原因
[Cocoon設定]→[全体]→サイトアイコンフォント「Font Awesome 4
になっていませんか?

●対策
Font Awesome 5」を選択して下さい。


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7950
 

yuta501さん

子テーマのスタイルシートに以下のようにお書きになっているかと思います。

.toc-title:before{
  font-family: "Font Awesome 5 Free";
  content: "\f03a";
  font-weight: 900 !important;
  font-size: 20px;
  color: #fff;
  background-color: #454545;/*お好みの色に*/
  border-radius: 50%;
  padding: 14px;
}

上記では、「FontAwesome 5」を指定なさっていると思います。

しかし、Cocoon設定では「FontAwesome 4」を指定なさっていると思います。

FontAwesomeのバージョンが変われば、指定方法も違います。

font-familyを"FontAwesome"(FontAwesome 4の際の指定) に変更すれば、以下のようになると思います。

 
もしくは、Cocoon設定で「FontAwesome 5」を指定するのも一案だと思います。
 

ちなみに、お問い合わせ時には、フォーラム上部の案内にあります通り、環境情報等のご提示をお願い致します。

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラムマナーの遵守のご協力をお願い致します。

 

【追記】

被りました。


   
わいひら reacted
(@yuta501)
Active Member Registered
結合: 2年前
投稿: 6
Topic starter  

@chu-ya 

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

非常に助かりました。


   
わいひら reacted
(@yuta501)
Active Member Registered
結合: 2年前
投稿: 6
Topic starter  

@mk2_mk2 

 

こちらもありがとうございます。

シートの部分も非常に勉強になりました。

追加の質問で申し訳ないのですが、

「環境情報等」とはどのような内容を記載すればよろしいでしょうか?


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7950
 

yuta501さん

投稿者:: @yuta501

「環境情報等」とはどのような内容を記載すればよろしいでしょうか?

先の返信に貼りつけた箇所の青い文字の部分がリンクになっています。
そこを辿っていただければと。

念のため、もう一度貼りつけます。

書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

上記の「高速化を無効」「環境情報」は、それぞれリンクになっていて、クリックすれば説明ページに飛びます。

それは、このフォーラム上部にあります、案内文も同様です。

 

更にフォーラム上部には、以下のような記載もあります。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/

 

一度、フォーラム上部へとスクロールしていただき、案内をご一読いただけばと思います。


   
わいひら reacted
(@yuta501)
Active Member Registered
結合: 2年前
投稿: 6
Topic starter  

@mk2_mk2 

 

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

内容を拝見させて頂きました。

 

次回、ご依頼させていただく際は、

こちらに沿ってお問合せさて頂きます。

 

よろしくお願い申し上げます。


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 7950
 

yuta501さん

はい、お手数お掛けしますが、ご協力いただければと思います。

今回の件で言えば・・・。

Cocoon設定で、どのFontAwesomeのバージョンを設定しているか。
それが環境情報に含まれています。

そのため回答側は、調べなくても、ひと目で分かるという利点があります。

ご質問いただいた方にとっても、より早く回答を得やすくなると思いますので、利点があると思います。

 

お返事いただき、ありがとうございました。


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました