WP 表の上下の罫線を消去 TwentyEleven

投稿日時: 投稿者:

ワードプレス初心者のカスタマイズ 作業20

wordpress

WordPressのテーマを直接変更

表の上下の罫線を消去

ワードプレスのテーマTwentyElevenの表の上下の罫線を消去します。

スタイルシート(style.css)の編集

管理画面『外観』>>『テーマ編集』からスタイルシート(style.css)を開いて下さい。
※スタイルシート(style.css)を変更する前に必ずバックアップしてください。
※小テーマを使用している方は、小テーマ側のスタイルシートを編集して下さい
テーマを更新（アップデート）した場合は、テーマに加えたカスタマイズがすべて失われます。テーマを修正する場合、子テーマの利用を検討してください。子テーマを使用すればテーマの変更は確実に保持されます。

変更前

『.entry-content table』,と『.entry-content td,』 箇所の”border“と”padding“を変更します。
Ctrl+Fで『.entry-content table』を検索するとすぐに見つかります。
WordPress20

.entry-content table,
.comment-content table {
	border-bottom: 1px solid #ddd;　/* border-bottomの太さ変更 */
	margin: 0 0 1.625em;
	width: 100%;
}
.entry-content th,
.comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 1px solid #ddd;　/* border-topの太さ変更 */
	padding: 6px 10px 6px 0;
}

変更後

 

.entry-content table,
.comment-content table {
	border-bottom: 0px;
	margin: 0 0 1.625em;
	width: 100%;
}
.entry-content th,
.comment-content th {
	color: #666;
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.1em;
	line-height: 2.6em;
	text-transform: uppercase;
}
.entry-content td,
.comment-content td {
	border-top: 0px;
	padding: 6px 10px 6px 0;
}

WordPress20
表の上下の罫線を消去しました。

テーマ更新

新しいバージョンに「テーマを更新」した場合は、テーマに加えたカスタマイズがすべて失われます。
テーマを修正する場合、子テーマの利用をした方がよさそうですが、勉強中なので子テーマのやり方がわかりません。
他のサイトで調べてください。

WordPress 作業カテゴリ

1.ヘッダータイトルの余白調整2.検索ボックスの位置変更3.『Proudly powered by WordPress』をCopyright ©に変更
4.固定ページのタイトルを非表示に変更5.メインサイドバーを変更6.メインサイドバーの調整
7.投稿(BLOG)タイトルの変更8.タグに枠をつける9.投稿にサイドバーを表示（プラグイン）
10.サイト全体の横幅サイズを1000pxから1400pxに変更11.サイトの余白をなくして横幅最大に変更12.サイトの上部余白を削除
13.ヘッダー画像のサイズ変更14.上部のグレーの線を削除15.マウスオーバーで画像半透明に変更
16.フッターエリアの色変更17.投稿ページにサイドバーを表示18.サイドバーの幅を変更
19.画像の枠線を消去20.表の上下の罫線を消去21.タイトルバーや文字の変更

関連記事

WP 画像の枠線を消去 TwentyEleven WP ヘッダータイトルの余白調整 TwentyEleven WP メインサイドバーを変更 TwentyEleven WP メインサイドバーの調整 TwentyEleven WP 投稿(BLOG)タイトルの変更 TwentyEleven WP タグに枠をつける TwentyEleven WP 投稿にサイドバーを表示（プラグイン新規追加方法） TwentyEleven WP テーマのための関数 (functions.php) の編集で画面が表示されなくなる危険性 WP テーマのための関数 (functions.php) の編集で画面が表示されなくなった WP ヘッダー上部のグレーの線を削除 TwentyEleven WP マウスオーバーで画像半透明に変更 TwentyEleven WordPress 4.7.2–jaに更新完了