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
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łę
<? // Dodaje plik CSS do Edytora Wizualnego
add_editor_style('style-tinymce.css'); ?>
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.
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
<?// 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' );?>
W miejscu body_class wstawiamy nazwę klasy w której będzie znajdować się nasza edytowana treść.
Źródło: digwp.com
Copyright: Krzysztof Neumann 2010-2012 Projekt i wykonanie:interaktywni.net