Accueil » Notre Blog WordPress » WordPress tuto » Comment créer un menu Full Site Editing dans WordPress

Comment créer un menu Full Site Editing dans WordPress

Publié par : Said
Publié le 09/06/2023
créer un menu Full Site Editing dans WordPress

Comment créer un menu full site editing avec les nouveaux Block themes ? Car en effet, avec les nouveaux Block themes, le menu dans la partie Apparence a disparu !

WordPress 5.9 a introduit l’édition complète du site (FSE), une nouvelle fonctionnalité qui permet aux utilisateurs de créer et de modifier l’ensemble du design de leur site à l’aide de l’éditeur de blocs. Cela inclut l’en-tête, le pied de page et toutes les pages du site.

Le Full Site Editing est un outil puissant qui peut être utilisé pour créer des designs personnalisés pour votre site WordPress. Dans ce tutoriel, nous allons voir comment créer et personnaliser notre menu Full Site Editing.

Bien sûr, le seul prérequis pour suivre ce tutoriel est d’avoir installé un Block thème et non un thème classique.

Si vous avez un thème classique, vous pouvez lire cet article plutôt : Comment créer un menu sur WordPress ?

Créer un menu d’édition de site complet

Pour créer un menu avec le Full Site Editing dans WordPress, vous pouvez suivre les étapes suivantes :

1ére Étape :

  • Allez dans le menu Apparence du tableau de bord de WordPress.
  • Cliquez sur l’onglet Éditeur.
créer un menu pour un block thème étape 1

2eme Étape :

  • Cliquez sur l’onglet « Éléments de modèles » à gauche.
créer un menu full site editing étape 2

3eme Étape :

  • Nous avons deux possibilités : soit modifier le menu d’un en-tête déjà existant en cliquant dessus, soit en créer un nouveau en utilisant le bouton ‘+’.
  • Dans notre cas, nous allons créer un nouvel en-tête appelé « New Header ». Pour cela, il vous suffit de cliquer sur le bouton « + ».
créer un menu pour un block thème étape 3

4eme Étape :

  • Pour créer un nouvel en-tête appelé « New Header », il vous suffit de saisir le nom souhaité dans le champ prévu à cet effet, puis de cliquer sur « En-tête » et enfin sur « Créer ».
créer un menu full site editing étape 4

5eme Étape :

  • Cliquez sur l’icône « + » dans la barre d’outils des blocs. Ensuite, recherchez le bloc « Navigation ».
créer un menu pour un block thème étape 5

6eme Étape :

Le menu par défaut du Block thème va apparaître, mais nous souhaitons ici créer notre propre menu.

  • Cliquez sur les trois points verticaux à côté du menu dans la partie bloc à droite. Vous pouvez également choisir un autre menu déjà créé.
  • Dans notre cas, sélectionnez l’option « Créer un nouveau menu » pour créer votre propre menu personnalisé.
créer un menu full site editing étape 6

7eme Étape :

La première chose que nous allons faire est de donner un nom à notre menu.

  • Cliquez sur la roue dentée « Paramètres » ou « Settings », puis cliquez en bas sur « Avancé » et entrez le nom que vous souhaitez.
  • Cliquez sur « Enregistrer » (vous pouvez choisir de sauvegarder seulement le menu ou le menu + le nouveau modèle de header. Il suffit de sélectionner ce que vous voulez lors de la confirmation de la sauvegarde).
créer un menu pour un block thème étape 7

derniere Étape :

  • Cliquez maintenant sur l’onglet « Vue en liste » ou « List View » dans la partie droite.
  • Enfin, avec le bouton « + », vous pouvez sélectionner et ajouter les pages, les articles ou tout autre contenu que vous souhaitez ajouter à votre menu. Cliquez sur l’élément que vous avez ajouté si vous souhaitez le modifier (libellé, URL, etc.).
  • N’oubliez pas de sauvegarder votre travail.
créer un menu full site editing étape 8

Désormais, vous pouvez ajouter votre menu ou remplacer celui déjà existant sur n’importe quelle page ou article, dans l’en-tête ou le pied de page de votre site.

modifier le menu full site editing d'une page de votre site web WordPress.

Votre menu sera désormais affiché dans l’en-tête ou le pied de page de votre site.

Personnalisation du menu Full Site Editing

Vous pouvez personnaliser l’apparence du menu d’un Block thème en utilisant les paramètres suivants :

  1. Vue en liste (List View) : Ces paramètres vous permettent de contrôler l’ajout, la suppression et la modification des éléments de votre menu Block thème (sous-menu, ordre des éléments, libellé des éléments, URL des éléments, etc.).
  2. Réglages (Settings) : Ces paramètres vous permettent de contrôler la justification, l’orientation, l’affichage mobile ou encore le changement de nom ou l’ajout d’un ID CSS dans l’onglet Avancé.
  3. Style : Ces paramètres vous permettent de contrôler l’apparence de votre menu, comme la police, la couleur et la taille du texte.
Personnalisation du menu Full Site Editing

Vous trouverai ici la liste des Block theme : repertoire wordpress.

N’oublier pas si vous avez un thème classique, vous pouvez lire cet article plutôt : Comment créer un menu sur WordPress ?

Conclusion

FSE est une nouvelle fonctionnalité puissante de WordPress qui donne aux utilisateurs plus de contrôle sur la conception et la mise en page de leurs sites. En suivant les étapes ci-dessus, vous pouvez créer des menus personnalisés et ajouter une image de profil à votre compte.

Vous pourriez aussi aimer

Comment installer un thème WordPress : tutoriel

Comment installer un thème WordPress : tutoriel

Comment installer un thème WordPress? Lors de la conception d'un site WordPress, les thèmes jouent un rôle central en définissant l'esthétique, l'expérience utilisateur et l'identité visuelle de votre plateforme en ligne. En impactant l'aspect visuel, ils façonnent la...

Les Réglages WordPress essentiels après Installation

Réglages WordPress essentiels après Installation , résumer de la transcription de la vidéo. Bonjour à tous et bienvenue sur WP Top Guide ! Dans nos vidéos précédentes, nous avons expliqué comment installer WordPress en local avec Wamp...

Installation de WordPress sur O2Switch le guide complet

Installation de WordPress sur O2Switch le guide complet

Bienvenue dans notre guide complet sur l'installation de WordPress sur l'hébergeur O2Switch. Dans cette ère numérique, avoir un site web fonctionnel est essentiel. Nous allons vous montrer comment installer WordPress sur un hébergeur en ligne, ce qui vous permettra...

0 commentaires

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

planethoster offre
l'offre elegenttheme
Bluehost offre

Pin It on Pinterest

Share This