サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Cocoonテーマに関する質問
12
投稿
3
ユーザー
5
Reactions
352
表示
トピックスターター 2024年7月3日 11:28
相談内容:ショートコードを用いて、新着記事を表示しているのですが、既存のものだと添付した写真のように「グレーの四角に文字」になるのですが、これをカテゴリー別でカラーを変えたいのですがどのようなコードを追加すればよろしいでしょうか?参考画像を添付させてもらっています。
このトピックは6か月前 2回からyyy_mihimiに変更されました
トピックスターター 2024年7月3日 14:02
2024年7月3日 18:25
info_listは、カテゴリー設定ページの色設定次第ではカテゴリー色が混在して、わちゃわちゃになってしまうため、カテゴリの色は反映させないように作りました。
ただこれまでの仕様は変えないまでも、個別のclassなどを入れることは問題ないかと思います。
ただそれだと個別にCSSを書く必要が出てきます。
そういうので問題なければ、classを追加することは可能かと思います。
トピックスターター 2024年7月3日 18:38
ご返信ありがとうございます!
その内容で大丈夫ですので、やり方を教えて頂きたいです、、!
カテゴリーは3つで
・お知らせ → スラッグ infomation
・メディア → スラッグ media
・実績紹介 → スラッグ achievement
です。
2024年7月3日 20:17
カテゴリーラベルにカテゴリIDを出力するようにしてみました。
変更版はこちらからダウンロードしてインストールしてください。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
添付画像のように、カテゴリーごとに個別のIDクラスが付加されます。
この投稿は6か月前 3回ずつわいひらに変更されました
2024年7月3日 20:18
スラッグクラスは日本語スラッグの場合、「cat-label-%e3%83%86%e3%82%b9%e3%83%88」みたいになるためデフォルトでは追加しませんでした。
スラッググラスを追加したい場合は、以下のコードをテーマのfunction.phpに追加することで反映されます。
//エントリーカード(デフォルト非表示)・関連エントリーカード(デフォルト非表示)・新着情報のカテゴリーラベルにスラッグクラス追加 add_filter( 'nolink_category_label_classes', function($classes, $category){ if (isset($category->slug)) { $classes[] = 'cat-label-'.$category->slug; } return $classes; }, 10, 2);
この投稿は6か月前ずつわいひらに変更されました
2024年7月3日 20:20
カテゴリー設定ページの色設定で設定した色を反映させるには、以下のコードを御殿場のfunction.phpに追加することでできるようにもしました。
//カテゴリー設定画面で設定した色を反映させる add_filter( 'nolink_category_label_classes', function($classes, $category){ $classes[] = 'cat-label'; return $classes; }, 10, 2);
ただ、カテゴリーは透過しているため、子テーマのstyle.cssに以下を追加する必要があるかもしれません。
.info-list-item-meta { opacity: 1; }
ちなみにデフォルトでこのような仕様にしなかったもう一つの理由として、クリックできると誤認してしまうためという理由もあったのを思い出しました。
この投稿は6か月前 2回ずつわいひらに変更されました
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。