Formatez la mise en page des images dans le Modifier le message Textarea?

Question

Le textarea dans lequel les messages sont écrits et édités ne gère pas la mise en page d'image très bien.

images insérées semblent être aligné avec le bord gauche de la zone de texte, ou le bord droit de l'image précédente. Ceci est souvent difficile de travailler avec, et les utilisateurs doivent comprendre que ce n'est pas la façon dont ils montreront une fois publié.

Je suis après un meilleur avenir, et plus la mise en page utilisable.

Je voudrais être en mesure de toujours avoir des images non-flottaient apparaissent de gauche justifiée et empilés au-dessus de l'autre.

Est-ce résolu en modifiant le code CSS d'administration, ou est la mise en forme des images dans la zone de texte accomplie une autre façon?

Answer 1

Ajouter ce fichier au functions.php de votre thème:

add_editor_style();

Par défaut cette fonction charge un fichier appelé editor-style.css qui est situé dans le répertoire racine de votre thème. Les fonctions accepte un nom de fichier ou un tableau de noms de fichiers en tant que paramètre. Référence dans le Codex: http://codex.wordpress.org/Function_Reference/add_editor_style

Si vous voulez (ou besoin d'avoir) plus de contrôle sur le nom du fichier CSS personnalisé et emplacement, vous pouvez utiliser cette fonction au lieu:

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