Bonjour et bienvenue sur Learn WordPress. Aujourd’hui,nous allons construire une page d’accueil avec
un thème basé sur des blocs. La page d’accueil est lecentre principal de votre site et sert de vitrine
à votre marque. Elle devrait inciter les internautes àexplorer davantage votre site et, bien sûr,
capter leur attention. Dans la session,d’aujourd’hui, nous allons définir une page d’accueil
statique, créer un élément de modèle d’entête,et de pied de page, supprimer le titre du site et
construire la page d’accueil à l’aide de l’éditeurde blocs. L’objectif est de recréer cette
page d’accueil que j’ai déjà réalisée. J’aiuniquement utilisé des blocs pour créer cette page d’accueil
ayant pour thème le voyage, et j’ai essayé decréer des opportunités pour inciter l’internaute
à explorer davantage le site web. Tout d’abord,j’ai créé trois articles. J’ai ajouté tous les
médias que j’utiliserai pour mon site web. J’aicréé des pages pour mon menu de navigation,
j’ai installé le thème basé sur des blocs TwentyTwenty-Two, et maintenant nous allons cliquer sur
le menu « Réglages » puis sur « Lecture ». Laprochaine étape consiste à définir une page d’accueil statique,
sélectionnez une page statique et définissez votre paged’accueil ainsi que votre page des articles, puis cliquez sur
« Enregistrer les modifications ». Lorsque nous revenonsaux pages nous remarquerons maintenant que cela indique
« Page des articles » à côté de blog et « Page d’accueil »à côté de la page d’accueil. Lorsque nous ouvrons notre page
d'accueil, nous constatons qu’elle a étéattribuée au modèle par défaut qui est
le modèle de page, ce qui signifie qu’ellepartagera le même entête et pied de page que
les autres pages. Si vous le souhaitez, vous pouvezcréer un modèle personnalisé unique spécifique
à la page d’accueil en cliquant sur« Nouveau ». Une fois que vous avez défini votre page d’accueil
statique, rendez-vous dans « Apparence » etcliquez sur « Éditeur ». Cela vous amènera à votre
éditeur de site. Cliquez sur la « Vue en liste »pour avoir une meilleure idée de
la structure de la page, et lapremière chose que nous allons
faire est de supprimer le titre de l’article. Ensuitesi nous cliquons sur le contenu de la page, rappelez-vous
que c’est là que le contenu de votre pagesera affiché. Je vais utiliser
des compositions pour remplacer l’entête actuel.Une fois que vous avez sélectionné le bloc parent,
cliquez sur « Remplacer », puis recherchezla composition pertinente qui répond à
vos besoins. Je recherche la composition d’entêteavec le logo du site au milieu
et les éléments de navigation sur les côtés.Ensuite, j’ajouterai les liens vers mes pages
ainsi que le logo du site. Enfin, je souhaitechanger la couleur de fond en blanc
et la couleur du texte ainsi que des liensen noir. Maintenant, nous pouvons suivre le même
processus pour le pied de page. Sélectionnez lebloc pied de page, cliquez sur « Remplacer », et trouvez
la composition de pied de page pertinente. Voilà ! Nousavons terminé la configuration de notre modèle, maintenant nous
nous pouvons commencer à ajouter du contenu à notre site. Cliquezsur l’icône WordPress ou l’icône du site
pour revenir au tableau de bord.Ouvrez la page d’accueil et maintenant nous pouvons commencer
à créer. La première chose que je veux ajouterest une image à la une, donc je vais ajouter
une composition de blocs. Je vais me rendre dans le répertoire des compositionsJe vais me rendre dans le répertoire des compositions et taper « bannière ». Une fois
que vous avez trouvé la composition que vous recherchez,vous pouvez simplement la copier et la coller
dans votre page, puis commencerà la modifier. Tout d’abord, je vais remplacer
l’image d’arrière-plan, modifier l’opacité, puiscommencer à personnaliser le contenu,
et en un rien de temps, vous aurez une bannièreaccompagnée par du texte. Ensuite,
j’insérerai un bloc « Galerie » et sélectionneraitrois images de ma bibliothèque de médias.
Ensuite, je vais cliquer sur la « Vue en liste »,sélectionner le bloc « Galerie », changer
l’alignement en pleine largeur et l’espacementdu bloc à zéro. Après le bloc « Galerie »,
je veux ajouter une offre spéciale, et pour cela,j’utiliserai un un bloc « Titre » et un bloc « Colonnes ».
Je vais commencer par écrire« Offre spéciale », changer l’alignement
au centre et appuyer sur entrée. Ensuite, j’ajouterai unbloc « Colonnes » avec deux colonnes. J’ouvrirai
la « Vue en liste » pour m’assurer d’avoirsélectionné le bloc parent. Je vais changer
l’alignement du bloc en pleinelargeur. Dans la colonne de gauche, j’ajouterai
une image, je changerai le style pourqu’elle soit arrondie, ajouterai une légende, j’ajouterai un
bloc « Boutons » en disant que vous obtiendrez 15%de réduction avec cette offre spéciale. Je vais changer
l’alignement au centre, le rayon à100, ajouter un lien et changer
l’arrière-plan en noir ; puis je ferai exactementla même chose dans la colonne de droite. Avant de continuer,
continue, je voudrais créer del’espace en utilisant des blocs « Espacement ».
Maintenant, je vais insérer un bloc « Boucle de requête »pour afficher certains de mes derniers
articles. Ajoutons donc un titre que nous appellerons« Où aller ensuite ». Je vais changer
l’alignement en pleine largeur et l’alignementdu texte au centre. Après avoir appuyé
sur « Entrée », j’insérerai le bloc« Boucle de requête » et cliquerai sur « Partir de zéro ». Ensuite,
je choisirai l’option « Image, date et titre »ainsi que la « Vue en grille ». Je changerai
ensuite l’alignement en pleine largeur.Sélectionnez l’une des images et,
dans les réglages de la colonne latérale, modifiez la hauteur pourpour vous assurer que toutes les images sont exactement
exactement de la même taille et répondentà vos besoins. Enfin, cliquez sur la « Vue en liste »
et supprimez tout bloc que vousne jugez pas important. Par exemple, le
« Pagination », le bloc « Aucun résultat »et le bloc « Date ». Après avoir
ajouté un autre bloc « Espacement », je vaisinsérer un bloc « Bannière ». Je choisirai
l’une des images de ma « Médiathèque »,changerai l’alignement en pleine largeur,
puis l’agrandirai,
et modifierai le sélecteur de point focalren conséquence. Je changerai également
l’opacité pour la rendre légèrement plus sombre. Une foisue nous aurons fait cela, nous pourrons commencer à ajouter
notre contenu. Dans ce cas, je vaisprésenter aux gens certaines des principales
destinations de voyage en 2022. Comme vous l’avezremarqué, vous pouvez changer la taille de votre
texte dans les réglages de la barre latérale. Ensuite,j’ajouterai un bloc « Boutons ». Je mettrai
le texte en gras, la couleur du texte ennoir et la couleur de fond en
blanc. Ensuite, je mettrai le rayon à 100et j’ajouterai un lien. Ensuite, nous voulons
présenter notre équipe aux internautes, je vaisajouter un bloc « Média et texte ».
Après avoir changé l’alignement en pleinelargeur, nous ajouterons une image du côté
gauche et le texte appropriéainsi qu’un bouton du côté droit. Nous suivrons
les mêmes étapes ou le même processusque dans les exemples précédents.
Ensuite, j’aimerais insérer unecomposition d’appel à l’action. Cliquez sur
« Tout parcourir », puis rendez-vousdans les compositions. Je vais chercher une
compositions de boutons et une fois que vous cliquezsur la composition, elle s’insérera immédiatement dans votre
page. Maintenant, je vaiscontinuer et modifier le contenu. La mise en place
d’une inscription à votre newsletter estune autre façon d’engager les
internautes et d’établir un contact avec ces personnes. J’aiseulement changé le texte et
n’oubliez pas d’ajouter un lien URL à votrebouton. Enfin, je vais ajouter un
bloc « Galerie » avec six images.
Assurez-vous de sélectionner le bloc parent dansla « Vue en liste » et changez votre galerie pour
pour afficher six colonnes. Ensuite, descendezet définissez l’espacement du bloc à zéro,
aet une fois que vous avez changé l’alignementen pleine largeur, vous êtes bon. Lorsque
je clique sur « Prévisualiser dans un nouvel onglet », je pourraivoir ma page d’accueil terminée
qui a été créée sans aucune extension oucode.
Je vous souhaite tout le meilleur dans votre utilisation d’un thème basé sur des blocspour créer votre propre page d’accueil et site web.