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カスタマイズ依頼

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

サイドバーのカテゴリーウィジェットで「...
 
共有:
通知
すべてクリア

[解決済] サイドバーのカテゴリーウィジェットで「ウィジェットの表示設定」がうまくいきません

13 投稿
2 ユーザー
7 Reactions
51 表示
 mick
(@mick)
Active Member Registered
結合: 5年前
投稿: 9
トピックスターター  

サイドバーのカテゴリーウィジェットで、親子カテゴリーのうち、親カテゴリーだけ表示したいのですが、
「表示設定」の「ウィジェットの表示」の項目で「チェック・入力したページで非表示にする」として子カテゴリーにチェックを入れても、どうしても子カテゴリーが表示されます。

そこで「チェック・入力したページで表示する」の方にして今度は親カテゴリーだけチェックを入れてみましたが、うまくいきません。

また、「チェック・入力したページで表示する」で親カテゴリー+その親カテゴリーの中の子カテゴリーの1つだけにチェックを入れてみたり、「非表示」の方も「表示」の方もわりといろんな組み合わせでやってみましたが、やはりうまくいかないようです。

親子カテゴリー全表示になるか、親子カテゴリー全てが非表示になるかの2パターンでしか表示されません。
(要はカテゴリーの一部だけ表示がどうやってもうまくいかないです)

なお、ウィジェットの順番を入れ替えると入れ替えの反映はされるのでブラウザのキャッシュの問題ではなさそうです。

そもそもウィジェットの設定自体がなんだか不安定なようで、カテゴリーウィジェットが選択項目にはじめから表示されておらず、cocoon設定の方のウィジェット項目で「除外ウィジェット」の「カテゴリー」をオンオフ繰り返してやっと出てきました。(はじめは除外されていませんでしたが、念のためオンオフしたら出てきた感じです)

そして、やっと出てきたカテゴリーウィジェットをサイドバーに入れて上記のように子カテゴリーを非表示にしたくて色々やってみているのですが、たまにカテゴリーウィジェットの「表示設定」のエリアがバグ(?)になります。

具体的には「カテゴリー」「ページ」「投稿者」「投稿」などのタブの下のエリアが表示されないことが多々あります。

仕方ないのでそのウィジェットは削除してまたカテゴリーウィジェットをサイドバーに追加して試行錯誤したりしています。

何か打つ手立てはあるでしょうか?

なお、サーバーはconohaですが、ダウンロードは確かcocoon公式からダウンロードしたと思います。

(もしこの点について確認する手段がありましたらご教示いただければ確認いたします)

 

 

----------------------------------------------
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン:6.9
PHPバージョン:8.3.16
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:146.0) Gecko/20100101 Firefox/146.0
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br, zstd
言語:ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名:Cocoon
バージョン:2.8.9.1
カテゴリー数:18
タグ数:257
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.3
style.cssサイズ:845 バイト
functions.phpサイズ:203 バイト
----------------------------------------------
Gutenberg:1
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Advanced Google reCAPTCHA 1.31
ConoHa WING 自動キャッシュクリア 1.0.1
Image optimization service by Optimole 4.1.5
LightStart - Maintenance Mode, Coming Soon and Landing Page Builder 2.6.20
Otter – Page Builder Blocks & Extensions for Gutenberg 3.1.4
SiteGuard WP Plugin 1.7.9
WordPress Importer 0.9.5
XML Sitemap Generator for Google 4.1.22
----------------------------------------------



   
 mick
(@mick)
Active Member Registered
結合: 5年前
投稿: 9
トピックスターター  

不要なプラグインを削除しましたが改善しませんでした。

以下、プラグインの状態です。

 

----------------------------------------------
利用中のプラグイン:
Advanced Google reCAPTCHA 1.31
ConoHa WING 自動キャッシュクリア 1.0.1
LightStart - Maintenance Mode, Coming Soon and Landing Page Builder 2.6.20
SiteGuard WP Plugin 1.7.9
XML Sitemap Generator for Google 4.1.22
----------------------------------------------



   
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 4年前
投稿: 4021
 

●回答

質問内容を纏めますが、合っていますか?

前提条件

例えば、カテゴリー test1 と test2 が親子関係にあるとします。

  • 投稿A:カテゴリー「test1」を割り当て
  • 投稿B:カテゴリー「test2」を割り当て

管理画面の「カテゴリー一覧」

カテゴリー test1、test2 はそれぞれ 1件 と表示されます(図1)。


「カテゴリー」ウィジェット

親カテゴリー test1 は子カテゴリー test2 の投稿も含めて 2件 と表示されます(図2)。


カテゴリー test1 を選択した場合

投稿 test2 はカテゴリー test1 を直接割り当てていませんが、
親カテゴリーである test1 に属する子カテゴリー test2 の投稿も含めて表示されてしまいます(図3)。

「投稿に割り付けたカテゴリー(test1)の投稿のみだけの表示とならない。」という事かと解釈しました。

これは WordPressの標準的な動作仕様 です(Cocoon側では特別な処理は行っていません)。



   
わいひら reacted
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 4年前
投稿: 4021
 

●補足

