前略、sun さん

私もスキンを「tecurio-moon」にしてみたところ、デフォルトとストライプでは、表のストライプの背景色の色の濃さが変わるだけみたいですね。

スキンを「なし」にすると、若干デザインが変わるみたいです。

上の画像が「tecurio-moon」で、下が、スキンを「なし」にしたところです。

一応、スタイルはブロックのものが一番優先されているようです。
ブロックが主流となる今後では、親テーマとかスキンのストライプスタイルは無効にしてしまっても良いのかもしれませんね。
エディターで「あり」と「なし」を選択できるようにするために。

お返事ありがとうございます。

スキンをなしにしてみたら、思うような「表」で表現することができました。

しかし今までとサイトのイメージが変化しちゃうので、ちょっと抵抗があります。

「tecurio-moon」スキンのままでは「表」を見やすく表現はできませんですか？

知識が乏しいため、わいひらさんの「親テーマとかスキンのストライプスタイルは無効にしてしまっても良い」という部分と、添付された画像が・・・恥ずかしながら理解できませんです。

私も、ちょっと、わいひらさんの書かれた内容が理解できないでいます。

スキンの table の CSSは、以下のようですので、

/* テーブル */
.container table{
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.container table th, .container table td {
	padding: 6px;
}
.container table td {
	border: none;
}
.container table th {
	font-weight: normal;
	background-color: #37474F;
	color: #ECEFF1;
}
.container table tr:nth-of-type(2n+1) {
	background-color: #d3dbdb;
}

試しに、以下のようなCSSを「外観」→「カスタマイズ」→「追加CSS」に書いてみました。

.container table tr:nth-of-type(2n+1) {
    background-color: #fafbfc;
}

.container table td {
	border: 1px solid #eee;
}

これだと「tecurio-moon」でも下の画像のように表示されました。

ただ、表の見出し部分である、th については、スキンの指定で以下のようになっているので・・

.container table th {
	font-weight: normal;
	background-color: #37474F;/*表の見出しのセルの背景色*/
	color: #ECEFF1;/*表の見出しの文字色*/
}

お好みによって、文字色とセルの背景色を別途設定する必要はあるかと思います。

投稿者:: @sun

スキンをなしにしてみたら、思うような「表」で表現することができました。

しかし今までとサイトのイメージが変化しちゃうので、ちょっと抵抗があります。

「tecurio-moon」スキンのままでは「表」を見やすく表現はできませんですか？

僕自身、sunさんの「思うような表」とか「見やすい表」といいうのがどういうものなのかが分かりません。
なにか第三者でもどういうイメージの表を思い描いているのかがわかるものがないと、ちょっと何とも言えないです。
ただし、サポート対象外のものにもありますように、必ずしもサポートできるとは限らないのであらかじめご了承ください。
時間がかかるものだったりする場合は、ヒントだけになる場合もありますし、プロのカスタマイズを紹介する場合もあります。

投稿者:: @sun

知識が乏しいため、わいひらさんの「親テーマとかスキンのストライプスタイルは無効にしてしまっても良い」という部分と、添付された画像が・・・恥ずかしながら理解できませんです。

これは、親テーマ側でストライプになってしまうスタイルは削除してしまうということです。
ストライプにしたい場合は、ブロック機能に全てをゆだねた方が、利用者側も選択肢の幅が広がるかと思ったので。
開発側で、デフォルトであるストライプスタイルの削除を検討しようかなということです。

リフィトリー様、わいひら様、お返事ありがとうございます。

https://wp-cocoon.com/scrollable-table/ 　のページを使って説明させていただきます。

私が行いたいのは、表を以下のCocoonデフォルトのように表示させたいと思っています。

ですが、「tecurio moon」スキンを使っていると、
以下のような仕切り線の無い表になってしまいます。

これですと表が見にくいです。

なのでCocoonデフォルトのような仕切り線のある表にしたいと考えていました。

リフィトリー様の「追加CSS」を試したところ、どうにか線が出てきました。

しかし、線が薄く細く見えにくいので、自分なりにもう少しどうにかしてみようと思います。

お忙しい所恐縮ですが、お手すきの際で構いませんので何かヒントがあれば引き続きよろしくお願いいたします。

投稿者:: @sun

ですが、「tecurio moon」スキンを使っていると、
以下のような仕切り線の無い表になってしまいます。

それは、「tecurio moon」スキン作者様が意図してデザインされたものなので、それを尊重しています。
枠線を表示するには、CSSを独自カスタマイズしていただくしか今のところないかと思います。

CSSコードを書くこともできますが、その際にはフォーラムの案内にありますように、該当ページのURLをいただければと思います。

不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください

@sun さん

ヒントになるかどうかわかりませんが、適当に書きこんでみます。

.container table tr:nth-of-type(2n+1) {/*奇数行のセル*/
    background-color: #fafbfc;/*背景色*/
}

.container table td {
    border: 1px solid #eee;/*（順番に）線の幅 線のスタイル 線の色*/
}

HTMLカラーコード

表（table）の作り方と装飾の変え方【HTML＆CSS】

HTML table】表を作成する基本からレイアウトの方法までを解説

HTML&CSS入門Webデザインをイチから学ぼう