*

WordPressの写真に白枠をつける巻

公開日: : 最終更新日:2012/11/06 WEB

WORDPRESSの写真に白枠をつけてみました

WORDPRESSのバージョンアップを繰り返しているとCSSの不整合が発生します
以前は出来ていたのだけど、いつの間にか出来ていないなど
今回も、以前は写真に白枠が表示されていたのだけど、いつの間にか消えていたので、CSSを使って復活させてみます

【変更前】

【変更後】

変更後は写真にうっすらと枠が表示されています

今回もCSSに手を加えて表示させてみます

/* Image borders */
img[class*="wp-image-"] {/* Add fancy borders to all WordPress-added images but not things like badges and icons and the like */
	border-color:#2c2c2c;
	border: 1px solid #ddd;
	padding: 6px;
}

CSSの最後尾に上記のコードを挿入して完成
やっていることは、写真に枠を書くようにして、写真を少し縮小して表示させることで、白枠がついたようにみせているのでした

簡単、かんたん

PC

関連記事

アフェリエイトを少し有利に!もしもアフェリエイトを申請、カエレバ、ヨメレバを設定してみたの巻

ちょっとアフェリエイトが有利になりそうです はじめ ブログのアクセス数もちょこっと伸びて

記事を読む

繰り返し表示を大量生産! WordPressで差込表示するの巻

WordPressの記事で特定のシリーズなどで同じ文章を繰り返し表示したいときってありますよね

記事を読む

重複するメタデータとタイトルタグの重複が改善!だけどアクセス数は改善せず

やっと改善が始まりました 長かった ウェブマスターツールのHTML改善の値、やっと低

記事を読む

改善しないなあ、どうしたもんでしょ! アクセス数低下

いろいろ手を打っているのですが、アクセス数の低下に歯止めがかかりません う~ん

記事を読む

LinkWithInのYou might also likeを変える巻

LinkWithInのYou might also likeを変える方法 WordPressの

記事を読む

Wodpressのテーマが更新! 新テーマにアップデートしてみるの巻

テーマ変更しても、今のブログ画面に影響なくてよかった 今回はテーマのアップデートです

記事を読む

文字化け対策のWP Multibyte Patchをインストールするの巻

国内のWPホストだと、自動的にインストールされるWP Multibyte Patchをインス

記事を読む

サイトのダウンが直ぐ判る!IS IT DOWN RIGHT NOW?

落ちているサイトを判別できるのは便利です 先日のこと、自分のサイトにアクセスで

記事を読む

Yahoo Japanのテキスト解析、日本語係り受け解析を使ってみた

先の記事でYahoo Japanのディベロッパーネットワークのテキスト解析の日本語形態素解析や日本語

記事を読む

人気記事が更新されないと思ったら、WordPress Popular Postsのデータクリアが必要だった

先日、気記事が更新されないと思い、WordPress Popular Postsのリセットを

記事を読む

PC

PC

PAGE TOP ↑