サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2024年12月5日 12:04
不具合・カスタマイズ対象ページのURL：
http://54.250.108.244/category/case/
http://54.250.108.244/category/news/
※カテゴリーページ全体に同じ現象が起きています。
お疲れ様です。
ブログ作成が全く初めての初心者です。
カテゴリーページに入りますと、投稿のエントリーカード4個目まで下に謎の空間が出現いたします。こちらをクリックすると、その空間の上段に位置している投稿ページにアクセスできます。一番上に位置している空間だけは大きさが異なります。
検証で確認したところ、paddingと表示されていますが、HTMLなどに詳しくなく、解決方法が見つからない状態です。
気づいたら不具合が発生していましたので、正確な発生手順はわからない状態で、ブログ構築の初期からありました。
プラグインをすべて無効化して、カテゴリーページに入れていたCSS
/* カテゴリー内の個々の投稿のコンテンツ幅を1000pxに設定 */
.category .post {
max-width: 1000px !important;
margin: 0 auto !important;
}
.custom-divider {
border-bottom: 2px solid #ccc;
margin: 20px 0;
}
こちらを消去してみましたが、問題の解決には至りませんでした。
上記以外のCSSの影響かと考え、ページ指定されていないCSSをすべて消去してみましたが、改善は見られませんでした。
cocoon設定において、エントリーカードの設定は一切触れていません。
この現象はどのように解決すべきでしょうか。
どうぞよろしくお願いいたします。
環境情報：
---------------------------------------------- サイト名：ICTL_HP_検証 サイトURL： http://54.250.108.244 ホームURL： http://54.250.108.244 コンテンツ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.6.2 PHPバージョン：8.2.23 ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/131.0.0.0 Safari/537.36 サーバーソフト：Apache/2.4.62 () PHP/8.2.23 サーバープロトコル：HTTP/1.1 エンコーディング：gzip, deflate 言語：ja,en-US;q=0.9,en;q=0.8 ---------------------------------------------- テーマ名：Cocoon バージョン：2.8.0 カテゴリー数：9 タグ数：21 ユーザー数：1 ---------------------------------------------- 子テーマ名：Cocoon Child バージョン：1.1.3 style.cssサイズ：1087 バイト functions.phpサイズ：1117 バイト ---------------------------------------------- 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 ---------------------------------------------- 利用中のプラグイン： Contact Form 7 6.0.1 Cool Flipbox 1.8.3 Custom Post Type UI 1.17.2 Fonts Plugin | Use Google Fonts, Adobe Fonts or Upload Fonts 3.8.3 Post Types Order 2.3.3 Search & Filter 1.2.17 Shortcodes Ultimate 7.3.1 SiteGuard WP Plugin 1.7.8 TablePress 3.0.1 ----------------------------------------------
このトピックは1か月前からmentaikoに変更されました
2024年12月5日 13:20
●原因
添付頂いたHTMLを見ると、本来のCocoonの構成と異なります。
本来.listの中にエントリーカードが並びます。
しかし、添付頂いたHTMLを見ると、①②とlistの外に並んでおり。
[投稿]→[カテゴリー]→本文に入力したHTMLで＜/div＞が漏れているのではと思います。
実際のページを見ないと、具体的な原因は分かりませんが。
●補足
上記の本文ですが、HTMLに詳しくなくてもブロックを用い簡単にミスなく作成できます。
WordPress標準機能のパターンを用い、ブロックで文章を作成します。
Cocoonのpatternショートコードをカテゴリー本文に入力すれば、ブロックで作成した文がそのまま表示できます。
https://ss1.xrea.com/chuya.s239.xrea.com/temp/wordpress-pattern-tips/
わいひら reacted
トピックスターター 2024年12月9日 09:54
大門未知子さん
ご返信ありがとうございます。
[投稿]→[カテゴリー]を確認してみましたが、カテゴリーについてはcocoonの機能を利用して追加しただけで、HTMLで追加記入は行っておりません。ほとんどのカテゴリーページは本文に何も書いてない状態であり、「導入事例」プラグインのショートコードを入れているだけです。
私が無知で間違って理解しているかもしれませんので、より具体的な説明をお願いできますでしょうか。
※添付ファイルは「導入事例」のカテゴリーの中身です。
2024年12月9日 18:32
mentaikoさん
既に、@chu-yaさんご指摘の通りですが・・・。
以下は、我々からは参照できません。
不具合・カスタマイズ対象ページのURL：
そのため、手掛かりは、添付いただいた画像のみです。
より具体的な説明をお願いできますでしょうか。
添付画像のみの曖昧な状態では、難しいと思います。
とりあえず、添付いただいた画像から思ったことを書いておきますと。
（余白があるという状態ではなく、そもそもHTML構造が壊れている状態に見えます。その原因は画像を拝見しただけでは分かりません）
- 「list」の外に、エントリーカードがある？
- エントリーカードの途中で「main」が終わっている？
- 「導入事例9」が2つある？（画像のエントリーカードは、導入事例9は1つのような・・・）
2つめの「導入事例9」は、「content-in」の更に外？
サイトを拝見させていただいた訳ではありませんので、画像を拝見しただけで、良く分からない状態ですけれど。
私のテスト環境のカテゴリーアーカイブページは、以下のような構造です。
エントリーカードは3枚ある状態です。
特にカスタマイズはしておりませんので、これがノーマルな状態かと思います。
（PR表記など余計なものを表示させているのかもしれないですけれど）
（PR表記など余計なものを表示させているのかもしれないですけれど）
構造の違いを感じていただければと。
わいひら reacted
トピックスターター 2024年12月10日 16:14
ご返信ありがとうございます。
ご回答を拝見いたしました。
mk2様が仰った構造の違いが出ていることは理解いたしました。しかしながら、私の不勉強のため、どうしても原因が分かりませんでした。
大門未知子さんインデックスリストミドルの設定を確認するため、functions.phpファイルも見てみました。
<?php
// 子テーマ用関数
if ( !defined( 'ABSPATH' ) ) exit;
// 子テーマ用のビジュアルエディタースタイルを適用
add_editor_style();
// 固定ページでカテゴリーを有効化
function add_category_to_page() {
register_taxonomy_for_object_type('category', 'page');
}
add_action('init', 'add_category_to_page');
// カテゴリータイトル「カテゴリ：」を非表示に
add_filter( 'get_the_archive_title', function ( $title ) {
if ( is_category() ) {
$title = single_cat_title( '', false );
}
return $title;
});
// PDFファイルアップロードを可能にする
function upload_mimes_permission( $mimes ) {
$mimes['pdf'] = 'application/pdf';
return $mimes;
}
add_filter( 'upload_mimes', 'upload_mimes_permission' );
// カテゴリアーカイブに固定ページを含める
function add_page_to_category_archive($query) {
if ( !is_admin() && $query->is_category() && $query->is_main_query() ) {
$query->set('post_type', array('post', 'page'));
}
}
add_action('pre_get_posts', 'add_page_to_category_archive');
~
~
インデックスリストミドルを設定しているわけでもありませんでした。
もし、よろしければもう一度サイトをご覧いただけますでしょうか。
まだ検証用のサイトだったため停止させておりましたが、しばらくは停止させない予定です。
何度もご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。
※念のため、URLを記載させていただきます。
大門未知子 reacted
2024年12月10日 16:27
先にも回答しましたが、Cocoon標準でエントリーカードにタグは表示されません。
Q1：
子テーマのtmpファイルに親のテンプレートファイル（例：entry-card.php）をコピーし修正していませんか？
Q2:
プラグインを全て停止し、親テーマに切り替えても同じですか？
以下のサイトにアクセスできません。
基本的に、独自で行ったカスタマイズにより起きた不具合の原因究明や、JavaScript、PHPカスタマイズはサポート対象外させていただいています。
注記にも書いてありますが、独自にphpを変更してるため、自己責任となります。
2024年12月10日 17:19
@mentaiko さん
いまやテンプレート自体をコピーし、修正する必要はないです。
（やり方が古いです）
今回のように、エントリーカードのスニペット後ろに情報追加できるようentry_card_snippet_afterフックが用意されています。
また、テンプレート自体を変更するcocoon_part__{$slug}もあります。
2024年12月10日 18:20
mentaikoさん
解決したようで、良かったです。
ご自分でカスタマイズをなさっている場合、まず疑うべきは自分だと思います。
（私は自分を信じないことにしています）
先に、@chu-yaさんもお書きになっていますが。
トラブルシューティングの基本として、お問い合わせ前に、以下をお試しいただきますようお願い致します。
- 親テーマを有効にすると、解消するか
（解消した場合は、子テーマによるカスタマイズが原因）
- 上記1で解消しない場合、プラグインを全無効化
（解消した場合は、どのプラグインが原因か調べる）
また、フォーラム上部の案内（リンク先も含めて）は、事前にご覧いただきますようお願い致します。
本件は、サポート対象外のケースに該当するかと思います。
サポート対象外のケース
https://wp-cocoon.com/not-supported/
更に、今回のように、画像のみしか情報がない場合は、とても厳しいです。
（例え、PHPのカスタマイズがないとしても）
（例え、PHPのカスタマイズがないとしても）
回答側にかなり負荷をかける状態と言えると思います。
ご配慮いただけますと幸いです。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。