Formato al diseño de imágenes en el Área de texto Edit Post?

Question

El área de texto en el que los mensajes se escriben y editan no maneja diseño de la imagen muy bien.

insertada Las imágenes parecen estar alineadas con el borde izquierdo del área de texto, o el borde derecho de la imagen anterior. Esto es a menudo difícil de trabajar, y los usuarios tienen que entender que este no es el modo en que se mostrarán una vez publicada.

Estoy después de un diseño con mejor aspecto, y más fácil de usar.

Me gustaría ser capaz de tener siempre imágenes no flotados aparecer justificado a la izquierda y uno en la parte superior de la otra apilada.

Es esto soluciona modificando el css de administración, o está el formato de imágenes en el área de texto logrado de otra manera?

Answer 1

Añadir a este archivo functions.php de su tema:

add_editor_style();

Por defecto la función que va a cargar un archivo llamado editor-style.css que se encuentra en el directorio raíz de su tema. Las funciones acepta un nombre de archivo o una matriz de nombres de archivo como parámetro. Referencia en el Codex: http://codex.wordpress.org/Function_Reference/add_editor_style

Si desea (o necesidad de tener) un mayor control sobre el nombre del archivo CSS personalizado y ubicación se puede utilizar esta función en lugar:

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