TinyMCE-Texteditor über Childtheme per CSS anpassen

Man kann über TinyMCE Advanced dem WordPress-Texteditor die CSS-Stile des Themes ins Menü übergeben. Das kann – je nach CSS – die visuelle Anzeige etwas anstrengend machen. Genauso anstrengend ist es, die Tiny-CSS für den Texteditor wirklsam anzusprechen, ohne die WordPress-Core-Files zu editieren. Natürlich geht es trotzdem. Erstmal gebe man dem Theme via functions.php folgendes mit:

[php]<?php
// wordpress.org/support/topic/add-a-css-stylesheet-t…
$initArray = add_filter(‚tiny_mce_before_init‘, ‚tiny_mce_config‘);
function tiny_mce_config($initArray){
$initArray[‚content_css‘] = ‚/wp-content/themes/YourThemeFolder/tiny-mce-editorsettings.css?version=‘.time();
return $initArray;
}
?>[/php]

Dann lege man im Theme-Ordner die entsprechende CSS ab, etwa:

[css]body.mceContentBody {
font: 13px/19px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
padding: 0.6em;
margin: 0;
width: 90%
}[/css]

Voilà.