Perché l'editor visivo in WordPress limita la larghezza avvolgendo il contenuto?

Perché l'editor visivo in Wordpress sta limitando la larghezza avvolgendo il contenuto?

Ho trovato questo comportamento nell'editor almeno fastidioso, mi impedisce di usare il mio schermo immobiliare.

editor

— sorin
fonte

Puoi spiegare cosa vorresti che l'editore facesse rispetto a ciò che sta effettivamente facendo? L'avvolgimento del testo in una casella di modifica è il comportamento predefinito di qualsiasi editor di testo ... quindi non sono sicuro del problema che stai

— riscontrando

Rischiando di indovinare cosa intendi veramente, suppongo che intendi dire qualcosa del genere:

A capo automatico

Se questo è ciò a cui ti riferisci, è perché il tuo tema ha un editor-style.cssfoglio di stile che viene utilizzato nell'editor visivo. Da qualche parte all'interno di quel foglio di stile c'è qualcosa del genere:

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

Rimuoverlo o modificando il max-widthvalore ti permetterà di personalizzarlo. L'altra opzione è rimuovere del tutto il foglio di stile. Per farlo, trova questa riga di codice nel tuo tema (probabilmente in functions.php):

add_editor_style();

e rimuoverlo.

Se questo non fosse affatto un tuo problema, mi scuso e mi piacerebbe qualche chiarimento.

MODIFICARE

Poiché sembra che WordPress carichi il foglio di stile prima che carichi il foglio di stile del modello, esistono due modi per sovrascrivere gli stili. Primo (e più semplice): rendi importante il tuo stile:

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

Per impedire all'editor di caricare gli stili principali, puoi aggiungerlo al file Functions.php del tuo 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');

Quindi, nel tema figlio, utilizzare custom-editor-style.csscome foglio di stile dell'editor del tema figlio anziché editor-style.css.

Questa ultima parte della risposta non sarebbe la soluzione migliore per tutti. Lo sto offrendo solo perché so che stai usando un tema figlio usando venti come modello.

— John P Bloch
fonte

Grazie, hai indovinato. Eppure qualcosa è ancora incompleto: dove mettere l'override .. max-width: none;. Ho provato a inserirlo nel tema di mio figlio ma non viene caricato quando sono in admin - non so perché (il genitore ha vent'anni). L'idea è che voglio metterlo in un posto in cui non verrà sostituito da un aggiornamento di wordpress o da un aggiornamento del tema principale.

— sorin,

Ok, ecco come sembra WordPress: aggiunge il foglio di stile del tuo tema, POI (se viene ancora chiamato) gli stili dell'editor del modello. Modificherò la risposta sopra con alcune possibili soluzioni.

— John P Bloch,

Poco aggiornamento su questo: WordPress 3.1 caricherà il foglio di stile del tema figlio dopo quello dei genitori. Ciò consentirà ai tuoi stili di sovrascrivere gli stili principali senza la necessità di rimuovere del tutto gli stili dell'editor principale. Maggiori informazioni qui: core.trac.wordpress.org/ticket/14430

— John P Bloch,