サポート » 使い方全般 » 文章中の画像の回りこみについて

  • 解決済 takasa

    (@takasa)


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

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

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

    <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)

    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)

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

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

    ありがとうございます。

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

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

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

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

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

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