[wp] wordpressを使う際に必ず追記するCSSのクラス設定
既存テンプレートを使わずにゼロからテンプレートを構築した場合は デフォルトでも必要なクラス設定を入れましょう。
うちで主に必要になるのは、アップした画像の回り込みやセンター寄せ等のスタイルと、プラグイン「wp-pagenavi」用のスタイルです。
アップした画像の回り込みやセンター寄せ等のスタイル
(※marginの値は適所変更してください)
/* ================================================= */ /* wordpress UPLOAD IMG */ /* ================================================= */ img.centered { display: block; clear: both; margin: 0.25em auto 1.5em; /*margin: 10px auto;*/ } img.aligncenter { display: block; clear: both; margin: 0.25em auto 1.5em; /*margin: 10px auto;*/ } img.alignleft { float: left; clear: both; margin: 0.25em 1.5em 1.5em 0; /*margin: 0 10px 5px 0;*/ } img.alignright { float: right; clear: both; margin: 0.25em 0 1.5em 1.5em; /*margin: 0 0 5px 10px;*/ }
プラグイン「wp-pagenavi」用のスタイル
(※colorやmargin/paddingの値は適所変更してください)
/* ================================================= */ /* wordpress Plugin [wp-pagenavi] */ /* ================================================= */ /*#post p{padding-bottom:20px;}*/ .navigation { display: block; text-align: center; margin-bottom: 30px; font-size:12px; } .wp-pagenavi { clear: both; } .wp-pagenavi a, .wp-pagenavi span { text-decoration: none; border:0px solid #FFFFFF; padding: 3px 5px; margin: 2px; } .wp-pagenavi a:hover, .wp-pagenavi span.current { color:#fff font-weight:bold; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; } .wp-pagenavi span.current { border:1px solid #4A872A; background:#4A872A; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; color:#fff; } .wp-pagenavi .pages { display: none; }]