【お知らせ】このサイトではWordPressテーマ Cocoonを採用しています。THE THORのカスタマイズ状況についてはZMASAa.blogをご参照下さい。
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の記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

おすすめWordPressテーマ!
WordPressテーマ WING(AFFINGER6)
WordPressテーマ THE THOR(ザ・トール)
WordPressテーマ Diver

下記バナーからスマホゲームのインストールお願いします!
ザ・グランドマフィア
少女ウォーズ
れじぇくろ! ~レジェンド・クローバー~
イース6 オンライン〜ナピシュテムの匣〜
極道のエデン
リネージュ2M
魔剣伝説
超次元彼女
ライフアフター
覇王の天下-戦略シミュレーション
グランドサマナーズ
The King of Fighters '98UM OL

MASAa.net

コメント