{"id":32364,"date":"2019-10-04T04:39:47","date_gmt":"2019-10-04T11:39:47","guid":{"rendered":"https:\/\/kinsta.com\/?p=8065"},"modified":"2024-09-18T09:23:40","modified_gmt":"2024-09-18T08:23:40","slug":"editeur-texte-wordpress","status":"publish","type":"post","link":"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/","title":{"rendered":"Un regard plus approfondi sur l&rsquo;\u00e9diteur de texte WordPress"},"content":{"rendered":"<p>Lorsque nous cr\u00e9ons ou modifions un article dans WordPress, nous avons le choix entre deux \u00e9diteurs de contenu : l&rsquo;\u00e9diteur visuel <a href=\"https:\/\/www.tinymce.com\/\">TinyMCE<\/a>, et l\u2019\u00e9diteur de texte WordPress qui se compose d&rsquo;un \u00e9l\u00e9ment de zone de texte am\u00e9lior\u00e9 par un ensemble de boutons fournissant un moyen rapide d&rsquo;injecter du code HTML dans le contenu de l\u2019article.<\/p>\n<p>Les utilisateurs peuvent facilement passer du mode visuel au mode texte en cliquant simplement sur les labels en haut \u00e0 droite. WordPress conservera le contenu de l\u2019article, mais TinyMCE convertira les caract\u00e8res sp\u00e9ciaux en entit\u00e9s HTML correspondantes. Pour cette raison, vous pouvez le pr\u00e9f\u00e9rer<\/p>\n<p><strong> Lectures recommand\u00e9es :<\/strong><\/p>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/editeur-wordpress-gutenberg\/\">Plonger dans Gutenberg, le nouvel \u00e9diteur WordPress<\/a> (pour et contre)<\/p>\n<p><a href=\"https:\/\/kinsta.com\/fr\/blog\/wordpress-5-0\/\">Quoi de neuf dans WordPress 5.0<\/a> (Comment se pr\u00e9parer \u00e0 Gutenberg)<\/p>\n<p>L&rsquo;\u00e9diteur de texte montre exactement la structure HTML du contenu de l\u2019article, et il donne le contr\u00f4le total sur l&rsquo;entr\u00e9e de l&rsquo;utilisateur, de sorte que cet article est tout sur l\u2019\u00e9diteur de texte WordPress. Tout d&rsquo;abord, nous allons nous plonger dans le sujet du point de vue du d\u00e9veloppeur : nous allons regarder l&rsquo;<strong>API Quicktags JS<\/strong>, le filtre <strong>quicktags_settings<\/strong> et la fonction<strong> wp_editor().<\/strong><\/p>\n<p>La derni\u00e8re section de cet article est d\u00e9di\u00e9e aux non-d\u00e9veloppeurs. Je vais vous pr\u00e9senter une extension qui permet aux utilisateurs de configurer l&rsquo;\u00e9diteur de texte rapidement et facilement \u00e0 partir du panneau d&rsquo;administration de WordPress.<\/p>\n<figure style=\"width: 652px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2016\/11\/comparaison-editeurs-visuels-textuels.png\" alt=\"Comparaison des \u00e9diteurs visuels et textuels\" width=\"652\" height=\"320\"><figcaption class=\"wp-caption-text\">Comparaison des \u00e9diteurs visuels et textuels<\/figcaption><\/figure>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><a href=\"#wordpress-text-editor\">\u00c9diteur de texte WordPress<\/a><\/li>\n<li><a href=\"#overriding-quicktags\">Remplacer les r\u00e9glages des balises rapides<\/a><\/li>\n<li><a href=\"#wordpress-editor-front-pages\">Inclure l&rsquo;\u00e9diteur WordPress dans les pages d&rsquo;accueil<\/a><\/li>\n<li><a href=\"#wordpress-text-editor-addquicktag-plugin\">Am\u00e9liorer l&rsquo;\u00e9diteur de texte WordPress avec l\u2019extension AddQuicktag<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2 id=\"wordpress-text-editor\">\u00c9diteur de texte WordPress<\/h2>\n<p>Si vous avez l&rsquo;habitude d&rsquo;ajouter beaucoup de code dans vos articles, ou si vous souhaitez simplement pr\u00e9visualiser la structure HTML exacte de votre contenu, vous pouvez pr\u00e9f\u00e9rer l&rsquo;\u00e9diteur de texte \u00e0 la facilit\u00e9 d&rsquo;utilisation de l&rsquo;\u00e9diteur visuel avanc\u00e9.\u00a0Cependant, l&rsquo;\u00e9diteur de texte n&rsquo;est pas seulement un \u00e9l\u00e9ment de formulaire. La barre d&rsquo;outils de l&rsquo;\u00e9diteur fournit un ensemble de boutons (appel\u00e9s balises rapides ou Quicktags) qui permettent aux utilisateurs d&rsquo;injecter rapidement un bon nombre de balises dans la structure HTML de l\u2019article.<\/p>\n<p>Par d\u00e9faut, WordPress fournit les balises rapides suivantes :<\/p>\n<ul style=\"margin-left: 30px\">\n<li>a<\/li>\n<li>strong<\/li>\n<li>code<\/li>\n<li>del<\/li>\n<li>em<\/li>\n<li>ol<\/li>\n<li>ul<\/li>\n<li>li<\/li>\n<li>img<\/li>\n<li>blockquote<\/li>\n<li>ins<\/li>\n<li>fullscreen<\/li>\n<li>lookup<\/li>\n<li>close<\/li>\n<\/ul>\n<figure style=\"width: 651px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2016\/11\/image-editeur\u2013texte-wordpress.png\" alt=\"L'image montre les boutons par d\u00e9faut de l'\u00e9diteur de texte WordPress\" width=\"651\" height=\"456\"><figcaption class=\"wp-caption-text\">L&rsquo;image montre les boutons par d\u00e9faut de l&rsquo;\u00e9diteur de texte WordPress<\/figcaption><\/figure>\n<p>Les r\u00e9glages par d\u00e9faut peuvent \u00eatre remplac\u00e9s gr\u00e2ce \u00e0 <a href=\"https:\/\/codex.wordpress.org\/Quicktags_API\">l\u2019API Quicktags API<\/a>. Il s&rsquo;agit d&rsquo;une API JavaScript qui permet d&rsquo;ajouter facilement des boutons personnalis\u00e9s et d&rsquo;injecter du code ainsi que du contenu dans la zone texte de l&rsquo;\u00e9diteur.<br \/>\nLa m\u00e9thode<strong> QTags.addButton<\/strong> ajoute un bouton \u00e0 la barre d&rsquo;outils et est d\u00e9finie comme suit :<\/p>\n<pre><code class=\"language-javascript\">QTags.addButton( \n\tid, \n\tdisplay, \n\targ1, \n\targ2, \n\taccess_key, \n\ttitle, \n\tpriority, \n\tinstance );\n<\/code><\/pre>\n<p>Cette m\u00e9thode conserve les param\u00e8tres suivants :<\/p>\n<ul style=\"margin-left: 30px\">\n<li><strong>id<\/strong> (<em>cha\u00eene<\/em>) (obligatoire) est l&rsquo;identifiant HTML du bouton ;<\/li>\n<li><strong>display<\/strong> (<em>cha\u00eene<\/em>) (obligatoire) est la valeur HTML ;<\/li>\n<li><strong>arg1<\/strong> (<em>string<\/em>) (obligatoire) est la balise d&rsquo;ouverture \u00e0 inclure ou une fonction de rappel personnalis\u00e9e \u00e0 ex\u00e9cuter lorsque le bouton est cliqu\u00e9 ;<\/li>\n<li><strong>arg2<\/strong> (<em>cha\u00eene<\/em>) (facultatif) est la balise de fermeture ;<\/li>\n<li><strong>access_key<\/strong> (<em>cha\u00eene<\/em>) (facultatif) est un raccourci clavier pour le bouton ;<\/li>\n<li><strong>title<\/strong> (<em>cha\u00eene<\/em>) (facultatif) est le titre HTML ;<\/li>\n<li><strong>priority<\/strong> (<em>int<\/em>) (facultatif) est un nombre repr\u00e9sentant la position du bouton dans la barre d&rsquo;outils ;<\/li>\n<li><strong>instance <\/strong>(<em>cha\u00eene<\/em>) (facultatif) limite le bouton \u00e0 une instance sp\u00e9cifique de Quicktags.<\/li>\n<\/ul>\n<p>Supposons maintenant que nous voulions ajouter les balises requises par un surligneur syntaxique comme <a href=\"http:\/\/prismjs.com\/\">Prism<\/a>, et nous aimerions fournir \u00e0 la barre d&rsquo;outils de l&rsquo;\u00e9diteur des boutons qui affichent le balisage suivant :<\/p>\n<pre><code class=\"language-html\">&lt;pre&gt;&lt;code class=\"language-php\"&gt;&lt;\/code&gt;&lt;\/pre&gt;\n&lt;pre&gt;&lt;code class=\"language-css\"&gt;&lt;\/code&gt;&lt;\/pre&gt;\n&lt;pre&gt;&lt;code class=\"language-html\"&gt;&lt;\/code&gt;&lt;\/pre&gt;\n<\/code><\/pre>\n<p>Pour accomplir cette t\u00e2che, nous devons ajouter le code suivant au fichier principal d&rsquo;une extension :<\/p>\n<pre><code class=\"language-php\">function my_quicktags() {\n\tif ( wp_script_is( 'quicktags' ) ) {\n\t?&gt;\n\t&lt;script type=\"text\/javascript\"&gt;\n\tQTags.addButton( 'eg_php', 'PHP', '&lt;pre&gt;&lt;code class=\\\"language-php\\\"&gt;', '&lt;\/code&gt;&lt;\/pre&gt;', 'p', 'PHP Code', 100 );\n\tQTags.addButton( 'eg_css', 'CSS', '&lt;pre&gt;&lt;code class=\\\"language-css\\\"&gt;', '&lt;\/code&gt;&lt;\/pre&gt;', 'q', 'CSS Code', 100 );\n\tQTags.addButton( 'eg_html', 'HTML', '&lt;pre&gt;&lt;code class=\\\"language-html\\\"&gt;', '&lt;\/code&gt;&lt;\/pre&gt;', 'r', 'HTML Code', 100 );\n\t&lt;\/script&gt;\n\t&lt;?php\n\t}\n}\nadd_action( 'admin_print_footer_scripts', 'my_quicktags' ); \n<\/code><\/pre>\n<p>\u00a0<\/p>\n<p><a href=\"https:\/\/developer.wordpress.org\/reference\/hooks\/admin_print_footer_scripts\/\">admin_print_footer_scripts<\/a> est un hook d&rsquo;action utilis\u00e9 pour afficher des scripts dans le pied des page d&rsquo;administration. La fonction de rappel v\u00e9rifie si le script quicktags est utilis\u00e9, puis imprime le code JS.<br \/>\nCe script ajoute trois boutons suppl\u00e9mentaires \u00e0 n&rsquo;importe quelle instance des Quicktags dans le panneau d&rsquo;administration, comme le montre l&rsquo;image ci-dessous.<\/p>\n<figure style=\"width: 651px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2016\/11\/image-nouveaux-boutons-personnalises.png\" alt=\"L'image montre nos nouveaux boutons personnalis\u00e9s\" width=\"651\" height=\"194\"><figcaption class=\"wp-caption-text\">L&rsquo;image montre nos nouveaux boutons personnalis\u00e9s<\/figcaption><\/figure>\n<p>Ajouter des boutons \u00e0 la barre d&rsquo;outils de l&rsquo;\u00e9diteur est assez simple, mais nous pouvons faire beaucoup plus avec l&rsquo;API Quicktags. A titre d&rsquo;exemple, nous pouvons passer \u00e0 la m\u00e9thode <strong>QTags.addButton<\/strong> une fonction de rappel \u00e0 ex\u00e9cuter lorsque l&rsquo;utilisateur clique sur le bouton correspondant. Consid\u00e9rez le code suivant :<\/p>\n<pre><code class=\"language-php\">function custom_quicktags() {\n\n\tif ( wp_script_is( 'quicktags' ) ) {\n\t?&gt;\n\t&lt;script type=\"text\/javascript\"&gt;\n\tQTags.addButton( 'eg_callback', 'CSS div', css_callback );\n\n\tfunction css_callback(){\n\t\tvar css_class = prompt( 'Class name:', '' );\n\n\t\tif ( css_class && css_class !== '' ) {\n\t\t\tQTags.insertContent('&lt;div class=\"' + css_class +'\"&gt;&lt;\/div&gt;');\n\t\t}\n\t}\n\t&lt;\/script&gt;\n\t&lt;?php\n\t}\n}\nadd_action( 'admin_print_footer_scripts', 'custom_quicktags' );\n<\/code><\/pre>\n<p><strong>css_callback<\/strong> est une fonction JS personnalis\u00e9e \u00e0 ex\u00e9cuter lorsque l&rsquo;utilisateur clique sur le bouton personnalis\u00e9. Dans notre exemple, la fonction affiche une zone de saisie pour permettre aux utilisateurs de d\u00e9finir un nom de classe pour un \u00e9l\u00e9ment<strong> div.<br \/>\n<\/strong>La m\u00e9thode<strong> QTags.insertContent<\/strong> affichera la cha\u00eene sp\u00e9cifi\u00e9e dans la zone de texte de l&rsquo;\u00e9diteur.<\/p>\n<figure id=\"attachment_8071\" aria-describedby=\"caption-attachment-8071\" style=\"width: 650px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8071 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2016\/11\/invite_boite-1.png\" alt=\"La fonction de rappel de notre exemple invite une bo\u00eete de saisie qui permet aux utilisateurs de d\u00e9finir un nom de classe.\" width=\"650\" height=\"263\"><figcaption id=\"caption-attachment-8071\" class=\"wp-caption-text\">La fonction de rappel de notre exemple invite une bo\u00eete de saisie qui permet aux utilisateurs de d\u00e9finir un nom de classe.<\/figcaption><\/figure>\n<p>\u00a0<\/p>\n<p>Jusqu&rsquo;\u00e0 pr\u00e9sent, nous avons ajout\u00e9 des quicktags \u00e0 l&rsquo;\u00e9diteur WordPress dans les pages d&rsquo;administration gr\u00e2ce \u00e0 l&rsquo;action <strong>admin_print_footer_scripts. <\/strong>Si vous avez des instances de l&rsquo;\u00e9diteur dans l\u2019interface publique du site, vous devriez plut\u00f4t hooker la fonction callback \u00e0 l&rsquo;action<strong> wp_print_footer_scripts.<br \/>\n<\/strong>Quoi qu&rsquo;il en soit, en production, vous devriez envisager de mettre vos fichiers JavaScript en file d&rsquo;attente pour les scripts WordPress enregistr\u00e9s, comme expliqu\u00e9 dans <a href=\"https:\/\/kinsta.com\/fr\/blog\/wp-enqueue-scripts\/\">Comment mettre vos biens en file d&rsquo;attente dans WordPress<\/a>. Un outil utile pour cr\u00e9er des balises rapides personnalis\u00e9es est <a href=\"https:\/\/generatewp.com\/quicktags\/\">Quicktags Generator<\/a> par GenerateWP.<\/p>\n<h2 id=\"overriding-quicktags\">Remplacer les r\u00e9glages des balises rapides<\/h2>\n<p>L&rsquo;API Quicktags fournit une m\u00e9thode pour ajouter de nouveaux boutons \u00e0 la barre d&rsquo;outils. WordPress nous permet \u00e9galement de supprimer des boutons, gr\u00e2ce au filtre quicktags_settings.<\/p>\n<pre><code class=\"language-php\">function my_quicktags( $qtInit, $editor_id = 'content' ) {\n$qtInit['buttons'] = 'strong,em,link,block,del,ins,img,ul,ol,li,code,more,close';\n\treturn $qtInit;\n}\nadd_filter( 'quicktags_settings', 'my_quicktags', 10, 2 );\n<\/code><\/pre>\n<p>La fonction de rappel conserve deux arguments : <strong>qtInit<\/strong> est un tableau de r\u00e9glages et <strong>$editor_id<\/strong> est l&rsquo;identifiant unique de l&rsquo;\u00e9diteur. Dans notre exemple, <strong>$editor_id<\/strong> est par d\u00e9faut <strong>&lsquo;content&rsquo;<\/strong>, qui est l&rsquo;ID de la zone de texte de l&rsquo;\u00e9diteur dans la modification des pages.<\/p>\n<blockquote style=\"font-size: 1rem\"><p>Notez que les noms de balises dans la liste Quicktag sont s\u00e9par\u00e9s par des virgules non suivies d&rsquo;espaces.<\/p><\/blockquote>\n<p>Cette fonction remplace les r\u00e9glages par d\u00e9faut et peut \u00e9galement \u00eatre utilis\u00e9e pour supprimer tous les boutons de la barre d&rsquo;outils :<\/p>\n<pre><code class=\"language-php\">function my_quicktags( $qtInit, $editor_id = 'content' ) {\n\t$qtInit['buttons'] = ',';\n\treturn $qtInit;\n}\nadd_filter( 'quicktags_settings', 'my_quicktags', 10, 2 );\n<\/code><\/pre>\n<p>Nous avons assign\u00e9 une virgule comme valeur \u00e0 l&rsquo;\u00e9l\u00e9ment <strong>&lsquo;buttons&rsquo;<\/strong> du tableau<strong> $qtInit. <\/strong>Une cha\u00eene vide ne fonctionnera pas comme pr\u00e9vu et les r\u00e9glages par d\u00e9faut ne seront pas remplac\u00e9s.<\/p>\n<h2 id=\"wordpress-editor-front-pages\">Inclure l&rsquo;\u00e9diteur WordPress dans les pages<\/h2>\n<p>Disponible \u00e0 partir de la version 3.3, le La fonction <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_editor\">wp_editor<\/a> permet d\u2019inclure facilement les \u00e9diteurs WordPress n&rsquo;importe o\u00f9 dans le site.<br \/>\nLa fonction est d\u00e9finie dans le fichier<em> wp-includes\/general-template.php<\/em> comme suit :<\/p>\n<pre><code class=\"language-php\">wp_editor( $content, $editor_id, $settings = array() );<\/code><\/pre>\n<ul>\n<li><strong>$content<\/strong> (<em>cha\u00eene<\/em>) (obligatoire) d\u00e9finit le contenu initial de l&rsquo;\u00e9diteur ;<\/li>\n<li><strong>$editor_id<\/strong> (<em>cha\u00eene<\/em>)\u00a0(obligatoire) d\u00e9finit l&rsquo;attribut id pour la zone de texte et l&rsquo;\u00e9diteur TinyMCE (ne peut contenir que des lettres minuscules et des underscores) ;<\/li>\n<li><strong>$settings<\/strong> (<em>tableau<\/em>)(facultatif) un tableau d&rsquo;arguments.<\/li>\n<\/ul>\n<p>Le tableau d&rsquo;arguments permet de d\u00e9finir de nombreux param\u00e8tres de configuration pour les deux \u00e9diteurs, et un argument sp\u00e9cifique peut \u00eatre utilis\u00e9 pour passer les r\u00e9glages directement \u00e0 Quicktags (voir <a href=\"https:\/\/codex.wordpress.org\/Function_Reference\/wp_editor\">la liste compl\u00e8te des arguments<\/a> dans le Codex).<\/p>\n<p>Par exemple, vous pouvez inclure l&rsquo;\u00e9diteur dans un mod\u00e8le de page. Prenons l&rsquo;exemple suivant :<\/p>\n<pre><code class=\"language-php\">$content = '';\n\t$editor_id = 'mycustomeditor';\n\t$settings = array( \n\t\t'wpautop' =&gt; false, \n\t\t'media_buttons' =&gt; false, \n\t\t'quicktags' =&gt; array(\n\t\t\t\t'buttons' =&gt; 'strong,em,del,ul,ol,li,block,close'\n\t\t\t),\n\t);\nwp_editor( $content, $editor_id, $settings );\n<\/code><\/pre>\n<p>Ces quelques lignes de code affichent un \u00e9diteur vide avec l&rsquo;id de <strong>&lsquo;myeditor&rsquo;<\/strong> et les boutons sp\u00e9cifi\u00e9s dans la barre d&rsquo;outils de l&rsquo;\u00e9diteur de texte.<\/p>\n<ul>\n<li>L&rsquo;argument <strong>wpautop<\/strong> est d\u00e9fini sur false, de sorte que les \u00e9l\u00e9ments p seront utilis\u00e9s pour envelopper les paragraphes dans l&rsquo;\u00e9diteur,<\/li>\n<li>l&rsquo;argument <strong>media_buttons<\/strong> est d\u00e9fini sur false, de sorte que l&rsquo;utilisateur ne pourra pas t\u00e9l\u00e9verser de fichiers multim\u00e9dia,<\/li>\n<li>le tableau des <strong>balises rapides<\/strong> d\u00e9termine les boutons \u00e0 afficher dans la barre d&rsquo;outils de l&rsquo;\u00e9diteur de texte.<\/li>\n<\/ul>\n<p>En ce qui concerne l&rsquo;\u00e9diteur de texte WordPress, la principale diff\u00e9rence entre la fonction <strong>wp_editor()<\/strong> et le filtre<strong> quicktags_settings<\/strong> est que la fonction s&rsquo;applique \u00e0 une instance sp\u00e9cifique de l&rsquo;\u00e9diteur, et peut \u00eatre utilis\u00e9e pour inclure de nouveaux \u00e9diteurs partout dans le site (comme les mod\u00e8les de page), tandis que le hook quicktags_settings filtre toutes les instances existantes et ne peut \u00eatre utilis\u00e9 pour g\u00e9n\u00e9rer de nouvelles instances de l&rsquo;\u00e9diteur.<\/p>\n<p>Le code complet des exemples ci-dessus est <a href=\"https:\/\/gist.github.com\/carlodaniele\/191a53574e3d7965c5e1a49965ec2678\">disponible sur Gist<\/a>.<\/p>\n<h2 id=\"wordpress-text-editor-addquicktag-plugin\">Am\u00e9lioration de l&rsquo;\u00e9diteur de texte WordPress avec l\u2019extension AddQuicktag<\/h2>\n<p>Si vous avez besoin d&rsquo;un outil pour ajouter rapidement des boutons \u00e0 l&rsquo;\u00e9diteur de texte WordPress, <a href=\"https:\/\/wordpress.org\/plugins\/addquicktag\/\">AddQuicktag<\/a> est l\u2019extension faite pour vous.<\/p>\n<figure id=\"attachment_8066\" aria-describedby=\"caption-attachment-8066\" style=\"width: 985px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8066 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/11\/add_quicktag.png\" alt=\"AddQuicktag est une extension gratuite qui permet aux utilisateurs d'ajouter un bouton personnalis\u00e9 \u00e0 l'\u00e9diteur de texte WordPress.\" width=\"985\" height=\"463\"><figcaption id=\"caption-attachment-8066\" class=\"wp-caption-text\">AddQuicktag est une extension gratuite qui permet aux utilisateurs d&rsquo;ajouter un bouton personnalis\u00e9 \u00e0 l&rsquo;\u00e9diteur de texte WordPress.<\/figcaption><\/figure>\n<p>L\u2019extension fournit une page d&rsquo;options accessible depuis le menu<em> R\u00e9glages. <\/em>Dans cette page, l&rsquo;utilisateur administrateur peut ajouter des boutons personnalis\u00e9s et supprimer des boutons existants.<\/p>\n<p>AddQuicktag permet de configurer l&rsquo;\u00e9diteur sp\u00e9cifiquement pour les articles, pages et autres zones de texte activ\u00e9es par l&rsquo;\u00e9diteur, si disponibles (commentaires, widgets texte, etc.).<br \/>\nL\u2019extension ajoute \u00e9galement des balises rapides \u00e0 l&rsquo;\u00e9diteur visuel. Il suffit de cocher l&rsquo;option<strong> \u00ab\u00a0Visuel\u00a0\u00bb,<\/strong> et l&rsquo;\u00e9diteur visuel affichera un menu Quicktags avec vos boutons personnalis\u00e9s.<\/p>\n<p>La deuxi\u00e8me section de la page de l&rsquo;option AddQuicktag est consacr\u00e9e \u00e0 la configuration des balises rapides int\u00e9gr\u00e9es. Dans cette section, il est possible de supprimer des boutons dans des zones de texte sp\u00e9cifiques.<\/p>\n<figure id=\"attachment_8072\" aria-describedby=\"caption-attachment-8072\" style=\"width: 620px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8072 size-full\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2016\/11\/trois-boutons-supprimes-editeur-texte.png\" alt=\"Trois boutons ont \u00e9t\u00e9 supprim\u00e9s de l'\u00e9diteur de texte des pages\" width=\"620\" height=\"360\"><figcaption id=\"caption-attachment-8072\" class=\"wp-caption-text\">Trois boutons ont \u00e9t\u00e9 supprim\u00e9s de l&rsquo;\u00e9diteur de texte des pages<\/figcaption><\/figure>\n<p>La derni\u00e8re section fournit des fonctionnalit\u00e9s suppl\u00e9mentaires \u00e0 la barre d&rsquo;outils de l&rsquo;\u00e9diteur. La premi\u00e8re rang\u00e9e d&rsquo;options am\u00e9liore le bouton de code par d\u00e9faut, fournissant un menu de s\u00e9lection qui d\u00e9finit une classe CSS pour la balise de code en fonction de la langue s\u00e9lectionn\u00e9e.<\/p>\n<p>La deuxi\u00e8me ligne fournit deux boutons qui encodent et d\u00e9codent les caract\u00e8res sp\u00e9ciaux (<strong>htmlentities<\/strong>).<\/p>\n<figure id=\"attachment_32373\" aria-describedby=\"caption-attachment-32373\" style=\"width: 768px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-32373\" src=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/fonctions-avancees-addquicktag.png\" alt=\"Fonctions avanc\u00e9es d'AddQuicktag\" width=\"768\" height=\"334\" srcset=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/fonctions-avancees-addquicktag.png 768w, https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/fonctions-avancees-addquicktag-300x130.png 300w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption id=\"caption-attachment-32373\" class=\"wp-caption-text\">Fonctions avanc\u00e9es d&rsquo;AddQuicktag<\/figcaption><\/figure>\n<h2>R\u00e9sum\u00e9<\/h2>\n<p>Si vous \u00eates un d\u00e9veloppeur, vous trouverez peut-\u00eatre utile d&rsquo;ajouter aux \u00e9diteurs WordPress un th\u00e8me ou des fonctionnalit\u00e9s sp\u00e9cifiques aux extensions. L&rsquo;API Quicktags et un bon nombre de filtres et de fonctions nous fournissent des outils utiles nous permettant d&rsquo;ajouter de la valeur \u00e0 nos produits. Et si vous n&rsquo;\u00eates pas d\u00e9veloppeur, vous pouvez \u00e9galement configurer les \u00e9diteurs WordPress, gr\u00e2ce \u00e0 plusieurs extensions disponibles gratuitement dans le d\u00e9p\u00f4t des extensions WordPress, comme l\u2019extension AddQuicktag pr\u00e9sent\u00e9e dans cet article.<\/p>\n<p>Avez-vous d&rsquo;autres id\u00e9es de fonctionnalit\u00e9s utiles \u00e0 ajouter \u00e0 l&rsquo;\u00e9diteur de texte WordPress ?<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress users have two editors to choose from: the TinyMCE visual editor and the WordPress text editor. In this post we will have a look at how to get the most from the WordPress text editor. <\/p>\n","protected":false},"author":36,"featured_media":32375,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[47,33],"topic":[1028,954],"class_list":["post-32364","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-webdev","tag-wordpress","topic-developpement-wordpress","topic-outils-entreprises"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Un regard plus approfondi sur l&#039;\u00e9diteur de texte WordPress<\/title>\n<meta name=\"description\" content=\"Les utilisateurs de WordPress ont le choix entre deux \u00e9diteurs : un \u00e9diteur visuel et un \u00e9diteur de texte. Voyons comment tirer le meilleur parti de l&#039;\u00e9diteur de texte WordPress.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Un regard plus approfondi sur l&#039;\u00e9diteur de texte WordPress\" \/>\n<meta property=\"og:description\" content=\"Les utilisateurs de WordPress ont le choix entre deux \u00e9diteurs : un \u00e9diteur visuel et un \u00e9diteur de texte. Voyons comment tirer le meilleur parti de l&#039;\u00e9diteur de texte WordPress.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstafrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-10-04T11:39:47+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-09-18T08:23:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/11\/FR-Homepage-featured-image.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Carlo Daniele\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Les utilisateurs de WordPress ont le choix entre deux \u00e9diteurs : un \u00e9diteur visuel et un \u00e9diteur de texte. Voyons comment tirer le meilleur parti de l&#039;\u00e9diteur de texte WordPress.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/11\/wordpress-text-editor.png\" \/>\n<meta name=\"twitter:creator\" content=\"@carlodaniele\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_fr\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Carlo Daniele\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/\"},\"author\":{\"name\":\"Carlo Daniele\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\"},\"headline\":\"Un regard plus approfondi sur l&rsquo;\u00e9diteur de texte WordPress\",\"datePublished\":\"2019-10-04T11:39:47+00:00\",\"dateModified\":\"2024-09-18T08:23:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/\"},\"wordCount\":1920,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/editeur-texte-wordpress.png\",\"keywords\":[\"webdev\",\"WordPress\"],\"articleSection\":[\"D\u00e9veloppement WordPress\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/\",\"url\":\"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/\",\"name\":\"Un regard plus approfondi sur l'\u00e9diteur de texte WordPress\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/editeur-texte-wordpress.png\",\"datePublished\":\"2019-10-04T11:39:47+00:00\",\"dateModified\":\"2024-09-18T08:23:40+00:00\",\"description\":\"Les utilisateurs de WordPress ont le choix entre deux \u00e9diteurs : un \u00e9diteur visuel et un \u00e9diteur de texte. Voyons comment tirer le meilleur parti de l'\u00e9diteur de texte WordPress.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/editeur-texte-wordpress.png\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/editeur-texte-wordpress.png\",\"width\":1460,\"height\":730,\"caption\":\"Un regard plus approfondi sur l'\u00e9diteur de texte WordPress\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D\u00e9veloppement WordPress\",\"item\":\"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Un regard plus approfondi sur l&#8217;\u00e9diteur de texte WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/fr\/#website\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/fr\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/fr\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstafrance\/\",\"https:\/\/x.com\/kinsta_fr\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63\",\"name\":\"Carlo Daniele\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g\",\"caption\":\"Carlo Daniele\"},\"description\":\"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.\",\"sameAs\":[\"https:\/\/frammentidicodice.com\/\",\"https:\/\/x.com\/carlodaniele\"],\"url\":\"https:\/\/kinsta.com\/fr\/blog\/author\/carlodaniele\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Un regard plus approfondi sur l'\u00e9diteur de texte WordPress","description":"Les utilisateurs de WordPress ont le choix entre deux \u00e9diteurs : un \u00e9diteur visuel et un \u00e9diteur de texte. Voyons comment tirer le meilleur parti de l'\u00e9diteur de texte WordPress.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/","og_locale":"fr_FR","og_type":"article","og_title":"Un regard plus approfondi sur l'\u00e9diteur de texte WordPress","og_description":"Les utilisateurs de WordPress ont le choix entre deux \u00e9diteurs : un \u00e9diteur visuel et un \u00e9diteur de texte. Voyons comment tirer le meilleur parti de l'\u00e9diteur de texte WordPress.","og_url":"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstafrance\/","article_published_time":"2019-10-04T11:39:47+00:00","article_modified_time":"2024-09-18T08:23:40+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2024\/11\/FR-Homepage-featured-image.png","type":"image\/png"}],"author":"Carlo Daniele","twitter_card":"summary_large_image","twitter_description":"Les utilisateurs de WordPress ont le choix entre deux \u00e9diteurs : un \u00e9diteur visuel et un \u00e9diteur de texte. Voyons comment tirer le meilleur parti de l'\u00e9diteur de texte WordPress.","twitter_image":"https:\/\/kinsta.com\/wp-content\/uploads\/2016\/11\/wordpress-text-editor.png","twitter_creator":"@carlodaniele","twitter_site":"@kinsta_fr","twitter_misc":{"\u00c9crit par":"Carlo Daniele","Dur\u00e9e de lecture estim\u00e9e":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/"},"author":{"name":"Carlo Daniele","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63"},"headline":"Un regard plus approfondi sur l&rsquo;\u00e9diteur de texte WordPress","datePublished":"2019-10-04T11:39:47+00:00","dateModified":"2024-09-18T08:23:40+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/"},"wordCount":1920,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/editeur-texte-wordpress.png","keywords":["webdev","WordPress"],"articleSection":["D\u00e9veloppement WordPress"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/","url":"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/","name":"Un regard plus approfondi sur l'\u00e9diteur de texte WordPress","isPartOf":{"@id":"https:\/\/kinsta.com\/fr\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/editeur-texte-wordpress.png","datePublished":"2019-10-04T11:39:47+00:00","dateModified":"2024-09-18T08:23:40+00:00","description":"Les utilisateurs de WordPress ont le choix entre deux \u00e9diteurs : un \u00e9diteur visuel et un \u00e9diteur de texte. Voyons comment tirer le meilleur parti de l'\u00e9diteur de texte WordPress.","breadcrumb":{"@id":"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#primaryimage","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/editeur-texte-wordpress.png","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2019\/10\/editeur-texte-wordpress.png","width":1460,"height":730,"caption":"Un regard plus approfondi sur l'\u00e9diteur de texte WordPress"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/fr\/blog\/editeur-texte-wordpress\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/fr\/"},{"@type":"ListItem","position":2,"name":"D\u00e9veloppement WordPress","item":"https:\/\/kinsta.com\/fr\/sujets\/developpement-wordpress\/"},{"@type":"ListItem","position":3,"name":"Un regard plus approfondi sur l&#8217;\u00e9diteur de texte WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/fr\/#website","url":"https:\/\/kinsta.com\/fr\/","name":"Kinsta\u00ae","description":"Solutions d&#039;h\u00e9bergement premium, rapides et s\u00e9curis\u00e9es","publisher":{"@id":"https:\/\/kinsta.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/fr\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/fr\/wp-content\/uploads\/sites\/4\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstafrance\/","https:\/\/x.com\/kinsta_fr","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/962dde02ea6f5df089b5d8d0853bbc63","name":"Carlo Daniele","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/kinsta.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/429e5568f88110fd9a409b84cb22197e?s=96&d=mm&r=g","caption":"Carlo Daniele"},"description":"Carlo is a passionate lover of webdesign and front-end development. He has been playing with WordPress for more than 20 years, also in collaboration with Italian and European universities and educational institutions. He has written hundreds of articles and guides about WordPress, published both on Italian and international websites, as well as on printed magazines. You can find him on LinkedIn.","sameAs":["https:\/\/frammentidicodice.com\/","https:\/\/x.com\/carlodaniele"],"url":"https:\/\/kinsta.com\/fr\/blog\/author\/carlodaniele\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/32364","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/users\/36"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/comments?post=32364"}],"version-history":[{"count":4,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/32364\/revisions"}],"predecessor-version":[{"id":32378,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/posts\/32364\/revisions\/32378"}],"alternate":[{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/32364\/translations\/es"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/32364\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/32364\/translations\/fr"},{"href":"https:\/\/kinsta.com\/fr\/wp-json\/kinsta\/v1\/posts\/32364\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media\/32375"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/media?parent=32364"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/tags?post=32364"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/fr\/wp-json\/wp\/v2\/topic?post=32364"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}