サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
通知
すべてクリア
トピックスターター 2026年4月16日 15:00
この度、LuxeritasからCocoonへの移行作業を行っておりまして、テーブルの表示に問題が発生しました。どうしても解決策がわからずお手上げだったため質問させてください。
Luxeritasでは以下のように、自分で指定した色がテーブルに表示されます。
しかし、Cocoonでは以下のように自動的に縞々の色がついてしまいます。また、色の指定がおかしなことになっています。(指定した色が反映されたりされていなかったり)
そこでお尋ねしたいのですが、この自動的に縞々の色がついてしまうのを無効化し、自分の指定した色をつける方法ありませんでしょうか？(無効化するオプションがないか探してみたのですが見つかりませんでした。もし可能なら今後のアップデートでそういったオプションを付けていただくことをご検討いただけましたら嬉しく思います)
ブロックエディターは使用しておらず、旧エディターでテーブルタグのHTML直打ちをしています。
上記画像のテーブルのURLはこちらです。
https://www.wktk-animal.com/archives/post-71.html
テーブルのコードはこちらです。
https://notepad.pw/share/e2d01n991
PS.
「テーブル 色 無効」でフォーラム内を検索しました。以下のページにわいひら様が書いてあるコードを子テーマのstyle.cssに貼り付けましたが、すると、背景の色はすべて真っ白になってしまいました。(現在はコードを削除しています)
----------------------------------------------
サイトURL： https://www.wktk-animal.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
WordPressバージョン：6.9.4
PHPバージョン：8.3.21
データベース：10.5.13
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja
----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.1.1
カテゴリー数：9
タグ数：13
投稿数：7
固定ページ数：2
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：846 バイト
functions.phpサイズ：203 バイト
----------------------------------------------
利用中のプラグイン：
Advanced Editor Tools 5.9.2
LightStart - Maintenance Mode, Coming Soon and Landing Page Builder 2.6.20
SiteGuard WP Plugin 1.7.9
WP Popular Posts 7.3.6
----------------------------------------------
このトピックは2日前からrarton7xに変更されました
2026年4月16日 15:29
●回答
無効化するオプションはありません。
Cocoonのテーブルは1行おきにストライプとなっています。
●原因
添付頂いた、テーブルのコードですが問題があります。
bgcolor属性で行の色を設定していますが、この記述は古く現在は非推奨・廃止となっています。
結果、CSSが優先され、上記のストライプ表示となります。
●対策
この記述を修正し、例えばbgcolor="#80BFFF"→style="background-color:#80BFFF"とします。
その上で、親テーマのCSSを無効にする、以下のCSSを追加します。
参考にされたCSSでも可能です。
/* 1行おきに付いている色を無効 */
table tr:nth-of-type(2n+1) {
background-color:unset;
}
●補足
tableタグはWordPressの標準で、Cocoonの機能ではありません。
Gutenbergエディターは、クラシックエディターに比べtable設定できる項目が減りました。
これを補うため、プラグイン「Flexible Table Block」を使用することをお勧めします。
この投稿は2日前 4回ずつ大門未知子に変更されました
トピックスターター 2026年4月16日 18:10
大門未知子様
お返事ありがとうございます。また、テーブルのタグについてもご教示いただきありがとうございました。
無事にテーブルの色を指定できるようになりました＾＾
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。