CMS Wordpress - Customiser son thème avec HTML et CSS

CMS Wordpress - Customiser son

thème avec HTML et CSS

Révision des principes HTML 4 et CSS 2

HTML 5

• La vision sémantique du HTML 5
• Les nouveaux éléments : section, article, aside, nav,

section …
• Les formulaires HTML 5
• Les nouveaux types (email, tel, ...)
• Les nouveaux attributs de formulaires (required,

placeholder, label, fieldset)
• Audio et Video en HTML 5
• Les balises video et audio, leurs attributs

CSS3

• Standardiser les propriétés
• Mise en page, positionnement, dimensionnement
• Les pseudo-element
• les nouveaux selecteurs :hover, :before, :after , :first-

letter
• Coins arrondis
• Ombres portés, ombres interne
• Couleurs, dégradés, et transparence
• Intégrer ses propres polices
• Mise en page multi-colonnes

Principe des Media Queries CSS3 pour créer des sites

Web responsive
Feuille de style CSS multi-écran pour ordinateur, mobile et

tablette

Wordpress, HTMl CSS

• Créer un thème enfant à partir d’un thème de base
• Surcharger le code pour personnaliser le css du template
• Ajouter des élements (texte, titre, images) et les positionner
• Supprimer les éléments indésirables
• Commenter son code
• Masquer certains éléments
• Personnaliser les widgets via html et css
• Ajouter une feuille de style additionnelle

Public :

gestionnaire de site, Webmasters et développeurs de sites Internet

Pré-requis :

Bonne connaissances de Wordpress

Durée :

21 heures (3 jours)

Logiciel manipulé :

Wordpress

Objectifs :

Apprendre à customiser son thème par l’actualisation des connaissances en Html5/CSS3 adapté à la structure

d’un thème Wordpress.