Le langage HTML

Connaître le HTML n’est pas strictement indispensable pour utiliser WordPress.org, mais c’est fortement recommandé si on veut plus d’autonomie, de contrôle et de personnalisation sur votre site.

Pourquoi ce n’est pas obligatoire

WordPress.org est conçu pour être accessible aux non-développeurs :

• On peut créer un site avec des thèmes prêts à l’emploi.
• L’éditeur de contenu (Gutenberg) est visuel : blocs de texte, images, boutons, etc.
• Les extensions (plugins) ajoutent des fonctionnalités sans coder.
• Les constructeurs de page comme Elementor, Divi ou Beaver Builder permettent des mises en page avancées sans HTML.

Pourquoi connaître HTML est un atout majeur

1. Modifier le contenu avec précision

On peut :

• Ajuster la mise en forme d’un texte quand les blocs ne suffisent pas.
• Insérer des éléments comme des vidéos, iframes, formulaires ou tableaux avec finesse.

2. Corriger ou personnaliser des templates

• Modifier des fichiers de thème (dans l’éditeur ou via FTP).
• Créer des shortcodes personnalisés.
• Comprendre et éditer le code généré par WordPress.

3. Éviter de dépendre entièrement des plugins

• Parfois, une ligne de HTML ou CSS remplace un plugin inutile.
• Moins de plugins = site plus rapide, plus sûr, plus stable.

4. Intégrer du code tiers

• Ajouter des scripts de suivi (ex : Google Analytics).
• Intégrer des widgets ou des outils externes (formulaires, réseaux sociaux…).

Recommandation

Si on utilise WordPress.org pour un usage professionnel ou à moyen/long terme, apprendre les bases du HTML et CSS est fortement conseillé. Cela donne plus de liberté, améliore sa capacité à résoudre des problèmes, et rend moins dépendant des outils visuels.

À minima, il faut apprendre :

• Les balises de base : <p>, <h1> à <h6>, <a>, <img>, <ul>/<li>, <div>, etc.
• Les attributs : href, src, alt, class, id, etc.
• Comment structurer une page HTML proprement.

Orientée WordPress.org, claire et pratique. En 10 minutes, on peut modifier du contenu, ajouter des éléments, et résoudre des petits problèmes visuels.

1. HTML : c’est quoi ?

Le HTML (HyperText Markup Language) sert à structurer le contenu d’une page web.

Exemple simple :

<h1>Bienvenue sur mon site</h1>
<p>Voici un paragraphe de texte.</p>
<a href="https://exemple.com">Cliquez ici</a>

2. Les balises de base à connaître

Où l’utiliser dans WordPress.org

Dans l’éditeur Gutenberg :

• Cliquer sur un bloc → convertissez-le en « bloc HTML personnalisé ».
• Ou insérez directement des balises simples dans un bloc paragraphe (ex : <strong>texte en gras</strong>).

Dans un widget HTML :

• Allez dans Apparence > Widgets, ajoutez un widget HTML personnalisé.

Dans le menu Apparence > Éditeur de thème :

• Accès aux fichiers comme header.php, footer.php, page.php.
  Soyez prudent ici (faites une sauvegarde avant).

4. Exemples utiles

➤ Lien vers une page :

<a href="https://mon-site.com/contact">Me contacter</a>

➤ Insérer une image :

<img src="https://mon-site.com/wp-content/uploads/image.jpg" alt="description de l'image">

➤ Créer une liste :

<ul>
  <li>Élément 1</li>
  <li>Élément 2</li>
</ul>

➤ Mettre un mot en gras :

<p>Ceci est un <strong>mot important</strong>.</p>

5. Ce qu’il ne faut pas faire :

• Ne jamais copier-coller du HTML depuis Word sans vérifier : cela génère souvent du code sale.
• Ne pas modifier un thème directement sans créer un thème enfant (sinon vos changements disparaîtront à la prochaine mise à jour).

Et ensuite ?

Pour aller un peu plus loin :

• Apprenez le CSS pour styliser les éléments HTML.
• Découvrez les bases du PHP si vous voulez modifier les fonctions de WordPress.
• Essayez d’inspecter des pages avec clic droit > Inspecter (dans Chrome).

PHP LES BASES – 1/3 TUTORIEL PHP DEBUTANT

PHP LES BASES – 2/3 FONCTIONS ET FORMULAIRES GET/POST

PHP LES BASES – 3/3 CONNEXION BASE DE DONNÉES MYSQL (PDO)