Snelle tip Visuele editor verander de breedte van het volledige scherm en stem ermee af op de themastijl

Bij het schrijven van lange artikelen komt de volledige schermmodus van pas. De rommel komt uit de weg, maar het is vervelend als de resultaten er anders uitzien dan in de editor.

Stel de breedte van de Visual Editor in ten opzichte van de breedte van uw content-inhoud

Bewerk uw thema's functions.php en voeg de volgende code toe met behulp van de methode genoemd door de 'after_setup_theme'actie.

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

In dit voorbeeld is de volledige breedte 1000 pixels.

Stijl de visuele editor zodat deze overeenkomt met de themastijl

Bewerk uw thema's functions.php en voeg de volgende code toe met behulp van de methode genoemd door de 'after_setup_theme'actie.

Het pad naar de CSS-bestanden is relatief ten opzichte van de hoofdmap van het thema.

 add_action ('after_setup_theme', 'wptuts_theme_setup'); functie 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 ')); 

Conclusie

Met deze methode kun je er zeker van zijn dat je echt krijgt wat je ziet. We hopen dat je deze kleine tip nuttig vindt!

Laat het ons weten in de comments als je tips hebt voor een snelle quick-style stijl om je bewerkingservaring te verbeteren.