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

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' );
0 0 votes
Évaluation de l'article
S’abonner
Notification pour
guest
2 Commentaires
Le plus ancien
Le plus récent Le plus populaire
Commentaires en ligne
Afficher tous les commentaires
Youpain
Youpain
5 années il y a

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

Lawrence
5 années il y a

Merci beaucoup !!! Ça marche

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

Open chat