ビジュアルモードについて

[tstko33]

はじめまして。
いろいろと検索をしてみたのですが、該当記事が見当たらなかったので、質問させて頂きます。

投稿画面の、ビジュアルモードについての質問です。
画像を先に配置し、その画像の下に文章を入れる時なのですが、
画像を選択した後、キーボードで右もしくは下を押し、改行してから文章を入れているのですが、
編集画面上では、写真の右側に文章が表示されてしまいます。

プレビュー（公開した場合も同じく）で確認すると、ちゃんと画像の下に文章が表示されます。

対処方法が御座いましたら、教えて頂きたいと思います。
宜しくお願い致します。

ブラウザ：IE7、Chrome3、FireFox3
サーバー：XREA
MySQL：5.1.22-rc
PHP：5.2.5
エディタに関するプラグインは特に入れておりません。

[jim912]

tstko33さん、こんにちは。

テーマのCSSによるものかもしれません。
テーマをデフォルトにしたときの挙動も検証してみてください。

それと該当部分のHTMLソースをペーストしてみていただけますか？

[tstko33]

jim912さん、ありがとうございます。

テーマをWordPress Default 1.6に変更してみましたが、同じ状況でした。
ちなみに今はwp.vicunaを使用しております。

ｈｔｍｌですが、エディタ上では

<img class=”alignleft size-thumbnail wp-image-***” title=”***” src=”http://***.co.jp/wp-content/uploads/***.jpg&#8221; alt=”***” width=”150″ height=”99″ />
abcdefg

プレビューでは、

<p><img class=”alignleft size-thumbnail wp-image-***” title=”***” src=”http://***.co.jp/wp-content/uploads/***.jpg&#8221; alt=”***” width=”150″ height=”99″ />

abcdefg</p>

です。

上記のhtmlの場合、ビジュアルモードでの記事編集画面では、

■■■■■■■■■■
■■■■■■■■■■abcdefg
■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■

※■を5行に渡って入れていますが、一枚の写真と思ってください。

という感じになります。
実際に、プレビューで見ると、

■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■
■■■■■■■■■■
abcdefg

という風になります。

[jim912]

tstko33さん、こんにちは。

wp.vicunaには、画像の配置を選択したときに出力されるCSSのクラス、alignleft、alignright、aligncenterのCSSが記述されていません。

WordPressのビジュアルモードでは、これらのクラスが設定されていることを前提に描画しますので、配置で左を選択した場合、記事編集画面の通りになるのがWPのデフォルト表示と言えます。

逆にwp.vicunaには、これらのクラス設定がないために、配置がまったく効かないはずです。

対処方法ですが、デフォルトテーマのstyle.cssから上記のクラスをコピーして配置を使えるようにするか、画像の挿入時に配置の選択を「なし」で挿入すれば、編集画面と表示が一致するはずです。

[tstko33]

jim912さん、ありがとうございます。

デフォルトテーマのstyle.cssからコピーして、解決致しました！

ありがとうございました。
今後とも宜しくお願い致します。