Suggerimento rapido Visual Editor - Cambia la larghezza dello schermo intero e abbina lo stile del tema

Quando si scrivono articoli lunghi, la modalità a schermo intero è utile. Il disordine si toglie di mezzo, ma è fastidioso quando i risultati sembrano diversi rispetto all'editor.

Imposta la larghezza dell'editor visivo relativa alla larghezza dei contenuti

Modifica i temi del tuo tema functions.php e aggiungi il seguente codice usando il metodo chiamato dal 'after_setup_theme'azione.

 add_action ('after_setup_theme', 'wptuts_theme_setup'); function wptuts_theme_setup () set_user_setting ('dfw_width', 1000); 

In questo esempio, l'intera larghezza sarà di 1000 pixel.

Stile l'editor visivo per abbinare lo stile di temi

Modifica i temi del tuo tema functions.php e aggiungi il seguente codice usando il metodo chiamato dal 'after_setup_theme'azione.

Il percorso dei file CSS è relativo alla cartella radice del tema.

 add_action ('after_setup_theme', 'wptuts_theme_setup'); function wptuts_theme_setup () // /wp-content/themes/theme-name/css/my-first-style.css add_editor_style (array ('css / my-first-style.css', 'css / my-second- style.css ')); 

Conclusione

Usando questo metodo puoi essere sicuro di ottenere davvero ciò che vedi. Speriamo che trovi questo piccolo suggerimento utile!

Fateci sapere nei commenti se avete suggerimenti di stile "quick win" per migliorare la vostra esperienza di editing.