Comment gérer l'identité de votre site avec le constructeur d'en-tête Ex2-Theme?

Gestion de l'identité de votre site avec le constructeur d'en-tête Ex2-Theme

Votre logo et les autres options d'identité du site sont directement liés à la présentation de votre marque. Comme ils font partie de votre en-tête, ils sont visibles sur toutes les pages et tous les
articles, ce qui aide les utilisateurs à toujours être conscients du site Web et de la marque avec lesquels ils interagissent.

Le thème WordPress Ex2-Theme est livré avec un constructeur d'en-tête et de pied de page par glisser-déposer. Grâce à cet outil, vous pouvez gérer facilement l'identité de votre site à l'aide de l'élément “Site Identity & Logo”. Ce document vous montrera comment définir simplement votre logo et d'autres éléments d'identité du site, incluant :

Logo principal du site
Logo Retina
Logo pour appareils mobiles
Titre du site
Slogan du site
Icône du site (Favicon)

Vous pouvez trouver le constructeur d'en-tête en accédant à Apparence > Personnaliser > Constructeur d'en-tête. Pour accéder aux paramètres de l'élément, cliquez
simplement sur l'élément dans le menu du tableau de bord Wordpress ou dans l'éditeur visuel d'en-tête dans l'aperçu.

Logo

Vous pouvez ajouter votre logo à partir de l'onglet “Général” du constructeur d’en-tête. Pour ajouter ou modifier votre logo, vous suivez les étapes suivantes :

Étape 1 : Cliquez sur la zone Logo et téléchargez un fichier ou sélectionnez un logo dans votre médiathèque. Vous pouvez ajouter des logos au format JPG, PNG et SVG.
Étape 2 : Bien que cette étape soit facultative, l'activation d'un logo différent pour les appareils Retina garantira que vos logos auront fière allure sur les appareils dotés d'écrans Retina. Il est conseillé de télécharger au moins deux fois plus grand afin que vos logos ne soient pas flous sur les écrans haute définition. Si vous décidez de ne pas utiliser cette option, votre site Web affichera également votre logo principal sur les écrans Retina.
Étape 3 : Une fois votre logo ajouté, vous pouvez choisir la largeur du logo. Cela définira la taille de votre logo, car la hauteur sera automatiquement calculée en fonction de la largeur. Vous pouvez également définir différentes largeurs de logo pour le bureau, la tablette et le mobile en cliquant sur l'icône d'édition réactive pour basculer entre ces écrans.
Étape 4 : Si votre conception nécessite un logo différent sur les appareils mobiles, vous pouvez passer à l'édition mobile et activer “Logo différent pour les appareils mobiles” pour que votre site affiche un logo différent uniquement sur les appareils mobiles. Gardez à l'esprit que le logo mobile que vous définissez sera utilisé à la fois pour les tablettes et les téléphones portables.
Étape 5 : Vous pouvez passer à l'onglet "Design” de l'élément et définir les marges du logo.

À noter :

Si vous activez l'en-tête transparent, vous aurez une option Logo différent pour le logo transparent, permettant de définir un logo, un logo Retina et une largeur de logo différents appliqués uniquement à l'en-tête transparent. Cette option est disponible dans Apparence > Personnaliser > Constructeur d'en-tête > En-tête transparent > Général.

Titre du site et slogan

Le titre du site est un nom que vous définissez pour le site Web, tandis que le slogan est la courte description d'une ligne.

Étape 1 : Vous pouvez les rendre visibles sous votre logo en activant leurs options respectives dans l'onglet “Général” de l'élément “Site Identity & Logo”. Vous pouvez les activer séparément pour les ordinateurs de bureau, les tablettes et les téléphones mobiles.
Étape 2 : Habituellement, le titre du site et le slogan sont ajoutés lors de la création d'un nouveau site Web dans la section Réglages > Général de votre tableau de bord. Si vous souhaitez les modifier, vous pouvez le faire directement dans les paramètres de l'élément sans quitter la section “Personnaliser” de votre éditeur.
Étape 3 : De plus, si vous souhaitez positionner le titre et le slogan de votre site sur le côté droit de votre logo, il vous suffit d'activer l'option “Logo en ligne et titre du site”.
Étape 4 : Si vous passez à l'onglet Design de l'élément, vous trouverez les options permettant de modifier la couleur et la taille de la police du titre et du slogan du site.

À noter :

Si vous activez l'en-tête transparent, vous aurez des options distinctes pour définir différentes couleurs de titre utilisées uniquement pour l'en-tête transparent. Cette option est disponible dans
Apparence > Personnaliser > Constructeur d'en-tête > En-tête transparent > Design.

Icône du site (Favicon)

Il s'agit d'une petite icône d'image qui peut être vue dans l'onglet d'un navigateur Web, des barres de favoris et des applications mobiles WordPress. Vous pouvez le définir avec l'option “Sélectionner l'icône de site”. La taille recommandée pour votre icône est de 512 pixels.

Mis à jour le : 20/03/2023