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. ブラウザ環境チェックツール

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

パンくずリストの子階層表示の不具合につ...
 
共有:
通知
すべてクリア

[解決済] パンくずリストの子階層表示の不具合について

7投稿
4ユーザー
5Likes
410表示
beriberihp
(@beriberihp)
Active Member Registered
結合: 9か月前
投稿: 5
Topic starter  

お世話になります。

パンくずリストの子階層だけ、表示に不具合がありました。

固定ページのタイトルにFont Awesomeを利用しています。

画像のとおり

2段目までの階層ですと、正しく表示されますが

3段目までいくと、なぜか2階層目(子階層)の部分の表示がタグになってしまいました。

 

1階層(ホーム)…正常表示

2階層…タグが表示されてしまう

3階層…正常表示

 

いろいろ試してみましたが、どうも直りません。

 

諸事情により、ホームページは非公開の状態ですので、

申し訳ありませんがURLは控えさせていただきます。

 

パンくずリスト関係のCSSに関しては

デフォルトのアイコンを非表示にするCSSを追加しています。

.breadcrumb .fa-folder,
.breadcrumb .fa-file {
display: none; /*非表示*/
}

 

宜しくお願いします。

This topic was modified 9か月前 by beriberihp

   
引用
はる
(@haruinoue)
Noble Member Moderator
結合: 2年前
投稿: 922
はる - Twitter
 

そもそもタイトルにHTMLタグって使えるのか?と思って試してみたら使えちゃうんですね…。

公式テーマ(Twenty Twenty)でも同様で、記事タイトルを

<span style="color: red;">赤</span> 赤じゃない

にすると添付画像のようになりました。

これはタイトルでHTMLタグが使えてしまうことの方が不具合っぽい挙動のように思いました。


   
返信引用
はる
(@haruinoue)
Noble Member Moderator
結合: 2年前
投稿: 922
はる - Twitter
 

@わいひらさん

tmp/breadcrumbs-page.phpの29行目を以下のように修正するのが良さそうです。

    ?><div class="breadcrumb-item"><span class="fa fa-file-o fa-fw" aria-hidden="true"></span><span class="breadcrumb-caption"><?php esc_url(the_title()); ?></span></div>

(the_title()をesc_urlで囲った)

ページタイトル部分以外&投稿ページ用のパンくずリストはesc_urlで囲われているので…。


@beriberihpさん

上記はパンくずリストの最後(そのページのページ名)でHTMLタグを無効にするものなので、HTMLタグを有効にしたい(アイコンを表示したい)のであれば、逆に「esc_url」を取り除くと希望の挙動になるはずです。

ただHTMLタグが有効になってしまうのはバグな気がするので、テーマの修正でなく個別のカスタマイズで解決することになるのではないかと思います…。

また個人的には記事タイトルにアイコン(HTMLタグ)を含むのはオススメしないです。
検索サイトに表示されるタイトルや、ブラウザのタブに表示されるタイトルは<i~から始まるHTMLになってしまうのではないでしょうか。

アイコンを表示するのであれば記事タイトルは普通のテキストのみにして、CSS等で表示させるようにした方が良い気がします。


   
わいひら reacted
返信引用
beriberihp
(@beriberihp)
Active Member Registered
結合: 9か月前
投稿: 5
Topic starter  

@haruinoue

お世話になります。

おっしゃる通りに書き換えてみたところ、希望通りになりました。

ありがとうございます!

 

確かにタイトルにタグを入れるのは

今後のためにも、あまりよくなさそうですね。

もう一度サイト全体を見直してみようと思います。

 

 


   
返信引用
Akira
(@akira)
Noble Member Registered
結合: 5年前
投稿: 1115
Akira - FacebookAkira - Twitter
 

@beriberihp さん

絵文字が選択肢になるかもしれません。絵文字であれば、パンくずリストにも Google 検索にも反映されます。

Google、検索結果での?絵文字?を再開。関連性があれば表示する?


   
返信引用
beriberihp
(@beriberihp)
Active Member Registered
結合: 9か月前
投稿: 5
Topic starter  

@akira

お世話になります。

なるほど

絵文字も検索結果に反映されるんですね。

貴重な情報ありがとうございます。


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 5年前
投稿: 13841
わいひら - Facebookわいひら - Twitter
 

修正しておきました。
------------------------------------------------
https://github.com/yhira/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------

 


   
返信引用
共有:

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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