Jak umožnit v editoru výběr velikosti písma

Stává se to poměrně často. Uživatelé zvyklí psát ve Wordu, automaticky hledají možnost nastavení velikosti písma. Umožňete jim to pomocí jednoduché úpravy.

Po instalaci WordPressu, se v editoru zobrazují základní ikony, pro práci s obsahem, včetně možnosti výběru typu prvku. Můžete volit typ nadpisu, citaci, odstavec a další. V případě, že potřebujete změnit velikost, tak ta tu prostě chybí.

Naštěstí stačí poměrně jednoduchá úprava můžete do editoru přidat výběr velikosti a typu písma.

Neupravený editor vypadá takto

screenshot-localhost 2015-07-05 13-43-26

 

V tuto chvíli použijeme filtr mce_buttons_2, který označuje umístění prvku na druhém řádku ikonek. Do něj následně zavěsíme funkci:

    function mce_buttons( $buttons ) {
        array_unshift( $buttons, 'fontselect' ); 
        array_unshift( $buttons, 'fontsizeselect' );
        return $buttons;
    }
    add_filter( 'mce_buttons_2', 'mce_buttons' );

V editoru se nám pak objeví dva nové selecty

screenshot-localhost 2015-07-05 13-44-59

Bohužel jsou jednotky v bodech, určitě je budeme chtít změnit na pixely a také rozšířit počet velikostí.
K tomu využijeme filter tiny_mce_before_init, který se volá při inicializaci TinyMce a opět do něj zavěsím jednoduchou funkci.

A to je vše. V editoru máme nyní možnost nastvit velikost písma a změnit font family.
Jen závěrem bych chtěl připomenout, že máte možnost použít i pluginy, jenž umožňují měnit nastavení editoru, ale zvažoval bych jejich použití v jednoduchých případech.

About The Author

Zajímá mne Wordpress, responsivní šablony a zkrátka vše kolem tohoto skvělého redakčního systému.

Related posts

2 Comments

  1. Radek

    Asi trošku divnej dotaz, ale ten php kód se vkládá přímo do functions.php u šablony, anebo někam do souborů ve složce /wp-admin anebo /wp-includes?

    Reply
    1. Musilda

      Kód se vkládá do functions.php v šabloně. Případně lze vytvořit jednoduchý plugin pro vkládání takových kódů.

      Reply

Leave a Reply to Radek Cancel Reply

Vaše emailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *