特典機能について

トップページ「カテゴリごと(2カラム)」において新着記事を特定カテゴリーだけ非表示にしたい | Cocoonテーマに関する質問 | 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. ブラウザ環境チェックツール

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

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

wpForoの解決済みリンク

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

wpForoのいいねリンク

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

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

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

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

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

スポンサーリンク
トップページ「カテゴリごと(2カラム)...
 
共有:
通知
すべてクリア

トップページ「カテゴリごと(2カラム)」において新着記事を特定カテゴリーだけ非表示にしたい


hagehoge
(@hagehoge)
New Member
結合: 1年前
投稿: 1
Topic starter  

いつも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' );

引用
はる
(@haruinoue)
メンバーサイト Moderator
結合: 2年前
投稿: 902
 

Cocoon設定>インデックス>表示カテゴリーで表示しないカテゴリーのチェックを外すのではいかがでしょうか。

あるいはCocoon設定>インデックス>除外カテゴリーも試してみて良いかも知れません。


わいひら 件のいいね!
返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 3年前
投稿: 6735
 

前略、hagehoge さん

マニュアルページも あるみたいです。

特定のカテゴリー属する投稿をアーカイブ(インデックスリスト等)に表示しない方法


わいひら 件のいいね!
返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 3年前
投稿: 6735
 

hagehoge さん

貼り付けていただいたコードでも、できるっぽいです。

やっぱり、フロントページタイプでは、できないみたいです。すみません。 😔 

 

WordPressトップの一覧リストの中から特定のカテゴリを除外するカスタマイズ方法

 

投稿IDとカテゴリーIDの確認

 

WordPressで「カテゴリーID」を調べる方法


わいひら 件のいいね!
返信引用
hagehoge
 hagehoge
(@hagehoge)
ゲスト
結合: 1年前
投稿: 6
 

@haruinoue ご返信ありがとうございます。

Cocoon設定>インデックス>表示カテゴリーで表示しないカテゴリーのチェックを外すのではいかがでしょうか。

→設定しておりますが、反映されなく困っております・・・。

@leafytree ご返信ありがとうございます。
function.php で記述してるのですが、反映されておりません・・・。


返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 3年前
投稿: 6735
 

hagehoge さん

私もhagehoge さんのコード(おそらく、わいひさんのブログのコード?)を子テーマのfunction.phpに記述したところ、表示形式が「一覧(デフォルト)」では、有効になりましたが、「テゴリごと(2カラム)」では、有効にならないようです。

 

function.phpに記述したコードは、一旦削除して、Cocoon設定の除外カテゴリーにチェックを入れて、「変更をまとめて保存」のボタンで確定させると、どうでしょうか?

 


返信引用
hagehoge
 hagehoge
(@hagehoge)
ゲスト
結合: 1年前
投稿: 6
 

@leafytree 早速のご返答ありがとうございます。

設定変更しました。

新着記事 → 問題なく、非表示になりました。

2カラム → 投稿した記事も非表示になってしまいました・・・。こちらでは表示させたいです。


返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 3年前
投稿: 6735
 

hagehoge さん

フロントページタイプで、上の方には、新着記事、下の方には、カテゴリーごと、になっていて、新着記事には表示されたくないけれど、カテゴリーごとには表示させたい、ということのようですね。

 

それは、現状のCocoon設定ではできないかもしれません。

 

また、別の方法でのやり方を私は存じていません。

 

お役にたてず、すみません。

 

いや、もしかしたら・・

 

ちょっとお待ちください。


返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 3年前
投稿: 6735
 

hagehoge さん

やはり、標準の機能ではできないような気がします。


返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 3年前
投稿: 6735
 

hagehoge さん

もしかしたら、私が何か違った解釈をしてしまっているのかもしれないと、ちょっと気になりました。

 

実際のサイトを拝見していないので、いまひとつ、現状がどうなっているのかがわからないです。

 

