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 plugin WordPress – tutoriel

Comment installer un plugin WordPress – tutoriel

Comment installer un plugin WordPress ? Les plugins, également appelés extensions, dans WordPress, offrent un excellent moyen d'étendre les fonctionnalités de votre site web WordPress. Ils peuvent ajouter de nouvelles fonctionnalités, améliorer les performances et...

Comment créer un menu sur WordPress ?

Comment créer un menu sur WordPress ?

Il est facile de créer et de personnaliser un menu pour votre site web avec Wordpress. Suivez ces étapes dans ce tutoriels pour le faire. Dans le cas ou vous n’avez pas encore votre site wordpress, commencez ici pour créez votre site avec WordPress étape par étape de...

0 commentaires

Soumettre un commentaire

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

Pin It on Pinterest

Share This