800px-Css-miami-desktop_(110995239)

たまにWordPressのオリジナルテーマを作成していて、「右寄せにしたのに画像が回り込まない!」とかありませんか?

私はたまにあります……。特にセンタリング。前に作成したスタイルシートをコピーして作っていたりするのに
どういうことでしょうね。

ということで、自分のためにもWordPressのネイティブなCSSをまとめました。(要は備忘録のために書いておきます)

/* ------------------------------------------------------------------------- *
 *  Base Styles
/* ------------------------------------------------------------------------- */

p {
    display: block;
    margin: 1em 0;
}
h1, h2, h3, h4, h5, h6 ,ul,li,img,table,tr,th,td,dl,dt,dd{
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	border: none;
	list-style-type: none;
}

strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}

/*  base : img
/* ------------------------------------ */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
img[class*="wp-image-"],
img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
}

/*  base : clear
/* ------------------------------------ */
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

と、こんな感じです。

 

よろしければご参考にされて下さい。