¿Por qué el editor visual en WordPress limita el ancho envolviendo el contenido?

8

¿Por qué el editor visual en Wordpress está limitando el ancho al envolver el contenido?

Encontré este comportamiento en el editor al menos molesto, me impide usar mi pantalla de bienes raíces.

Sorin
fuente
¿Puedes explicar qué quieres que haga el editor frente a lo que realmente está haciendo? Ajuste de texto en un cuadro de edición es el comportamiento por defecto de cualquier editor de texto ... así que no estoy muy seguro de qué problema que tienes ...
EAMann

Respuestas:

15

Arriesgando una conjetura de lo que realmente quieres decir, supongo que quieres decir que algo así está sucediendo

Word Wrapping

Si a eso se refiere, es porque su tema tiene una editor-style.csshoja de estilo que se está utilizando en el editor visual. En algún lugar dentro de esa hoja de estilo hay algo como esto:

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

Eliminar eso o modificar el max-widthvalor te permitirá personalizarlo. La otra opción es eliminar la hoja de estilo por completo. Para hacer eso, encuentre esta línea de código en su tema (probablemente en functions.php):

add_editor_style();

y eliminarlo

Si este no fuera su problema, me disculpo y me encantaría que me aclararan.

EDITAR

Como parece que WordPress carga su hoja de estilo antes de que cargue la hoja de estilo de la plantilla, hay dos formas de anular los estilos. Primero (y más fácil): haz que tu estilo sea importante:

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

Para evitar que el editor cargue los estilos principales, puede agregar esto al archivo functions.php de su 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');

Luego, en el tema secundario, use custom-editor-style.csscomo hoja de estilo del editor del tema secundario en lugar de editor-style.css.

Tenga en cuenta que esta última parte de la respuesta no sería la mejor solución para todos. Solo lo estoy ofreciendo porque sé que estás usando un tema secundario usando Twentyten como plantilla.

John P Bloch
fuente
Gracias, lo has adivinado bien. Siendo algo todavía está incompleta: dónde poner la anulación .. max-width: none;. Traté de ponerlo dentro del tema de mi hijo, pero no se carga cuando estoy en el administrador, no estoy seguro de por qué (el padre tiene veinte años). La idea es que quiero ponerlo en un lugar donde no sea anulado por una actualización de WordPress o una actualización de tema principal.
sorin
Ok, esto es lo que parece que está haciendo WordPress: agrega la hoja de estilo de su tema, ENTONCES (si todavía se llama) los estilos del editor de la plantilla. Editaré la respuesta anterior con algunas posibles soluciones.
John P Bloch
3
Pequeña actualización sobre esto: WordPress 3.1 cargará la hoja de estilo del tema secundario después de la de los padres. Esto permitirá que sus estilos anulen los estilos primarios sin necesidad de eliminarlos por completo. Más información aquí: core.trac.wordpress.org/ticket/14430
John P Bloch