文章中の画像の回りこみについて

  • 解決済 takasa

    (@takasa)


    15年、 9ヶ月前

    投稿した記事に画像をアップしました。
    画像自体は、問題なく投稿できましたが、回り込みがうまくいきません。

    画像の新規アップや編集の際に、配置で右を選択し更新、という作業です。
    編集画面のビジュアルでみると、文章と画像がうまく回り込まれているのですが、プレビューや投稿後は、回り込みが解除されているのか、うまくいきません。

    それで、ソースを見てみると、下記のようになっています。

    <img class=”alignright size-medium wp-image-47″ title=”xxxxx” src=”http://www.xxxxxxx.com/wp-content/uploads/xxxxx-300×199.jpg&#8221; alt=”xxxxx” width=”300″ height=”199″ />

    右、左の回りこみをうまくするためには、どうすればいいでしょうか。

    よろしくお願いします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • モデレーター jim912

    (@jim912)

    15年、 9ヶ月前

    takasaさん、こんにちは。

    画像配置（回り込み）の指定は、CSSの指定によるものです。
    画像に対するclassの出力は正しくなされているようですので、ご利用中のテーマのstyle.cssにcentered、alignright、alignleftの記述が存在するかどうか確認してみてください。

    以下は、デフォルトテーマの該当するCSSです。

    img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

    トピック投稿者 takasa

    (@takasa)

    15年、 9ヶ月前

    jim912さん、ご返信有賀とございます。
    上記、CSSの記述はありませんでした。
    早速、上記を設定したところ、回り込みがうまくいきました。

    テンプレート側での対応になるとは、まったく考え付きませんでした。

    ありがとうございます。

    mojiosan

    (@mojiosan)

    11年、 10ヶ月前

    画像の回り込みに関しての記事を探していたら、
    この投稿にたどり着きました。

    takasaさんと全く同じ質問で、画像に文章を回り込ませることが
    できずにいます。

    jim912さんの投稿のようなCSS記述が、私が使用中のテーマでも
    見つけられませんでした。

    takasaさんのように、jim912さんが投稿されたCSSを記述したいのですが、
    具体的にCSSのどのあたりに記述するのでしょうか？

    どなたかご教授お願いします。

3件の返信を表示中 - 1 - 3件目 (全3件中)
  • トピック「文章中の画像の回りこみについて」には新たに返信することはできません。