Cocoonフォーラム

2018.02.102023.01.25

書き込みの前に以下の3点をご確認ください。

1つのトピックにつき1つの質問を書き込んでください
不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください
該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL：

相談内容：

不具合の発生手順：

解決のために試したこと：

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

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

共有:

通知

すべてクリア

[解決済] サイト内検索結果がある時とNOT FOUND時で表示の形式を変えたい

Cocoonテーマに関する質問

最新の投稿 : ツクイ 2年前

3 投稿

2 ユーザー

3 Reactions

464 表示

RSS

ツクイ

(@fukufuku12)

New Member Registered

結合: 2年前

投稿: 2

トピックスターター 2023年1月25日 11:59

初の質問投稿、失礼します。

■現状
Cocoon設定のリスト設定を縦型カード３列にしています。
そのため、検索結果が無い時（「NOT FOUND」時）もPC表示では３カラムになって
真ん中に小さく表示されてしまいます。

検索ヒット時↓
https://mall.ippin-do.jp/?s=%E3%81%86%E3%81%A1%E3%82%8F

NOT FOUND時↓
https://mall.ippin-do.jp/?s=%E3%82%B9%E3%83%9E%E3%83%9B

■やりたいこと
検索ヒット時はこのままで問題ないので、
NOT FOUND時だけ、PC表示でも全幅（１カラム）表示にしたいです。

過去のフォーラムなども検索してみましたが上手く見つけられませんでしたので、
方法がありましたら教えていただけませんでしょうか。

よろしくお願いいたします！

トピックタグ

サイト内検索

大門未知子

(@chu-ya)

Illustrious Member Registered

結合: 3年前

投稿: 3131

2023年1月25日 14:05

細かなCSS変更の「答えそのもの」はありません。
「答えを」を探すのではなく、Chrome標準のデベロッパーツールなどで、該当する要素の探し方を学びましょう。

以下をCSSに追加します。

.posts-not-found {
  text-align: center;
  width: 100%;
}

NOT FOUNDを消す場合、以下も追加して下さい。

.posts-not-found h2 {
  display:none
}

わいひら and ツクイ reacted

ツクイ

(@fukufuku12)

New Member Registered

結合: 2年前

投稿: 2

トピックスターター 2023年1月25日 14:53

@chu-ya さま
ありがとうございます！要望通り出来ました。
PHPファイルを編集しないと実現出来ないものと思いこんで迷宮入りしてしまっていました…お恥ずかしいです…。
おかげさまで助かりました！

わいひら reacted

共有:

14 フォーラム
9,970 トピック
80.5 K 投稿
40 オンライン
15.7 K 会員

フォーラムアイコン: フォーラムには未読の投稿はありませんフォーラムには未読の投稿があります

トピックアイコン: 返信されていません返信有効人気固定非承認解決済非公開クローズ

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

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

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

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

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

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

直近のフォーラムへの書き込み100件

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

Cocoonカスタマイズ依頼