Point fort du produit Divi : Pack d'en-têtes Divi

Vous manquez d'idées créatives pour les en-têtes de votre site Web ? Ou recherchez-vous un pack de mises en page d'en-tête pour vous faire gagner du temps et des efforts pour votre prochain projet de conception ? Divi Headers Pack est un produit Divi Marketplace avec plus de 960 dispositions d'en-tête pour Divi Builder. Chaque conception d'en-tête est adaptée aux mobiles et propose de nombreuses variétés parmi lesquelles choisir. Et parce qu'il est construit avec Divi, tout est entièrement personnalisable dans Divi Builder. Dans ce produit phare, nous examinerons certaines des mises en page que vous obtenez avec le pack d'en-têtes Divi pour vous aider à décider si c'est le bon produit pour vous.

Commençons!

Installation du pack d'en-têtes Divi

Divi Headers Pack se présente sous la forme d'un fichier ZIP contenant les fichiers Divi Library .json. Pour installer les dispositions d'en-tête, commencez par décompresser le fichier. Ensuite, ouvrez votre tableau de bord WordPress et accédez à la page Divi Library.

Cliquez sur Importer et exporter en haut, puis sélectionnez l'onglet d'importation. Choisissez le fichier de mise en page, puis sélectionnez Importer les mises en page de Divi Builder.

Une fois la mise en page importée, ouvrez le Divi Theme Builder. Cliquez sur Ajouter un en-tête personnalisé, puis sélectionnez la mise en page téléchargée dans votre bibliothèque Divi.

Cliquez sur Enregistrer les modifications une fois que vous avez terminé, et votre en-tête devrait apparaître sur votre site Web.

Pack d'en-têtes Divi

De nombreuses dispositions d'en-tête ont plusieurs variantes avec différents effets, fonctionnalités et styles. De plus, de nombreuses dispositions d'en-tête sont livrées avec trois versions - une avec un menu mobile qui se glisse à partir de la gauche, une qui se glisse à partir de la droite et une avec un menu mobile en plein écran. Avec toutes les variantes, il existe un total de plus de 980 dispositions d'en-tête fournies avec le pack d'en-têtes Divi.

En-têtes faciles

Il y a 50 en-têtes faciles inclus dans le pack d'en-têtes. Ce sont des en-têtes construits avec les options par défaut de Divi et ils sont simples et prêts à l'emploi. Ces mises en page n'ont pas non plus de variantes distinctes.

L'en-tête facile 8 comporte une barre de menu secondaire verte avec les heures de bureau et un bouton CTA. La barre de menu principale comporte un logo, des éléments de menu et un numéro de téléphone. La barre de menu principale est collante.

L'en-tête facile 20 contient le logo, les informations de contact et les icônes de médias sociaux en haut. Il y a une barre de séparation au milieu, et en dessous se trouvent les éléments de menu et un bouton CTA.

Il s'agit d'une disposition d'en-tête simple 25. Le numéro de téléphone et l'adresse e-mail sont répertoriés en haut, ainsi que les icônes des réseaux sociaux. Le menu est ci-dessous, avec un logo en ligne. La barre de menu principale est collante.

Easy header 32 comporte une barre d'en-tête avec des icônes de médias sociaux à gauche, le logo au milieu et un bouton CTA à droite. La barre de menu est ci-dessous, avec un fond orange.

En-têtes RTL

Les en-têtes RTL sont conçus pour les langages RTL. Il existe 5 conceptions de base et plusieurs variantes de chacune, avec un total de 42 dispositions d'en-tête RTL.

L'en-tête RTL 3 est une mise en page transparente. Il a le logo sur la gauche, les éléments de menu au centre et un bouton sur la droite. Lorsque vous faites défiler vers le haut, un fond blanc apparaît derrière le menu.

La mise en page d'en-tête RTL 12 a également une mise en page transparente et un fond blanc qui apparaît lors du défilement vers le bas de la page. Il comporte un logo, des éléments de menu au centre et un numéro de téléphone avec une icône à droite.

L'en-tête RTL 36 recouvre le contenu de la page et ne couvre pas toute la largeur. Il répertorie l'adresse, le numéro de téléphone et les icônes de médias sociaux tout en haut. Séparés par un séparateur, le logo, le menu et le bouton CTA sont ci-dessous.

Enfin, la mise en page RTL 39 a une barre de menu secondaire marron avec du texte et des icônes de médias sociaux. La barre de menu principale comporte un logo, des informations d'adresse, des heures de bureau, des éléments de menu et un bouton CTA.

En-têtes standards

La plupart des en-têtes standard ont plusieurs variantes. Ces variantes incluent des mises en page avec des arrière-plans transparents, différents styles d'ombre, des paramètres collants, des paramètres de défilement, etc. Ces légères variations sont excellentes et facilitent la recherche de l'en-tête parfait pour votre site. Avec 249 mises en page d'en-tête standard parmi lesquelles choisir, vous ne manquerez pas d'options ! Jetons un coup d'œil à quelques-uns des en-têtes standard.

L'en-tête standard 27 est une variante transparente. Il a un logo sur la gauche et une barre de menu alignée à droite ainsi que des icônes de médias sociaux. L'arrière-plan du menu devient blanc lors du défilement.

La disposition d'en-tête standard 60 flotte au-dessus du contenu de votre page. Il comporte une barre supérieure avec l'adresse, les heures de bureau et le numéro de téléphone. La barre de menu principale comporte un logo sur la gauche, des éléments de menu centrés et un bouton CTA sur la droite.

