WP 画像の枠線を消去 TwentyEleven

投稿日時: 投稿者:

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

wordpress

WordPressのテーマを直接変更

画像枠線を消去

ワードプレスのテーマTwentyElevenの画像の枠線を消去します。

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

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

変更前

『/* Image borders */』 箇所の”border-bottom“と”border-top“を変更します。
Ctrl+Fで『/* Image borders */』を検索するとすぐに見つかります。
WordPress19

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 1px solid #ccc;　/* border(枠線)の太さ変更 */
	padding: 6px;　/* padding(余白)の数字変更 */
	max-width: 97.5%;
	max-width: calc( 100% - 14px );
}

変更後

/* Image borders */
img[class*="align"],
img[class*="wp-image-"],
#content .gallery .gallery-icon img {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border: 0px;
	padding: 0px;
	max-width: 97.5%;
	max-width: calc( 100% - 14px );
}

WordPress19

数字を変更する事で画像の枠線が消せました。

テーマ更新

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

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 メインサイドバーの調整 TwentyEleven WP 投稿(BLOG)タイトルの変更 TwentyEleven WP タグに枠をつける TwentyEleven WP サイト全体の横幅サイズを1000pxから1400pxに変更 TwentyEleven WP ヘッダー画像のサイズ変更 TwentyEleven WP レイアウトのサイズを変更 TwentyEleven WP 表の上下の罫線を消去 TwentyEleven WP タイトルバーや文字をCSSを使って変更 TwentyEleven