フォーラム

[解決済み] 文章中の画像の回りこみについて (3 件の投稿)

  1. takasa
    メンバー
    6 ヶ月前の投稿 #

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

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

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

    <img class="alignright size-medium wp-image-47" title="xxxxx" src="http://www.xxxxxxx.com/wp-content/uploads/xxxxx-300x199.jpg" alt="xxxxx" width="300" height="199" />

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

    よろしくお願いします。

  2. jim912
    メンバー
    6 ヶ月前の投稿 #

    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
    	}
  3. takasa
    メンバー
    6 ヶ月前の投稿 #

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

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

    ありがとうございます。

返信

ログイン しなければ投稿できません。

About this Topic