(確認事項)このMASAa.netには【広告】【PR記事】が掲載されています。MASAa.netご利用の方はプライバシーポリシーをご確認下さい。
WordPress関連Cocoon

【Cocoon】Table(表)をカスタマイズする

アイキャッチ画像 Cocoon
この記事は約2分で読めます。

【広告】

※ 本ページには【広告】が含まれています

WoredPressテーマ CocoonのTable(表)

WordPressテーマ Cocoonで「Table(表)」を作成した場合、次の様に行毎に2色の背景色が繰り返しとなります。

【Cocoon】Table(表)をカスタマイズする

しかし、このような「Table(表)」を作った場合、背景色がバラバラに見えてします。

【Cocoon】Table(表)をカスタマイズする

WordPressテーマ Cocoonで「Table(表)」の設定は特に無いようです。

Table(表)のカスタマイズ

これだと見た目が悪いので、行毎に2色の背景色の繰り返しを止めて「Table(表)」の背景色を1色のみに設定することにしました。

カスタマイズ内容

「Table(表)」のカスタマイズは、下記の通りです。

このカスタマイズ内容を「スタイルシート(style.css)」に追記します。

/************************************
** ■Table(表)背景色の設定
************************************/
table td {
background: #fff9fc;
}

カスタマイズ後のTable(表)

今回のカスタマイズによって、WordPressテーマ Cocoonで使われている「Table(表)」は次のようになりました。

【Cocoon】Table(表)をカスタマイズする

特に背景色が1色になっても、そこまで見やすさは変わらないと思います(長い表だと別ですが)。

最後に

ブログのエントリー記事内で「Table(表)」を利用することはあまり無いので、当面はこの状態で使っていこうと思います。

また、何か出ればその時に対応します。

MASAa.netをご覧頂きありがとうございます!
もしMASAa.netの記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

シェアする
※ 本ページ内には【広告】が含まれています

コメント

【広告】