{"id":13318,"date":"2018-07-24T10:30:38","date_gmt":"2018-07-24T08:30:38","guid":{"rendered":"https:\/\/www.redacteur.com\/blog\/?p=13318"},"modified":"2018-07-24T10:30:38","modified_gmt":"2018-07-24T08:30:38","slug":"bases-html-wordpress","status":"publish","type":"post","link":"https:\/\/www.redacteur.com\/blog\/bases-html-wordpress\/","title":{"rendered":"Les bases du HTML sur WordPress"},"content":{"rendered":"

WordPress pr\u00e9sente l’immense avantage de rendre la cr\u00e9ation d’articles et de pages web accessible \u00e0 tous.<\/p>\n

Gr\u00e2ce \u00e0 cette plateforme, n’importe qui peut s’improviser blogueur ou webmaster sans n\u00e9cessairement avoir de connaissances techniques.<\/p>\n

Mais n’oublions pas que derri\u00e8re cette interface simplifi\u00e9e se cache du code, et notamment du HTML, et qu’il est toujours bon d’avoir quelques notions pour utiliser WordPress de mani\u00e8re optimale.<\/p>\n

C’est pourquoi nous vous proposons de passer en revue les fondamentaux du HTML sur le c\u00e9l\u00e8bre syst\u00e8me de gestion de contenus.<\/p>\n

Pourquoi avoir des bases en HTML est utile sur WordPress ?<\/h2>\n

L’avantage num\u00e9ro 1 de WordPress est sa barre d’outil qui permet \u00e0 l’utilisateur d’\u00e9crire et d’\u00e9diter du contenu comme s’il utilisait un logiciel de traitement de texte (du type Microsoft Word).<\/p>\n

\"barre<\/p>\n

En v\u00e9rit\u00e9, les diff\u00e9rents boutons de l’\u00e9diteur servent \u00e0 faire du formatage HTML<\/strong> de mani\u00e8re simplifi\u00e9e : quand vous appuyez sur le bouton “Gras”, vous ne faites pas que mettre un mot en gras, vous lui appliquez (sans m\u00eame le savoir) une balise HTML<\/a> qui a pour effet d’afficher les caract\u00e8res en gras.<\/p>\n

Dans la pratique, cependant, il n’est pas rare que des erreurs de formatage se produisent ; erreurs qui ne peuvent \u00eatre r\u00e9par\u00e9es avec l’interface “simplifi\u00e9e” de WordPress.<\/p>\n

Cela peut arriver, par exemple, lorsque l’on copie-colle un document depuis un logiciel de traitement de texte : une fois “converti” sur WordPress, le texte peut vite adopter une mise en forme assez chaotique.<\/p>\n

Dans ce genre de cas, il est souvent beaucoup plus simple de retoucher directement le HTML.<\/p>\n

Par ailleurs, si l’\u00e9diteur WP est tr\u00e8s pratique, elle est somme toute assez limit\u00e9e : si vous souhaitez mettre en forme vos pages et articles de mani\u00e8re un peu plus pouss\u00e9e, vous n’aurez parfois pas d’autre choix que de mettre les mains dans le cambouis du HTML.<\/p>\n

\u00c9diter le HTML sur WordPress<\/h2>\n

Pour \u00e9diter le HTML d’un article sur WordPress, il suffit de cliquer sur l’onglet “Texte” de l’\u00e9diteur :<\/p>\n

\"mode<\/p>\n

Vous devriez alors voir s’afficher quelque chose de ce style :<\/p>\n

\"mode<\/p>\n

 <\/p>\n

Le mode Texte est en quelque sorte “l’envers du d\u00e9cor” d’un article ou d’une page sur WordPress : vous pouvez y voir diff\u00e9rentes balises (de la forme <xxx>) qui sont invisibles en mode Visuel. Reste \u00e0 savoir ce qu’elles signifient…<\/p>\n

Les principales balises HTML \u00e0 conna\u00eetre<\/h2>\n

Il existe des dizaines de balises HTML mais, dans les faits, seules quelques unes d’entre elles sont couramment utilis\u00e9es – surtout pour un usage “amateur” sur WordPress. Nous nous focaliserons donc sur les plus importantes.<\/p>\n

\u00c0 noter : les balises HTML s’\u00e9crivent sous la forme <xxx> et, dans la plupart des cas, doivent \u00eatre ferm\u00e9es par une balise <\/xxx>.<\/p>\n

Par exemple : <strong>WordPress<\/strong> donnerale mot WordPress<\/strong> en gras, comme nous le verrons plus bas.<\/p>\n

Les titres : <h1>, <h2>, etc.<\/h2>\n

Les titres font parties des \u00e9l\u00e9ments de formatage HTML les plus importants :<\/p>\n