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

アイキャッチ画像 Cocoon
スポンサーリンク

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(表)」を利用することはあまり無いので、当面はこの状態で使っていこうと思います。

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

コメント