お差し支えがなければ、フォーラム冒頭の案内にありますとおり、対象ページのURLをご提示いただければと思います。

 


返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 3年前
投稿: 6735
 

hagehoge さん

通常なら、Cocoon設定のインデックスタブの除外設定で、ほぼ賄えるような気もするのですが、それで賄えない理由というのも、どのような理由なのか、いまひとつよくわからない気がします。


返信引用
hagehoge
 hagehoge
(@hagehoge)
ゲスト
結合: 1年前
投稿: 6
 

@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
----------------------------------------------


返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 3年前
投稿: 6735
 

hagehoge さん

「企業間留学」というカテゴリーを、新着記事一覧には表示させたくないが、下の方の、カテゴリー記事一覧には表示させたい、ということかと推測しました。

 

おそらく、フロントページタイプの機能では、ちょっとできないような気がします。

 

独自のカスタマイズが要るもかもしれません。

 

あとは、固定ページを使って、ショートコードでトップページを作成する方法がありますが、新着記事ショートコードには、メインカラムの幅をいっぱいに使って表示するオプションがいまのところないようです。

 

新着記事ショートコードでデフォルトのエントリーカードっぽいデザインにするCSSのコードを先日書いてみたものがあるのですが、スキンのシーズンのデザインとは少し異なっています。

 

投稿ページのカテゴリー一覧のページをトップに設定したい

 

2カラムのブロックで、ショートコードで作成するにしても、CSSでのカスタマイズが要るようです。

 

PHPでのカスタマイズ方法は、私にはわかりません。


わいひら 件のいいね!
返信引用
hagehoge
 hagehoge
(@hagehoge)
ゲスト
結合: 1年前
投稿: 6
 

@leafytree 詳細なお返事ありがとうございます!別の方法を探ってみます。


リフィトリー 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
結合: 4年前
投稿: 13359
わいひら - Facebookわいひら - Twitter
 
投稿者:: @leafytree

「企業間留学」というカテゴリーを、新着記事一覧には表示させたくないが、下の方の、カテゴリー記事一覧には表示させたい、ということかと推測しました。

やりたいことは、リフィトリーさんが書かれたこちらのことであっていますでしょうか。


返信引用
hagehoge
 hagehoge
(@hagehoge)
ゲスト
結合: 1年前
投稿: 6
 

@yhira 返信ありがとうございます。その認識で問題ございません。


返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 3年前
投稿: 6735
 

ちょっと、新着記事ショートコードでスキンのSeasonのエントリーカードっぽい表示になるCSSのコードを書いてみました。

雑ですけれど、参考程度にはなる?

 

テーマ作者様とは別に、ローテクの応用編ということで。

新着記事ショートコードにclassを付けて・・

 

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;
}

 

 


わいひら 件のいいね!
返信引用
リフィトリー
(@leafytree)
メンバー Moderator
結合: 3年前
投稿: 6735
 

新着記事の部分さえ、エントリーカードっぽいデザインにすることができれば、あとは、2カラムで普通の新着記事ショートコードで下の方を作成すれば、ご希望どおりに、新着記事に表示したくないカテゴリーは、ショートコードで入れないように設定すれば良いし、下の方のカテゴリー別は、普通にショートコードで作れるかと思います。

 


返信引用
hagehoge
 hagehoge
(@hagehoge)
ゲスト
結合: 1年前
投稿: 6
 

@leafytree ありがとうございます!早速試してみます!


返信引用
共有:
スポンサーリンク
SWELLと業務提携しています
WordPressテーマSWELL
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:3年

1年以上の契約をする場合は、クーポンコード入力でさらに50%割引キャンペーン中!
※BOX2 ~ BOX8プラン契約の場合

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは7日以内なら無料自動復旧可能
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:18年

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
×DBは手動で復旧(データ取得は無料)
×ファイルも手動で復旧(データ取得は無料)
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:3年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
×ファイルは手動復旧(データ取得は無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:5年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:6年

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