Por que o editor visual do WordPress limita a largura ao envolver o conteúdo?

8

Por que o editor visual no Wordpress está limitando a largura envolvendo o conteúdo?

Achei esse comportamento no editor pelo menos irritante, ele me impede de usar o espaço na tela.

sorin
fonte
Você pode explicar o que você gostaria que o editor fizesse versus o que realmente está fazendo? Moldagem de texto numa caixa de edição é o comportamento padrão de qualquer editor de texto ... então eu não tenho certeza qual é o problema que você está tendo ...
EAMann

Respostas:

15

Arriscando um palpite sobre o que você realmente quer dizer, suponho que você queira dizer algo assim:

Quebra de Palavras

Se você está se referindo a isso, é porque seu tema tem uma editor-style.cssfolha de estilo que está sendo usada no editor visual. Em algum lugar dentro dessa folha de estilo há algo como isto:

html .mceContentBody {
    max-width:640px;
}

Remover isso ou modificar o max-widthvalor permitirá que você personalize isso. A outra opção é remover completamente a folha de estilo. Para fazer isso, encontre esta linha de código no seu tema (provavelmente em functions.php):

add_editor_style();

e remova-o.

Se esse não foi o seu problema, peço desculpas e gostaria de alguns esclarecimentos.

EDITAR

Como parece que o WordPress carrega sua folha de estilo antes de carregá-la, há duas maneiras de substituir estilos. Primeiro (e mais fácil): torne seu estilo importante:

html .mceContentBody {
  max-width: none !important;
}

Para impedir que o editor carregue os estilos principais, você pode adicioná-lo ao arquivo functions.php do seu tema:

function get_rid_of_editor_styles(){
  global $editor_styles;
  if(is_array($editor_styles))
    foreach($editor_styles as $e)
      $e = 'editor-style.css' == $e ? '' : $e;
}
add_action('init','get_rid_of_editor_styles');

function add_my_own_editor_styles(){
  add_editor_style( 'custom-editor-style.css' );
}
add_action('after_setup_theme','add_my_own_editor_styles');

Em seguida, no tema filho, use custom-editor-style.csscomo folha de estilo do editor do tema filho em vez de editor-style.css.

Observe que esta última parte da resposta não seria a melhor solução para todos. Só o ofereço porque sei que você está usando um tema filho usando o vinteten como modelo.

John P Bloch
fonte
Obrigado, você adivinhou certo. Ainda algo ainda está incompleta: onde colocar a substituição .. max-width: none;. Eu tentei colocá-lo dentro do meu tema filho, mas ele não é carregado quando estou no admin - não sei por que (pai tem vinte anos). A idéia é que eu quero colocá-lo em um lugar onde não será substituído por uma atualização do wordpress ou atualização do tema pai.
sorin
Ok, aqui está o que o WordPress está fazendo: Adiciona a folha de estilo do seu tema, ENTÃO (se ainda estiver sendo chamado) os estilos de editor do modelo. Vou editar a resposta acima com algumas soluções possíveis.
John P Bloch
3
Pouca atualização: o WordPress 3.1 carregará a folha de estilo do tema filho após a do pai. Isso permitirá que seus estilos substituam os estilos principais, sem a necessidade de remover completamente os estilos do editor pai. Mais informações aqui: core.trac.wordpress.org/ticket/14430
John P Bloch