La mise en page standard 101 comporte une barre de menu secondaire en haut avec les heures de bureau, une adresse e-mail, un bouton CTA et des icônes de médias sociaux. La barre de menus principale comporte un logo et des éléments de menu alignés à droite.

La disposition d'en-tête standard 176 est une variante transparente et comporte un logo, des éléments de menu et un texte de présentation de numéro de téléphone. Il y a un fond blanc qui apparaît sur le défilement.

En-têtes de logo verticaux

Les en-têtes de logo verticaux sont spécialement conçus pour les logos verticaux plus grands. Il y a 19 mises en page au total.

La disposition d'en-tête vertical 5 est transparente jusqu'à ce que vous fassiez défiler, puis un arrière-plan blanc apparaît. Il comporte une icône d'appel à gauche, un menu au milieu avec le logo en ligne et une icône de recherche à droite.

L'en-tête de logo vertical 11 comporte une grande barre de menu supérieure avec un numéro de téléphone, le logo au centre et les heures à droite. La barre de menu est en dessous, et elle reste collante en haut de la page pendant que vous faites défiler.

L'en-tête de logo vertical 14 est une grande disposition d'en-tête avec une barre de menu secondaire en haut avec trois liens et des icônes de médias sociaux. En dessous se trouvent un numéro de téléphone, le logo au centre et les heures. Il y a un séparateur après cela, puis la barre de menus à gauche et un bouton CTA à droite.

Enfin, voici la disposition verticale de l'en-tête du logo 16. Le logo se trouve tout à gauche et s'étend sur toute la hauteur de l'en-tête. Il y a une barre de menu secondaire bleue avec du texte et un lien CTA. En dessous se trouve la barre de menu principale, avec les éléments de menu et un numéro de téléphone sur la droite.

En-têtes WOO

Les en-têtes Woo sont intégrés à WooCommerce pour présenter des informations sur le panier et la boutique dans l'en-tête. Il y a 29 en-têtes Woo au total.

Il y a un plugin que vous devez installer pour afficher le nombre de paniers avec l'icône du sac, et vous devez créer un menu et mettre à jour un paramètre dans l'un des modules d'en-tête pour que l'icône apparaisse, mais la documentation fournie avec le le produit est clair et facile à suivre et n'a posé aucun problème à mettre en place.

L'en-tête Woo 5 est transparent jusqu'au défilement et comporte un logo à gauche, des éléments de menu à droite et des icônes de panier, de boutique et de connexion à droite.

La mise en page d'en-tête Woo 20 a un fond blanc et une barre de menu secondaire avec du texte et un numéro de téléphone. La barre de menu principale comporte un logo, des éléments de menu au centre et des icônes de recherche, de panier et de connexion à droite. La barre de menu principale est collante lorsque vous faites défiler.

La mise en page de l'en-tête Woo 24 flotte au-dessus du contenu de la page. Il y a deux modules transparents en haut avec du texte et un numéro de téléphone. La barre de menu principale flotte en haut de la page et comporte un logo, des éléments de menu centrés et des icônes de recherche, de panier et de connexion sur la droite.

Enfin, la disposition d'en-tête Woo 28 comporte une barre de menu secondaire bleue avec du texte et un numéro de téléphone. En dessous se trouve un logo, puis le menu à gauche et les icônes de recherche, de panier et de connexion à droite. La barre de menu principale reste en haut de la page lorsque vous faites défiler.

En-têtes de création

La dernière catégorie du Headers Pack comprend 10 en-têtes créatifs. Ces mises en page sont destinées aux personnes qui connaissent très bien Divi, et qui ont des connaissances de base en CSS.

La première mise en page d'en-tête de cette liste comporte un logo à gauche et une icône de hamburger à droite.

Une fois que vous avez cliqué sur l'icône hamburger, votre menu avec tous ses éléments de menu apparaîtra.

L'en-tête 7 de la catégorie des en-têtes de création comporte une icône représentant un hamburger sur la droite.

Une fois que vous avez cliqué sur l'icône hamburger, un ensemble d'icônes glisse vers le bas. Vous pouvez lier ces icônes aux pages pertinentes.

Et notre dernier exemple de cette catégorie, l'en-tête 9, a une conception avancée avec plusieurs éléments bien équilibrés. L'un de ces éléments est une barre de recherche qui se place au-dessus des éléments de menu.

Acheter le pack d'en-têtes Divi

Divi Headers Pack est disponible sur Divi Marketplace. Il en coûte 19 $ pour une utilisation illimitée du site Web et des mises à jour à vie. Le prix comprend également une garantie de remboursement de 30 jours.

Dernières pensées

Divi Headers Pack contient de nombreux en-têtes différents et de nombreuses variantes de chaque conception, ce qui facilite la recherche d'une mise en page qui convient parfaitement à votre conception. Parce qu'il y a tellement de mises en page parmi lesquelles choisir, il peut être difficile de savoir par où commencer, mais la documentation du produit est excellente et vous pouvez télécharger un dossier d'aperçu qui contient un index utile de toutes les différentes mises en page que vous pouvez utiliser. Vous pouvez également consulter le site de démonstration ici et voir certaines des conceptions d'en-tête. Dans l'ensemble, le produit est facile à utiliser et à installer, a fière allure, est très varié et facile à personnaliser avec votre propre contenu. Si vous recherchez des mises en page d'en-tête prédéfinies pour votre prochain projet de conception, ce produit pourrait être idéal pour vous.

Nous aimerions avoir de vos nouvelles! Avez-vous essayé Divi Headers Pack ? Faites-nous savoir ce que vous en pensez dans les commentaires !