Tiny MCE, to dzięki niemu osoby nie mające nigdy styczności z HTML-em mogą w dość prosty sposób edytować treść pisanych przez siebie postów w systemie WordPress. Nie jest on jednak idealny. Każdy kto kilkakrotnie próbował edytować w bardziej zaawansowany sposób swoje posty mógł odnieść wrażenie, że ten edytor staje się coraz mniej wizualny. Jest jednak metoda by okiełznać WordPressowy WYSIWIG i uczynić go bardziej wizualnym

Powiedz swojemu TinyMCE skąd ma brać style

Sprawa wbrew pozorom ma się bardzo prosto. W naszym motywie graficznym przechodzimy do pliku functions.php i na samym końcu (miejsce preferowane przeze mnie) doklejamy formułę

[php]<? // Dodaje plik CSS do Edytora Wizualnego
add_editor_style(’style-tinymce.css'); ?>[/php]

Oczywiście nazwa i lokalizacja nowego arkusza stylu jest dowolna. Ja jednak radziłbym trzymać go w tym samym miejscu co główny arkusz stylów. Unikniemy wtedy problemów związanych z adresowaniem grafik.

Tworzymy arkusz stylów dla Tiny MCE

Tutaj sprawa też ma się w miarę prosto. Najlepiej by było gdybyśmy mogli skopiować odpowiednie elementy stylów do uprzednio stworzonego pliku. Niestety legenda głosi, że edytor wizualny ma już przydzielone klasy i nasze bezmyślne skopiowanie może spowodować, że nie wszystkie elementy zostaną ostylowane tak jak chcemy. Jest jednak na to rada. Wystarczy dokleić jeszcze jeden element kodu w pliku functions.php

[php] <?// Dodaje klasę która ma w rzeczywistości byc używana przez Edytor Wizualny
mytheme_mce_settings( $initArray ){ $initArray[’body_class'] = 'post';return $initArray; }
add_filter( 'tiny_mce_before_init', 'mytheme_mce_settings' );?>[/php]

W miejscu body_class wstawiamy nazwę klasy w której będzie znajdować się nasza edytowana treść.

Źródło: digwp.com