Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Coupe WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Comment écrire des équations mathématiques dans WordPress

Écrire des équations mathématiques dans WordPress peut s’avérer difficile car l’éditeur par défaut ne supporte pas entièrement le formatage mathématique. Cependant, il existe des moyens d’ajouter facilement des équations à votre site.

Dans cet article, nous vous guiderons à travers trois méthodes différentes pour écrire des équations mathématiques sur WordPress. Que vous ayez besoin de formules simples ou d’équations complexes, ces techniques vous aideront à les afficher correctement sur votre site.

En suivant ces étapes, vous pouvez vous assurer que vos équations sont claires, professionnelles et faciles à lire pour votre public.

Writing math equations in WordPress

Pourquoi est-il difficile d’écrire des équations mathématiques sous WordPress ?

Il est difficile d’écrire des équations mathématiques et scientifiques dans WordPress en raison du manque de support pour les caractères dans le HTML.

WordPress fonctionne de manière dynamique en générant le contenu de votre site et en renvoyant la sortie HTML aux navigateurs des utilisateurs/utilisatrices pour qu’ils l’affichent.

Actuellement, MathML et LaTeX sont considérés comme les normes pour la rédaction d’équations mathématiques et scientifiques sur le web.

Malheureusement, nous les avons trouvés peu adaptés aux débutants. Ils nécessitent tous deux l’apprentissage de leur syntaxe, ce qui peut s’avérer compliqué pour les équations plus longues et plus complexes.

Ceci étant dit, voyons comment écrire des équations mathématiques sur votre blog WordPress.

Nous commencerons par une solution simple avant d’afficher comment utiliser MathML ou LaTeX dans WordPress. Vous pouvez utiliser les liens rapides ci-dessous pour passer à la méthode que vous souhaitez utiliser :

Méthode 1 : Écrire des équations mathématiques dans WordPress en utilisant des caractères Unicode

Cette méthode est plus simple et recommandée pour les utilisateurs/utilisatrices qui n’ont pas fréquemment besoin d’écrire des équations mathématiques. Pour cette méthode, vous utiliserez des caractères Unicode et les insérerez directement dans l’éditeur de publications.

Unicode est la norme de codage visant à fournir un support de codage de caractères pour toutes les langues. Elle est supportée par tous les constructeurs de sites, systèmes d’exploitation et appareils mobiles.

Voici comment ajouter des caractères mathématiques dans WordPress en utilisant Unicode.

1. Ajout de caractères mathématiques Unicode dans Mac

Sur les ordinateurs Mac, vous pouvez ajouter des opérateurs et des caractères mathématiques à partir de la barre d’outils située en haut.

Il suffit de cliquer sur Modifier  » Emoji & Symboles ou d’appuyer sur les touches Commande + Contrôle + Espace de votre clavier.

Character Viewer

L’application « Character Viewer » apparaît dans une fenêtre surgissante. À partir de là, vous pouvez sélectionner les symboles et les caractères que vous souhaitez insérer.

Il suffit de double-cliquer sur un caractère pour l’insérer dans l’éditeur d’articles de WordPress.

Vous pouvez également formater les caractères dans l’éditeur de posts à l’aide des options d’indice et d’exposant de la barre d’outils des paragraphes.

Using subscript and superscript in WordPress paragraph block

2. Ajout de caractères mathématiques Unicode dans Windows

Les utilisateurs/utilisatrices de Windows peuvent utiliser une application similaire pour insérer des opérateurs mathématiques et des caractères spéciaux dans l’éditeur de publications WordPress.

Ouvrez l’application Carte des caractères en cliquant sur Démarrer  » Accessoires Windows  » Carte des caractères. Les caractères les plus couramment utilisés s’affichent à l’écran.

Character Map app in Windows 10

L’application Carte des caractères supporte de nombreux codages différents, dont l’Unicode. Vous pouvez trouver les opérateurs mathématiques en sélectionnant la sous-gamme Unicode sous Groupe.

Après avoir Emplacement un caractère, vous devez cliquer pour le sélectionner, puis le copier. Revenez ensuite à l’éditeur de contenu de WordPress et collez le caractère.

L’ajout manuel de caractères spéciaux et d’opérateurs mathématiques est fastidieux, mais il fonctionne si vous ne l’effectuez qu’une fois de temps en temps.

Toutefois, si vous devez régulièrement écrire des équations mathématiques sur votre site, il est préférable que vous appreniez à utiliser l’une des deux méthodes décrites ci-dessous.

Méthode 2 : Écrire des équations mathématiques dans WordPress en utilisant LaTeX

LaTeX est une norme de composition explicitement conçue pour la rédaction de documents techniques et scientifiques.

Il est largement utilisé dans les milieux universitaires et est considéré comme la norme de facto pour l’écriture d’équations et d’autres documents scientifiques.

Le site officiel de LaTeX contient une documentation détaillée et des liens vers des tutoriels et des guides qui vous aideront à apprendre à l’utiliser.

Nous allons nous concentrer sur la manière d’apporter la composition LaTeX à votre site WordPress.

Tout d’abord, vous devez installer et activer l’extension MathJax-LaTeX. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Note : L’extension peut afficher une notification indiquant qu’elle n’a pas été mise à jour depuis un certain temps, mais nous l’avons testée sur notre site et elle a fonctionné correctement.

