Comment personnaliser le header (entête) et le menu du thème Extra d’Elegant thème ?

Comment personnaliser le header (entête) et le menu du thème Extra d’Elegant thème ?

Le header tout comme le menu du thème Extra comportent de nombreuses options de personnalisation via le personnalisateur de thème. Ce dernier est facile à prendre en main, est traduit en français.

Personnaliser le header et menu du Thème extra avec le personnalisateur de thème

Allez dans l’onglet Extra situé dans le tableau de bord de WordPress et cliquez sur Personnalisateur de thème.

personnaliser le header et le menu du thème Extra d’Elegant thème

Un panneau latéral s’ouvre cliquez sur En-tête et paramètres de navigation, pour accéder à tous les paramètres de personnalisation du Header et du menu.

personnaliser le header et le menu du thème Extra d’Elegant thème

5 nouveaux onglets font leur apparition.

  • Paramètres de format d’en-tête.
  • Paramètres de la barre de menus principal.
  • Paramètres de la barre de menus secondaires.
  • Paramètres de navigation fixes.
  • Paramètres des éléments d’en-tête.

Bien, passons en revue tous ces onglets ensemble.

Paramètres de format d’en-tête (Header Format)

Paramètres de format d’en-tête (Header Format)

Dans cette section, vous allez pouvoir changer la disposition du menu. Par défaut ce dernier affiche le logo à droite et le menu à gauche.

Paramètres de format d’en-tête (Header Format)

En cliquant sur centré, le logo va s’afficher au centre du header et le menu lui aussi centré va se placer en dessous du logo.

Paramètres de format d’en-tête (Header Format)

La dernière option vous permet de cacher le header (logo + menu) jusqu’à ce que vous commenciez à faire dérouler la page.

Paramètres de format d’en-tête (Header Format)
Paramètres de format d’en-tête (Header Format)

Paramètres de la barre de menus principal (Primary menu bar)

Dans cette section, vous allez pouvoir changer plusieurs paramètres.

  • Mettre le header en pleine largeur.
  • Masquer l’image du logo.
  • Régler la hauteur du menu et logo.
  • Changer la police, la taille, la couleur et la couleur au survol du texte ainsi que l’espacement des lettres.
  • La couleur de fond du header.
  • La couleur de fond du menu déroulant, la couleur de la ligne de démarcation, la couleur du texte et l’animation.

Paramètres de la barre de menus secondaires (Secondary menu bar)

La barre de menus secondaires se trouve juste au-dessus du menu principal. Les paramètres sont à peu près identiques à ceux du menu principal.

Theme extra Paramètres de la barre de menus secondaires

Paramètres de navigation fixes

Lorsque vous faites défiler un page, le menu reste fixé en haut de page tout en se rétrécissant pour ne pas gêner la lecture de l’article. Différents paramètres peuvent être ajustés.

Vous pourrez masquer ou régler la hauteur du logo lors du défilement ou encore changer la couleur de fond du header, la taille, la couleur et la couleur au survol du texte.

Theme extra Paramètres de navigation fixes

Dans notre exemple, nous avons mis le header lors du défilement.

Theme extra Paramètres de navigation fixes

Paramètres des éléments d’en-tête

Ici, on fait référence aux éléments placés dans la barre de menus secondaire. Vous pouvez choisir de les afficher ou de les enlever.

Theme extra Paramètres des éléments d’en-tête

La barre de Tendance affiche les titres des articles que vous souhaitez mettre en avant.

La barre recherche permet à vos lecteurs de faire des recherches sur votre site.

Enfin les icones sociaux vous permettent d’envoyer vers les comptes de réseaux auxquels votre site est lié.

A noter que si vous décidez de cacher tous les éléments la barre secondaire ne s’affichera pas.

Dans notre exemple nous avons supprimé la barre de recherche.

Theme extra Paramètres des éléments d’en-tête

Comme vous pouvez le voir, le header et menu du thème ne manquent pas d’options de personnalisation, toutes très simples à réaliser.

Thème extra – présentation de ce thème orienté magazine et blog

Nous serions ravis de connaître votre avis

Laisser un commentaire

error: Contenu protégé - DMCA
globalwordpress
Logo