web-development-kb-pt.site

Formatar o layout de imagens na área de edição Editar Post?

A área de texto em que as postagens são escritas e editadas não lida muito bem com o layout da imagem.

edit post textarea with photos

As imagens inseridas parecem estar alinhadas com o Edge esquerdo da área de texto ou com o Edge direito da imagem anterior. Isso costuma ser difícil de se trabalhar, e os usuários precisam entender que essa não é a maneira como eles serão exibidos depois de publicados.

Eu estou atrás de um layout mais bonito e mais útil

Eu gostaria de poder sempre ter imagens não flutuantes aparecem justificadas à esquerda e empilhadas uma em cima da outra.

Isso é resolvido modificando o admin css, ou a formatação de imagens no textarea é realizada de outra maneira?

1
kevtrout

Adicione isto ao arquivo functions.php do seu tema:

add_editor_style();

Por padrão, essa função carregará um arquivo chamado editor-style.css, que está localizado no diretório raiz do seu tema. As funções aceitam um nome de arquivo ou uma matriz de nomes de arquivos como parâmetro. Referência no Codex: http://codex.wordpress.org/Function_Reference/add_editor_style

Se você quiser (ou precisar ter) mais controle sobre o nome e a localização do arquivo CSS personalizado, poderá usar essa função:

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