この記事の所要時間: 28

WordPressでサイト制作時・・・
お客様に渡して、「ビジュアル」で記事を書いていたら
画像に文章が「回りこまないよ」と言われました。

管理画面では回りこんでいますが、表面上は確かに回りこんでいません。

あ、そういうこと・・・か。

WordPress › フォーラム » 文章中の画像の回りこみについて.

※こちら参考記事です。

要するに、オリジナルテーマにWordPress管理画面で使用出来ている
CSSが無いから・・・というだけのことでした。

そして、こちら・・・
WordPress テーマ作成時には必ず指定しておきたいネイティブCSS
こちらの記事でまとめてありましたCSS追記分です。

/* editor */
p {
    display: block;
    margin: 1em 0;
}
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;
}
 
/* img */
.aligncenter {
    display: block;
    margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }
 
img[class*="wp-image-"],
img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
 
/* clearfix */
.clearfix {
    overflow: hidden;
    zoom: 1;
}
.clearfix:after {
    content: ""
    display: block;
    clear: both;
}

これをテーマのstyle.css に追記すればOK!

適宜不要なものは削除して使用してください。

あーよかったね。

この記事が気に入ったら
いいね ! しよう

Twitter で