Ajouter la taille et la famille de police dans l’éditeur visuel de WordPress

Publié par Fred Le

Catégorie(s): Snippets Astuces
 

Aujourd’hui on va voir comment ajouter la taille et la famille de police de caractère dans l’éditeur visuel de WordPress sans utiliser de plugin. Le code fonctionne avec le plugin TinyMCE Advanced.

 

Éditer le fichier function.php de votre Thème WordPress puis ajouter le code suivant, il va activer les menus Famille de polices et Tailles de la police.

// Ici on active les menu déroulant Font Select et Font Size Select
if ( ! function_exists( 'wpex_mce_buttons' ) ) {
	function wpex_mce_buttons( $buttons ) {
		array_unshift( $buttons, 'fontselect' ); // Font Select
		array_unshift( $buttons, 'fontsizeselect' ); //Font Size Select
		return $buttons;
	}
}
add_filter( 'mce_buttons_2', 'wpex_mce_buttons' );

Ensuite ajouter le code ci-dessous toujours dans votre fichier function.php de votre Thème WordPress, il va vous permettre de personnaliser et d’ajouter différentes tailles de police.

// Personnalisez mce tailles de police de l'éditeur
if ( ! function_exists( 'wpex_mce_text_sizes' ) ) {
	function wpex_mce_text_sizes( $initArray ){
		$initArray['fontsize_formats'] = "9px 10px 12px 13px 14px 16px 18px 21px 24px 28px 32px 36px";
		return $initArray;
	}
}
add_filter( 'tiny_mce_before_init', 'wpex_mce_text_sizes' );

Mots clés: ,





2 Commenataires pour :

“Ajouter la taille et la famille de police dans l’éditeur visuel de WordPress”

  1. Youpain dit :

    Bonjour,

    eh bhen merci.

    Je cherche le code sur le net depuis 1h.

    étant donné que Tinymce advanced est en conflit avec visual composer pour les sauts de lignes, il est préférable d’utiliser ton hook au lieu du plugin.

    encore merci

  2. Lawrence dit :

    Merci beaucoup !!! Ça marche

    Arf, j’en avais marre des plugin de police avec tous ces bugs. Vive les développeurs, et merci encore.

Laisser un commentaire

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Pour affiché du code HTML, CSS, PHP, JAVASCRIPT utilisé le marqueur : [code][/code]