ウィジェットの「表示設定」は、どのページにウィジェットを表示するかを指定するための設定です。
ウィジェットの中身や表示内容を設定するものではありません

[Cocoon設定]→[ウィジェット]→除外ウィジェットは、
[外観]→[ウィジェット]の利用できるウィジェットから除外する機能です。
チェックをしたウィジェットは利用できなくなり、配置されたウィジェットエリアから削除されます。
※チェックをはずすと、使用停止中のウィジェットとなります。



   
わいひら reacted
 mick
(@mick)
Active Member Registered
結合: 5年前
投稿: 9
トピックスターター  

私の拙い説明をわかりやすくまとめていただき、ありがとうございます。
大変助かります。

挙げていただいた事例をもとに説明しますと、
親カテゴリー「test1」の下には子カテゴリーとして「test2」や「test3」があるとします。

投稿A:カテゴリー「test1」を割り当て
投稿B:カテゴリー「test2」を割り当て
投稿C:カテゴリー「test3」を割り当て

全ての投稿が「公開」になっています。

この状態で、サイドバーのカテゴリーのところに
親カテゴリー名である「test1」というカテゴリー名だけを表示させたいです。
(「test2」や「test3」は表示させたくない)

これは不可能ということでしょうか?

現状では
「test1」
「test2」
「test3」
と全カテゴリー名が表示されるか、
まったくカテゴリーが表示されないかの2択しかありません。

表示される投稿数に子カテゴリーの投稿数が含まれるのは構いません。

ただ、子カテゴリーの名前をサイドバーに表示したくないだけなのですが、無理でしょうか?



   
 mick
(@mick)
Active Member Registered
結合: 5年前
投稿: 9
トピックスターター  

追記ありがとうございます。

 

なるほど、ウィジェットの「表示設定」は、どのページにウィジェットを表示するかを指定するための設定ということなのですね。

では「親カテゴリー名だけ表示」を制御するには罰の作業が必要なのですね。

 

 

[Cocoon設定]→[ウィジェット]→除外ウィジェットを触ったのは、あくまで何かさわれば現状が打破できるかと思ってやってみただけです。

「カテゴリーウィジェット」は、はじめから「除外ウィジェット」ではなかったのですが、一応いったん「除外」にしてから再度除外から外してみたら選択肢として表示されたということです。

なお、当初から「使用停止中」のウィジェット部分はグレーアウトしており、空っぽです。



   
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 4年前
投稿: 4021
 

@mick さん

メニューとして親カテゴリーだけを表示させたいなら、方法は2つあります。

●案1

以下のCSSを追加して、子カテゴリーを非表示にします。

.widget_categories .children {
display: none;
}

 


● 案2

ノーコードで対応する場合は、「カテゴリー」ウィジェットではなく「ナビゲーションメニュー」ウィジェットを使用し、親カテゴリーだけをメニューとして作成します。


この投稿は14時間前ずつ大門未知子に変更されました

   
わいひら reacted
 mick
(@mick)
Active Member Registered
結合: 5年前
投稿: 9
トピックスターター  

とりあえずウィジェットのところでは「親カテゴリー名」だけの表示はできないようなので、他の方法を探します。

CSSあたりをいじればなんとかなるならいいのですが、PHPは初心者なもので、ちょっと及び腰です。

 

あと、ウィジェットの設定画面でどうも挙動がよくないように感じるので、

もしかしたら何かの参考になるのかな、と思い

サイドバーに入れた時にバグっぽくなったときの説明を画像添付しました。



   
 mick
(@mick)
Active Member Registered
結合: 5年前
投稿: 9
トピックスターター  

ありがとうございます!

子カテゴリー非表示はCSSで行けるのですね。

ほっとしました。



   
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 4年前
投稿: 4021
 

投稿者:: @mick

サイドバーに入れた時にバグっぽくなったときの説明を画像添付しました。

既知のことですが、一旦、ウィジェットを保存すると表示されます。

 

 



   
わいひら reacted
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 4年前
投稿: 4021
 

投稿者:: @chu-ya

以下のCSSを追加して、子カテゴリーを非表示にします。

条件が、漏れていました。
「カテゴリー」ウィジェットの設定は「階層を表示」をオンにしてください。
これをしないと、子カテゴリーの判定(子カテゴリーにCSSクラスが付与されない)ができません。



   
わいひら reacted
 mick
(@mick)
Active Member Registered
結合: 5年前
投稿: 9
トピックスターター  

重ね重ねありがとうございます!

 

CSSでうまくいかず、ナビゲーションメニューの方でなんとかできた、と書き込もうとして

その前にリロードしたら「階層表示をオンに」との指示が。

そうしましたらCSSでもできました!

ありがとうございます。

 

また「一旦、ウィジェットを保存すると表示」というのも既知だったのですね。

大変スッキリしました。

 

色々ありがとうございます!



   
わいひら reacted
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 4年前
投稿: 4021
 

●ご参考

ナビゲーションメニュー」ウィジェットを活用する例が述べられています。

https://tomohiroweb.com/wp-category-order/



   
わいひら reacted
共有:

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

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

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

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

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

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

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

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