Mettre en forme la mise en page des images dans la zone d'édition Post?

Question

La zone de texte dans laquelle les messages sont écrits et édités ne gère pas très bien la présentation des images.

Les images insérées semblent être alignées sur le bord gauche de la zone de texte ou sur le bord droit de l'image précédente. Il est souvent difficile de travailler avec cela, et les utilisateurs doivent comprendre que ce n’est pas ainsi qu’ils se présenteront une fois publiés.

Je recherche une mise en page plus esthétique et plus utilisable.

J'aimerais pouvoir TOUJOURS faire en sorte que les images non flottées apparaissent comme étant justifiées à gauche et empilées les unes sur les autres.

Cela est-il résolu en modifiant le fichier css de l'administrateur ou le formatage des images dans la zone de texte est-il effectué d'une autre manière?

Answer 1

Ajoutez ceci au fichier functions.php de votre thème:

add_editor_style();

Par défaut, cette fonction chargera un fichier appelé editor-style.css qui se trouve dans le répertoire racine de votre thème. La fonction 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 devez avoir) plus de contrôle sur le nom et l'emplacement du fichier CSS personnalisé, vous pouvez utiliser cette fonction à la place:

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