it-swarm-ja.com

編集ポストテキストエリアで画像のレイアウトをフォーマットしますか?

投稿が書かれ編集されているテキストエリアは画像レイアウトをうまく処理しません。

edit post textarea with photos

挿入された画像は、テキスト領域の左端、または前の画像の右端に揃えられているように見えます。これは扱いにくいことが多く、ユーザーはこれが公開後に表示される方法ではないことを理解する必要があります。

見栄えがよく、より使いやすいレイアウトになっています。

浮遊していない画像を左揃えにして重ねて表示することができるようにしたいです。

これは管理CSSを修正することで解決されるのでしょうか、それともテキストエリアの画像のフォーマットは別の方法で達成されるのでしょうか。

1
kevtrout

これをあなたのテーマのfunctions.phpファイルに追加してください:

add_editor_style();

デフォルトでは、この関数はあなたのテーマのルートディレクトリにあるeditor-style.cssというファイルをロードします。関数は、パラメータとしてファイル名またはファイル名の配列を受け取ります。コーデックスでの参照: http://codex.wordpress.org/Function_Reference/add_editor_style

カスタムCSSファイルの名前と場所をもっと制御したい場合は、代わりにこの関数を使用できます。

function custom_editor_style($url) {

  if ( !empty($url) )
    $url .= ',';

  // Change the path here if using sub-directory
  $url .= trailingslashit( get_stylesheet_directory_uri() ) . 'editor-style.css';

  return $url;
}
add_filter('mce_css', 'custom_editor_style');
1
iv.draganov