WordPressテーマTCDのカスタマイズを研究するサイト

テーマ共通:Gutenbergエディターのテーブルに背景色やストライプを反映させる方法

Q.Gutenbergエディター(ブロックエディター)でテーブルを作成しましたが、ブロック設定のストライプや背景色が反映されません。

テーマ側のtdタグに対する背景色設定が適用されている可能性が考えられます。その場合、Gutenbergエディター(ブロックエディター)のtrタグ背景色設定(行ごとに背景色をつける)がそのCSS自体は適用されているのですが、反映されていないように見えます。
 
▼当該箇所 編集画面でのイメージ
当該箇所 編集画面でのイメージ

当記事は「テーマ共通」としておりますが、すべてのテーマに当てはまる内容ではなくお使いのテーマによっては異なった調整(記述)が必要となる場合もございます。デベロッパーツールで適用されているCSSをご確認頂き、お客様ご自身にてご調整頂きますようお願いいたします。

参考記事:Chromeデベロッパーツールの使用方法

A.下記の方法でご対応ください。

テーマオプション基本設定内のカスタムCSS、あるいは当該記事編集画面のカスタムCSSに下記を入力してください。

.wp-block-table td { background: none; }

※テーマオプション内のカスタムCSSに入力した場合は、すべての記事のテーブルブロックに適用されます。
※各記事編集画面のカスタムCSS入力した場合は、その記事内のテーブルブロックのみに適用されます。

この記事は役に立ちましたか?
もし参考になりましたら、下のボタンで教えてください。
今後の記事作成の参考とさせて頂きます!

0

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCD LABOへのお問合せやご要望は
ご連絡フォーム をご利用ください。