サイト内検索
Cocoonフォーラム
![](https://wp-cocoon.com/wp-content/themes/cocoon-master/screenshot.jpg)
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
CSSカスタマイズ相談
5
投稿
4
ユーザー
11
Reactions
798
表示
Topic starter
2022年7月27日 17:01
URL https://simpleandwellblog.com/
トップページにある特定のおすすめカードをクリックしたときに、その開いたページにのみ、子カテゴリの詳細表示をしたいのですが、可能でしょうか。
当サイトの「偉人デスクツアー」のおすすめカードを開いた際に、子カテゴリの表示をサイドバーにしたいのです。
うまくお伝え出来ていないと思いますので、添付ファイルに画像を貼付しました。
お手数おかけしますが、何卒よろしくお願いいたします。
2022年7月27日 17:36
前略、simpleandwellさん
短時間で思いついたことを書いてみます。
カテゴリーウィジェットをサイドバーに設定して、ウィジェットの設定の表示・非表示の設定で、「偉人デスクツアー」のページだけ表示する、という簡単な方法がありますが、これだと、他のカテゴリーも表示されちゃうような気がします。
もし、「階層表示」にこだわらない、のでしたら、「ナビカードウィジェット」辺りを使えませんでしょうか?
ナビカードウィジェットの使い方
https://wp-cocoon.com/navi-card-widget/
Cocoonで使える標準の機能をご紹介しただけなのですが・・・
目的に叶っていなかったらごめんなさい・・
simpleandwell and わいひら reacted
2022年7月27日 18:01
標準で特定カテゴリに属す子カテゴリー一覧を出力する機能はありません。
●ご参考
この為、以下の2点が必要となります。
なお、functions.phpを弄る必要がある為、自己責任でお願いします。
1.カスタムHTML(サイドバー)でショートコードを実行可能とする。(WordPress標準は実行不可)
https://mono96.jp/wordpress/know-how-wordpress/41217/
2.特定カテゴリに属する子カテゴリー一覧を出力するショートコードの作成
https://ishida-webkontor.com/324/
●表示手順
作成したショートコードをカスタムHTMLウィジェットに記し、サイドバーに設置。
サイドバーに配置したウィジェットの表示設定を「偉人デスクツアー」にすれば完成です。
↓Akiraさんが、具体例が書かれていますね笑
2022年7月27日 18:02
面白そうと思ったので、やってみました。やる上で、以下のページを真似しています。
WordPress でプラグイン使わずにウィジェットで PHP コード動かす
まず、子テーマの functions.php に以下のコードを追加します。
※ 見た目は「カテゴリー」ウィジェットと同じになるようにしています。
add_filter( 'widget_text', function( $text ) { $shortcode_name = 'child-desk'; if ( strpos( $text, '[' . $shortcode_name . ']' ) !== false ) { add_shortcode( $shortcode_name, function() use( $shortcode_name ) { echo '<div class="widget_categories">'; echo '<ul>'; wp_list_categories([ // カテゴリーの ID を指定 'child_of' => 127, 'order' => 'DESC', 'title_li' => '' ]); echo '</ul>'; echo '</div>'; }); ob_start(); do_shortcode( '[' . $shortcode_name . ']' ); $text = ob_get_clean(); } return $text; }, 99 );
次に、WordPress 管理画面 > 外観 > ウィジェットにて、サイドバーにカスタム HTML ウィジェットを追加します。そのカスタム HTML ウィジェットにショートコードを書きます。
[child-desk]
そして、カスタム HTML ウィジェットの「表示設定」にて、以下のように設定します。
- ウィジェットの表示 で「チェック・入力したページで表示」を選択する
- カテゴリータブにある「偉人デスクツアー」にチェックを入れる
This post was modified 2年前 by Akira
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。