Créer une page de A à Z

Un tuto complet pas à pas pour créer une mise en page avancée avec l’éditeur Gutenberg de WordPress.

Étapes N° 1

• Créer une page
• Saisir un titre (h1)
• Définir l’image en avant
• Personnaliser le slug (url)
• Choisir le modèle de page

Concernant le titre celui ci doit contenir l’expression clé ciblée pour le SEO.
Dans ce tutorial, on cible : la vie des stromtroopers

Concernant le slug (url de la page), pour des raisons d’optimisation SEO, celle doit faire maximum 75 caractères et contenir une expression clé.

Étapes N° 2

• Créer deux colonnes et définir la largeur des deux colonnes
• Placer une image avec des angles arrondis
• Modifier une colonne (Couleur de fond, marge interne et angles arrondis)
• Titre h2 et h3 bicolore
• Ajouter un séparateur

Pour les titres :

Un seul H1 par page
Dans les corps de la page les titres doivent se suivre par niveau

Exemple valide :

• H1
• H2
• H2
• H3
• H3
• H2

Exemple non valide :

• H1
• H3
  (erreur H3 après h1)
• H2
• H3
• H3
• H2

Étapes N° 3

• Créer trois colonnes et définir la largeur de celles-ci
• Insertion d’images

Important

Pensez à renseigner un texte alternatif sur les images.

Étapes N° 4

• Créer une bannière
• Duplication de blocs et déplacements

Étapes N° 5

• Créer un tableau
• Personnalisation du tableau
• Ajout de lignes et colonnes
• Séparateur

Astuce

Utilisez les flèches Haut / Bas / Gauche / Droit pour vous déplacer dans le tableau.

Étapes N° 6

• Créer un effet parallaxe avec les groupes
• Gérer les marges internes des groupes
• Gérer l’opacité des couleurs de fond

Étapes N° 7

• Combiner groupes et colonnes
• Mise en place d’une galerie avec zoom au clic sur les images
• Modifier une galerie

Important

Pensez à renseigner un texte alternatif sur les images de la galerie

Étapes N° 8

• Bloc média et texte
• Liens vers les réseaux sociaux
• Couper et coller un bloc dans un groupe
• Modifier les titres (les graisses)

Important

Pensez à renseigner un texte alternatif sur les images de la galerie