Vous cherchez un moyen d'ajouter l'éditeur TinyMCE au champ de titre de vos articles et pages WordPress ? Bien qu'il existe probablement un plugin pour cela, nous avons créé un extrait de code rapide que vous pouvez utiliser pour ajouter l'éditeur TinyMCE au champ de titre des articles/pages dans WordPress.
Instructions :
Tout ce que vous avez à faire est d'ajouter ce code au fichier functions.php de votre thème ou dans un plugin spécifique au site :
function tinymce_title_js(){ ?>
<script type="text/javascript">
jQuery(document).ready( tinymce_title );
function tinymce_title() {
jQuery("#title").addClass("mceEditor");
tinyMCE.execCommand("mceAddControl", false, "title");
}
</script>
<?php }
add_action( 'admin_head-post.php', 'tinymce_title_js');
add_action( 'admin_head-post-new.php', 'tinymce_title_js');
function tinymce_title_css(){ ?>
<style type='text/css'>
#titlewrap{border:solid 1px #e5e5e5 !important;}
tr.mceLast{display:none;}
#title_ifr{height:50px !important;}
</style>
<?php }
add_action( 'admin_head-post.php', 'tinymce_title_css');
add_action( 'admin_head-post-new.php', 'tinymce_title_css');
Note : Si c'est la première fois que vous ajoutez des extraits de code dans WordPress, veuillez consulter notre guide sur comment ajouter correctement des extraits de code dans WordPress, afin de ne pas casser accidentellement votre site.
Si vous avez aimé cet extrait de code, veuillez envisager de consulter nos autres articles sur le site comme : 46 des plus grandes marques au monde utilisant activement WordPress et comment créer un formulaire d'inscription d'utilisateur personnalisé dans WordPress.
Changez simplement :
tinyMCE.execCommand(“mceAddControl”, false, “title”);
par :
tinyMCE.execCommand(“mceAddEditor”, false, “title”);
ne fonctionne pas sur mon site wp
Belle addition/extrait, mais... pourquoi ?
Merci pour cela. Y a-t-il un moyen de l'afficher dans l'éditeur HTML aussi, ou à la place du visuel ? – oups, posté sur le mauvais article, désolé.
Excellent extrait ! Je me demande s'il y a un moyen d'afficher et d'utiliser uniquement les éléments sélectionnés de tinyMCE ? Sûrement que nous n'avons pas besoin des boutons d'upload pour la zone de titre 🙂
Merci, content que vous aimiez l'extrait, je pense que nous pouvons supprimer des éléments, cependant je ne suis pas sûr de la facilité avec laquelle on peut faire cela juste pour le TinyMCE utilisé pour le titre.
comment supprimer les éléments inutilisés de tinymce ? une bonne idée pour un futur extrait =)