サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2021-03-09 18:40
いつもCocoonを利用させていただいております。
トップページの新着記事において、特定のカテゴリーに属する記事だけ非表示にする方法を探しております。
function.phpに以下の記述をしましたが、カスタマイズできませんでした。設定方法やアドバイスなどありましたら、ご教授頂ければと思います。
よろしくお願いいたします。
function exclude_category( $query ) {
if ( $query->is_home() && $query->is_main_query() ) {
$query->set( 'cat', '-XX' );
}
}
add_action( 'pre_get_posts', 'exclude_category' );
2021-03-09 19:20
Cocoon設定>インデックス>表示カテゴリーで表示しないカテゴリーのチェックを外すのではいかがでしょうか。
あるいはCocoon設定>インデックス>除外カテゴリーも試してみて良いかも知れません。
わいひら reacted
2021-03-09 20:31
hagehoge さん
貼り付けていただいたコードでも、できるっぽいです。
やっぱり、フロントページタイプでは、できないみたいです。すみません。 ?
WordPressトップの一覧リストの中から特定のカテゴリを除外するカスタマイズ方法
わいひら reacted
2021-03-10 14:50
@haruinoue ご返信ありがとうございます。
Cocoon設定>インデックス>表示カテゴリーで表示しないカテゴリーのチェックを外すのではいかがでしょうか。
→設定しておりますが、反映されなく困っております・・・。
@leafytree ご返信ありがとうございます。
function.php で記述してるのですが、反映されておりません・・・。
2021-03-10 15:00
hagehoge さん
私もhagehoge さんのコード（おそらく、わいひさんのブログのコード？）を子テーマのfunction.phpに記述したところ、表示形式が「一覧（デフォルト）」では、有効になりましたが、「テゴリごと（2カラム）」では、有効にならないようです。
function.phpに記述したコードは、一旦削除して、Cocoon設定の除外カテゴリーにチェックを入れて、「変更をまとめて保存」のボタンで確定させると、どうでしょうか？
2021-03-10 15:14
@leafytree 早速のご返答ありがとうございます。
設定変更しました。
新着記事 → 問題なく、非表示になりました。
2カラム → 投稿した記事も非表示になってしまいました・・・。こちらでは表示させたいです。
2021-03-10 15:26
hagehoge さん
フロントページタイプで、上の方には、新着記事、下の方には、カテゴリーごと、になっていて、新着記事には表示されたくないけれど、カテゴリーごとには表示させたい、ということのようですね。
それは、現状のCocoon設定ではできないかもしれません。
また、別の方法でのやり方を私は存じていません。
お役にたてず、すみません。
いや、もしかしたら・・
ちょっとお待ちください。
2021-03-10 15:37
hagehoge さん
やはり、標準の機能ではできないような気がします。
2021-03-10 15:46
hagehoge さん
もしかしたら、私が何か違った解釈をしてしまっているのかもしれないと、ちょっと気になりました。
実際のサイトを拝見していないので、いまひとつ、現状がどうなっているのかがわからないです。
お差し支えがなければ、フォーラム冒頭の案内にありますとおり、対象ページのURLをご提示いただければと思います。
2021-03-10 16:08
hagehoge さん
通常なら、Cocoon設定のインデックスタブの除外設定で、ほぼ賄えるような気もするのですが、それで賄えない理由というのも、どのような理由なのか、いまひとつよくわからない気がします。
2021-03-10 16:32
@leafytree ありがとうございます。取り急ぎ、サイト情報をお伝えします。
----------------------------------------------
サイトURL： https://hageape.com
コンテンツ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
スキン：/wp-content/themes/cocoon-master/skins/skin-season-spring/style.css
WordPressバージョン：5.7
PHPバージョン：7.4.13
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/88.0.4324.182 Safari/537.36 OPR/74.0.3911.203
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.2.8.1
カテゴリ数：7
タグ数：4
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.8
style.cssサイズ：81718バイト
functions.phpサイズ：7942バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：5
Auto Post Thumbnail：0
Retina：0
ホームイメージ：/wp-content/uploads/2020/12/home-image-880-660.png
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：1
CSS縮小化：1
JavaScript縮小化：1
Lazy Load：1
WEBフォントLazy Load：1
----------------------------------------------
利用中のプラグイン：
Category Order and Taxonomy Terms Order 1.5.7.4
Contact Form 7 5.4
EWWW Image Optimizer 6.0.3
Google XML Sitemaps 4.1.1
Jetpack by WordPress.com 9.5
PS Auto Sitemap 1.1.9
Really Simple CAPTCHA 2.1
WebSub/PubSubHubbub 3.0.3
WP-Optimize - Clean, Compress, Cache 3.1.7
WP Fastest Cache 0.9.1.5
Yoast Duplicate Post 4.1.1
----------------------------------------------
2021-03-10 18:53
hagehoge さん
「企業間留学」というカテゴリーを、新着記事一覧には表示させたくないが、下の方の、カテゴリー記事一覧には表示させたい、ということかと推測しました。
おそらく、フロントページタイプの機能では、ちょっとできないような気がします。
独自のカスタマイズが要るもかもしれません。
あとは、固定ページを使って、ショートコードでトップページを作成する方法がありますが、新着記事ショートコードには、メインカラムの幅をいっぱいに使って表示するオプションがいまのところないようです。
新着記事ショートコードでデフォルトのエントリーカードっぽいデザインにするCSSのコードを先日書いてみたものがあるのですが、スキンのシーズンのデザインとは少し異なっています。
２カラムのブロックで、ショートコードで作成するにしても、CSSでのカスタマイズが要るようです。
PHPでのカスタマイズ方法は、私にはわかりません。
わいひら reacted
2021-03-12 15:42
ちょっと、新着記事ショートコードでスキンのSeasonのエントリーカードっぽい表示になるCSSのコードを書いてみました。
雑ですけれど、参考程度にはなる?
テーマ作者様とは別に、ローテクの応用編ということで。
新着記事ショートコードにclassを付けて・・
[new_list count=5 cats=3,5 type=large_thumb class="like-season-entry-cards" snippet=1 children=1]
CSSは・・
/*新着記事ショートコードでスキンのSeasonのエントリーカードっぽい表示に*/
.like-season-entry-cards .new-entry-card-link.widget-entry-card-link.a-wrap {
padding: 0;
max-width: none;
margin: 0;
}
.like-season-entry-cards .new-entry-card.widget-entry-card {
font-size: 18px;
display: flex;
padding: 0.5em 0;
}
.like-season-entry-cards .new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
margin-right: 1.6%;
margin-top: 3px;
margin-bottom: 10px;
flex: 1;
width: 100%;
}
.like-season-entry-cards .new-entry-card-content.widget-entry-card-content.card-content {
margin: 0;
padding-top: 0;
padding-bottom: 1.2em;
flex: 3;
margin-left: 0 !important;
}
.like-season-entry-cards .new-entry-card-title.widget-entry-card-title.card-title {
font-weight: 600;
font-size: 0.9em;
line-height: 1.4;
color: #666;
margin: 0 0 0.1em 0.3em;
}
.like-season-entry-cards .new-entry-card-snippet.widget-entry-card-snippet.card-snippet {
font-size: 0.7em;
max-height: 10em;
padding: 0em;
margin-left: 0.4em;
color: #888;
line-height: 1.5;
margin-top: 0.4em;
overflow: hidden;
}
.like-season-entry-cards .new-entry-card-date.widget-entry-card-date.display-none {
bottom: 0;
position: absolute;
right: 0;
text-align: right;
line-height: 1;
display: block;
color: #888;
}
@media screen and (max-width: 1023px){
.like-season-entry-cards .new-entry-card-content.widget-entry-card-content.card-content {
flex: 2;
}
}
/*Font Awesome 4 利用時*/
.like-season-entry-cards .new-entry-card-post-date.widget-entry-card-post-date.post-date::before {
content: "\f017";
font-family: fontawesome;
margin-right: .3em;
}
.like-season-entry-cards .new-entry-card-update-date.widget-entry-card-update-date.post-update::before {
content: "\f1da";
font-family: fontawesome;
margin-right: 0.3em;
}
わいひら reacted
2021-03-12 18:41
新着記事の部分さえ、エントリーカードっぽいデザインにすることができれば、あとは、２カラムで普通の新着記事ショートコードで下の方を作成すれば、ご希望どおりに、新着記事に表示したくないカテゴリーは、ショートコードで入れないように設定すれば良いし、下の方のカテゴリー別は、普通にショートコードで作れるかと思います。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。