Astuce Visual Editor - Changer la largeur de l’écran plein et correspondre au style du thème

Lorsque vous écrivez de longs articles, le mode plein écran est très pratique. Le fouillis disparaît, mais c'est embêtant quand les résultats sont différents de ceux de l'éditeur..


Définissez la largeur de l'éditeur visuel par rapport à la largeur du contenu de votre thème

Éditez votre thème functions.php et ajoutez le code suivant en utilisant la méthode appelée par 'after_setup_theme' action.

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

Dans cet exemple, la largeur totale sera de 1000 pixels..


Style de l'éditeur visuel pour correspondre au style des thèmes

Éditez votre thème functions.php et ajoutez le code suivant en utilisant la méthode appelée par 'after_setup_theme' action.

Le chemin d'accès aux fichiers CSS est relatif au dossier racine du thème..

 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 / mon-premier-style.css', 'css / mon-seconde) style.css ')); 

Conclusion

En utilisant cette méthode, vous pouvez être sûr d'obtenir vraiment ce que vous voyez. Nous espérons que vous trouverez ce petit conseil utile.!

Faites-nous savoir dans les commentaires si vous avez des conseils de style "gagnant rapide" pour améliorer votre expérience de montage.