【注意】このMASAa.netはWordPressテーマ Cocoonを使用しており、THE THORはZMASAa.blogで使用中です。クリックするとZMASAa.blogを開きます。
WordPressCocoon

【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の記事がお役に立てた場合、
下記【サポート】を頂くことで今後の記事制作に繋ぎます!

……… THE THOR(ザ・トール)購入について ………
下記バナーからTHE THOR(ザ・トール)をご購入の方には、
当掲載のカスタマイズについて優先的にサポートさせて頂きます。

下記バナー経由でTHE THOR(ザ・トール)を購入した日付と時刻
を合わせてお問い合わせフォームからご連絡下さい。



気軽にプレイできるPC向けウェブブラウザ対応ゲーム!
邪神ちゃんドロップキック
精霊幻想記アナザーテイル
空島クロニクル
ラストラグナロク
ビビッドアーミー
城姫クエスト 極
下記バナーからスマホゲームのインストールお願いします!
MU:アークエンジェル
Cave Shooter
イース6オンライン
ザ・アンツ
リネージュ2M
クッキーランキングダム
ドラゴンとガールズ交響曲
魔剣伝説
パズにゃん
ブレイドエクスロード

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

MASAa.net

コメント