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人の人気ブロガーから判る月の更新回数! 前回、「質より量」と言うことで、月の更新回数の目標を


