Écrire Arabe Sur WordPress : texte RTL propre, lettres attachées, harakât stables, et mise en page claire (mobile + PC).

Sur un site en français, WordPress est naturellement en LTR. L’arabe, lui, est en RTL. Le meilleur réflexe est de mettre ton arabe dans un bloc séparé, puis de lui donner une direction RTL claire. Si tu veux éviter les soucis d’affichage, colle ton texte en “texte brut” (pas depuis un PDF décoratif), puis vérifie l’apparence avec une police qui supporte bien l’arabe.

<p dir="rtl" class="apx-ar">السَّلَامُ عَلَيْكُمْ</p>

Si tu mélanges français + arabe dans la même phrase, utilise bdi pour stabiliser les signes :

Je dis : <bdi dir="rtl">السَّلَامُ عَلَيْكُمْ</bdi> aujourd’hui.

Dans Gutenberg, certains blocs gèrent bien le RTL, d’autres moins, surtout quand tu mixes des langues. Le plan le plus stable est simple : tu utilises un bloc “HTML personnalisé” pour l’arabe, ou tu appliques une classe RTL, puis tu la styles une seule fois en CSS. Résultat : ton texte arabe reste net, même quand ton thème change.

Le plus pratique est d’ajouter une classe, puis de réutiliser partout la même “brique” :

.apx-ar{
  direction: rtl;
  unicode-bidi: isolate;
  text-align: right;
  font-family: "Amiri","Noto Naskh Arabic","Scheherazade New","Tahoma","Arial",sans-serif;
}

Ensuite, dans ton contenu, tu appliques la classe à tes paragraphes arabes :

<p class="apx-ar" dir="rtl">ٱهْدِنَا ٱلصِّرَٰطَ ٱلْمُسْتَقِيمَ</p>

Quand l’arabe s’affiche mal, la cause est souvent visuelle : le thème utilise une police qui ne gère pas correctement l’arabe, ou un style CSS force une mise en forme qui abîme la direction et la ligature. La bonne solution est de forcer une police arabe sur tes blocs RTL, sans toucher au reste de ton site.

Astuce très pratique : quand tu montres de l’arabe au milieu d’un texte français, évite de tout mélanger dans un seul paragraphe. Mets l’arabe sur sa propre ligne, puis une explication en français juste en dessous. C’est plus clair à lire, et ça réduit les bugs.

“????” ou des carrés arrivent quand ton texte n’est pas interprété comme de l’Unicode normal (UTF-8), ou quand une police ne contient pas les glyphes. WordPress est généralement en UTF-8, mais un vieux thème, un vieux plugin, ou un copier-coller depuis une source spéciale peut provoquer ce rendu.

Les harakât sont des signes Unicode au-dessus / en dessous des lettres. Quand tout est bien réglé, elles s’affichent sans effort. Si ton rendu devient chargé, c’est souvent parce que la police ne gère pas bien les combinaisons. Dans ce cas, force une police connue pour l’arabe sur tes blocs RTL.

Un copier-coller depuis un PDF, une image convertie, ou un outil “decoratif” peut produire un texte qui ressemble à de l’arabe, mais qui n’est pas un texte propre. Résultat : les lettres n’ont plus le bon comportement et se séparent, ou la direction devient incohérente.

Si tu publies des versets et que tu veux éviter les problèmes de copie/affichage : Copier Un Verset Du Coran Sans Bug et Texte Coran Arabe Copier Coller.

Les listes et les tableaux sont souvent les zones où le RTL devient étrange, surtout quand tu alternes français et arabe. La solution la plus propre est d’appliquer RTL au conteneur de la zone arabe (pas à toute la page), et d’éviter de mélanger deux directions dans une seule puce.

Pour des tableaux de référence utiles (et très demandés), tu peux lier vers : Tableau Alphabet Arabe, Tableau Harakat Arabe, Lettres Solaires et Lunaires.

Pour écrire vite, le plus simple est d’activer le clavier arabe sur ton appareil, puis de copier-coller dans WordPress. Ça évite les outils “bizarres” qui transforment ton texte.

Si tu écris aussi sur d’autres supports : Écrire Arabe Sur Word et Écrire Arabe Sur Google Docs.

Parce que ton site est en français (LTR) et le thème aligne le contenu par défaut en LTR. La solution la plus propre est de mettre l’arabe dans un bloc dédié et d’appliquer dir="rtl" ou une classe RTL comme .apx-ar. Pour un guide Gutenberg : Mettre Texte Arabe RTL Gutenberg.

C’est un effet classique du mélange LTR/RTL dans la même ligne. Le correctif simple est d’isoler l’arabe avec bdi : ça stabilise la direction et la ponctuation. Tu peux aussi séparer en deux lignes (arabe puis français), ce qui est plus lisible sur mobile.

Le plus souvent, ce n’est pas WordPress lui-même, mais un mélange d’encodage + police + source de copier-coller. Commence par coller en texte brut, force une police arabe sur ton bloc RTL, puis teste avec une phrase simple. Pour aller plus loin : Unicode Arabe Problème et Caractères Arabes Cassés.

Change la police du bloc arabe (sur WordPress, la police du thème ne gère pas toujours bien les combinaisons). Utilise une police qui supporte bien l’arabe et garde l’arabe en bloc séparé. Tu peux aussi vérifier tes harakât avec : Tableau Harakat Arabe.

Les deux se complètent : le clavier arabe te permet d’écrire proprement, et le copier-coller est pratique pour des phrases ou des versets. Pour installer ton clavier : Clavier Arabe. Pour copier sans casser le texte : Clavier Arabe Copier Coller.

Si tu écris de l’arabe sur WordPress, ces sujets complètent parfaitement : clavier, direction RTL, affichage, copier-coller, et choix de police.

• ⌨️ Clavier Arabe

  Installer, changer de langue, copier-coller propre, taper les harakât.
  ›
• 🧭 RTL sur Gutenberg

  Mettre un bloc en RTL, gérer le mix français/arabe, stabiliser la ponctuation.
  ›
• 🧯 Texte arabe qui se casse

  Lettres séparées, formes étranges, rendu instable : causes et corrections.
  ›
• 🧬 Unicode Arabe Problème

  Caractères illisibles, “????”, compatibilité police/encodage.
  ›

Voici des articles directement utiles si tu écris de l’arabe sur WordPress : direction RTL, copier-coller propre, affichage, claviers, et pages “tableaux” très demandées.

• 🧾 Écrire En Arabe Sur WordPress

  Le guide dédié pour afficher l’arabe proprement.
  ›
• 🧭 Mettre Texte Arabe RTL Gutenberg

  Bloc RTL, mix langues, mise en page stable.
  ›
• 🧯 Texte Arabe Qui Se Casse WordPress

  Le cas le plus fréquent : causes + solutions.
  ›
• 🧩 Caractères Arabes Cassés

  Quand l’arabe devient illisible ou “bizarre”.
  ›
• 🔁 Lettres Arabes Séparées Copier Coller

  Copie depuis PDF/réseaux : corriger proprement.
  ›
• 🛠️ Texte Arabe Séparé Solution

  Solution guidée pour retrouver les ligatures.
  ›
• 🧬 Unicode Arabe Problème

  Encodage, compatibilité, affichage correct.
  ›
• 📋 Clavier Arabe Copier Coller

  Copier propre + éviter les bugs de rendu.
  ›
• 🧾 Tableau Alphabet Arabe

  Lettres, formes, repères visuels.
  ›
• 💠 Tableau Harakat Arabe

  Fatha/kasra/damma, shadda, soukoun, tanwin.
  ›