*

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

関連記事

容易に実現! 最近の投稿の写真を枠つきに変えてみたの巻

こちらも簡単にできました 最近の投稿を写真なしから写真ありに変えてみました こちらは

記事を読む

スマホ画面でもLinkWithInのYou might also likeを変更するの巻

スマホ画面でもLinkWithInの「You might also like」を「関連する記事」に変

記事を読む

widget-titleを変える巻

CSSを修正して、WordpressのWidget部分の表現を整えます Wordpressのバ

記事を読む

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

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

記事を読む

これでアクセス数低下を阻止!重複するメタデータ(descriptions)の問題を解消!?

先月ぐらいから急激に姉妹サイト(日々雑記帳 =ラーメンを綴る日々=)のアクセス数が急激に落ち込み

記事を読む

【サイト運営】2016年9月にサイトの利益を計算したら0.2円/PVで今後の方針を決めたの巻

はじめに RSSで人気ブロガーの記事を読んでいます ここ立て続けにサイト運営の記事が出ました

記事を読む

WordPressの子テーマを作る巻

WORDPRESSの子テーマを作ります 子テーマを作る理由 WORDPRESSのバー

記事を読む

WordPressのスマホ画面にGoogleAdsenseを表示するには

WPtouchというプラグインを使うとWordPressで簡単にスマホ画面にレイアウト崩れな

記事を読む

簡単便利! 選択した商品のテキストをアマゾン、楽天で同時検索するブックマークレットを作ったの巻

はじめに ブログを運営してると、その上達方法の中に記事を量産する話がでます 1日5本の記

記事を読む

6人の人気ブロガーから判る月の更新回数!

6人の人気ブロガーから判る月の更新回数! 前回、「質より量」と言うことで、月の更新回数の目標を

記事を読む

PC

PC

PAGE TOP ↑