Une fois activé, vous devez modifier la publication ou la page dans laquelle vous souhaitez insérer une équation mathématique. Sur l’écran de modification de la publication, cliquez sur le bouton d’ajout d’un nouveau bloc (+) et insérez le bloc Shortcode dans votre contenu.

Shortcode block

Dans le bloc Shortcode, vous devez ajouter le code court dans le format abonné :

[latex]votre code LaTeX ici[/latex]

Add your shortcoe with the latex code

Vous pouvez maintenant enregistrer votre publication et la prévisualiser pour voir votre équation mathématique avec son formatage.

Voici à quoi cela ressemble sur notre site WordPress de démonstration.

A math equation displayed in WordPress using LaTeX

L’utilisation d’une application LaTeX hors ligne pour votre système d’exploitation est un moyen plus facile de générer le code dont vous avez besoin.

Vous pouvez également utiliser un environnement LaTeX en ligne comme Overleaf.

Overleaf

Vous pouvez ensuite copier et coller vos équations dans le bloc de codes courts de WordPress.

Méthode 3 : écrire des équations mathématiques dans WordPress en utilisant MathML

MathML est un langage de balisage conçu pour faciliter la publication d’équations mathématiques sur le web. Il utilise un balisage XML sémantique similaire à HTML.

WordPress ne supporte pas le MathML d’origine, et si vous ajoutez le code MathML dans l’éditeur de publications, il ne s’affichera pas correctement.

Heureusement, il existe une extension qui résout ce problème.

Il suffit d’installer et d’activer l’extension MathML Block. Pour plus de détails, consultez notre guide étape par étape sur l’installation d’une extension WordPress.

Note : L’extension peut afficher une notification indiquant qu’elle n’a pas été mise à jour depuis un certain temps, mais nous l’avons testée sur notre site et elle a fonctionné correctement.

Une fois activé, commencez à modifier la publication ou la page où vous souhaitez ajouter l’équation mathématique. Dans l’écran de modification de l’article, cliquez sur le bouton d’ajout d’un nouveau bloc (+) et ajoutez le bloc HTML personnalisé à votre contenu.

Adding custom HTML block in WordPress

Vous pouvez maintenant coller votre code MathML à l’intérieur du bloc HTML personnalisé.

Il devrait ressembler à ceci.

Adding MathML code in WordPress

Vous pouvez ensuite enregistrer votre publication ou votre page.

Lorsque vous le voyez dans un nouvel onglet, vous verrez MathML magnifiquement transformé sur votre site.

MathML preview

MathML Block utilise le moteur JavaScript MathJax pour convertir vos balises en équations mathématiques lisibles. Il supporte également les commandes LaTeX.

Pour ajouter votre code LaTeX, il suffit d’ajouter le bloc MathML à votre éditeur/éditrices de contenu.

Adding MathML block

Dans la zone de texte du bloc MathML, vous pouvez coller votre code LaTeX comme suit :

\N- [votre équation va ici\N]

Vous pouvez désormais enregistrer et prévisualiser votre publication pour la voir s’afficher sur votre article ou page de blog.

LaTeX in MathML Block

Nous espérons que cet article vous a aidé à apprendre comment ajouter des équations mathématiques sur WordPress. Vous pouvez également consulter nos choix d’experts pour les meilleures extensions de calculatrice WordPress et notre guide sur la façon d’écrire une excellente publication de blog.

Si vous avez aimé cet article, veuillez alors vous abonner à notre chaîne YouTube pour obtenir des tutoriels vidéo sur WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.

Divulgation : Notre contenu est soutenu par les lecteurs. Cela signifie que si vous cliquez sur certains de nos liens, nous pouvons gagner une commission. Consultez comment WPBeginner est financé, pourquoi cela compte et comment vous pouvez nous soutenir. Voici notre processus éditorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

L'ultime WordPress Toolkit

Accédez GRATUITEMENT à notre boîte à outils - une collection de produits et de ressources liés à WordPress que tous les professionnels devraient avoir !

Reader Interactions

6 commentairesLaisser une réponse

  1. Agu Sunday

    It was really helpful. it has solved the problem of many months of watching a lot of video without success. Thanks you so much

    • WPBeginner Support

      Glad our recommendation was helpful :)

      Administrateur

  2. Ioannis Giftakis

    Do you also know a WP Plugin that allows to put math formulas in comments also?

    • WPBeginner Support

      The second option from this article should be what you’re looking for :)

      Administrateur

  3. Ira Grossman

    I read on a Mircrossoft page that the shortest way to get to character map is to type « map » in the search bar and then select it from the list. Works for me, but with all things Windows you should check it out.

    • WPBeginner Support

      Thanks for sharing another way to find the character map :)

      Administrateur

Laisser une réponse

Merci d'avoir choisi de laisser un commentaire. Veuillez garder à l'esprit que tous les commentaires sont modérés selon notre politique de commentaires, et votre adresse e-mail ne sera PAS publiée. Veuillez NE PAS utiliser de mots-clés dans le champ du nom. Ayons une conversation personnelle et significative.