Création d’un site web
Les vidéos ci-dessous sont extraites d’un tutoriel très complet mis en ligne par WP Origami. Il est essentiel, avant d’aborder ces vidéos, d’avoir effectué la configuration initiale du site et de la page d’accueil avec ce guide.
Un site web commercial intègre au moins deux autres pages essentielles : « À propos » et « Contact »
La page « À propos » présente l’entreprise, le commerce, la marque, les activités, le personnel… Ça passe par son histoire, ses produits, ses valeurs, etc… Tout ce qu’un visiteur curieux souhaite savoir.
La page « Contact » regroupe les informations qui permettent au visiteur d’entrer en contact avec l’entreprise : coordonnées téléphoniques, adresse, plan, réseaux sociaux, email… On y trouve souvent un formulaire de contact.
Se rendre dans le menu Page, puis Ajouter une page
De la même manière que pour la page d’accueil, créer les pages « A propos » et « Contact »
À la visite du site, les différentes pages apparaissent maintenant dans l’en-tête (ou header).
Structure d’une page web
2 minutes
Pour commencer, une présentation rapide de la structure d’une page web : page, en-tête (header) et pied de page (footer), menu
L’éditeur de blocs
11 minutes
La découverte de l’éditeur de blocs, également appelé Gutenberg
Au cours du tutoriel, on est invité à activer l’extension Kadence Blocks. Or vous n’avez pas accès au menu des extensions.
Il faut savoir que celle-ci est déjà activée donc le début de la vidéo diffère légèrement, surtout quand on ouvre l’outil d’insertion de blocs.
Le bloc Rangée
9 minutes
Le bloc Rangée (raw lay out) remplace avantageusement le bloc natif Colonne.
Il permet d’organiser les blocs dans la page en définissant des Sections
Les marges
2 minutes
Les marges internes et externes sont les espaces entre les blocs.
Il faut rapidement apprendre à les gérer pour aérer la page et la rendre plus agréable à lire.
Construction d’une page d’accueil
15 minutes
Exemple de construction d’une page d’accueil.
Cohérence du design
4 minutes
Choix des couleurs et des polices.
Quelques éléments de base sur le web design.
Les menus
4 minutes
Construction et configuration des menus.
L’en-tête
4 minutes
Configuration de l’en-tête (header).
Pied de page
8 minutes
Configuration du pied de page (footer)