Jak umožnit v editoru výběr velikosti písma - Affinite.io CZ

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.

function mce_text_sizes( $initArray ){
        $initArray['fontsize_formats'] = '8px 9px 10px 12px 13px 14px 16px 18px 21px 24px 28px 32px 36px 38px 40px 44px 48px 52px 60px';
        return $initArray;
}
add_filter( 'tiny_mce_before_init', 'mce_text_sizes' );

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.

Jak deaktivovat Emoji
Jak deaktivovat Emoji
04 Čvc, 2015
Oprava nezobrazování DPH v košíku a pokladně ve WooCommerce
Oprava nezobrazování DPH v košíku a pokladně ve WooCommerce
10 Čvc, 2015

Komentáře nejsou povoleny.

Looking for something?