Comment ajouter un modèle d'en-tête dans Oxygen Builder - étape par étape

Oxygen builder est un excellent plugin de création de pages WordPress. Bien qu'Elementor Pro ait pris l'essentiel du crédit pour les plugins de création de pages, Oxygen est un excellent outil pour les débutants. Il faut un certain temps pour s'habituer à ce nouveau constructeur de pages, mais une fois que vous l'avez fait, il est assez simple à utiliser.

Si vous souhaitez ajouter un en-tête personnalisé à l'aide du constructeur Oxygen, je vous guiderai dans cet article. Les débutants ont souvent du mal à ajouter un modèle d'en-tête à Oxygen Builder. Par conséquent, je vais l'expliquer d'une manière aussi simple que possible.

Installation d'Oxygen Builder avec ou sans modèle

Par défaut, Oxygen Builder désactive les thèmes. La personnalisation à l'aide du tableau de bord WordPress et des paramètres de thème n'est donc pas disponible.

En utilisant Oxygen Builder, vous pouvez facilement créer des en-têtes, des pieds de page, des fenêtres contextuelles et du contenu principal sans avoir besoin d'un thème sophistiqué.

Au cours du processus d'installation, Oxygen vous permet de choisir entre une installation par défaut et une installation vierge. Dans « Installation par défaut », un modèle avec un en-tête et un pied de page sera ajouté, tandis que dans « Installation vierge », le constructeur de page sera installé sans en-têtes, pieds de page ou contenu.

Easy Ways : Comment ajouter un modèle d'en-tête dans Oxygen Builder ?

Si vous le souhaitez, vous pouvez utiliser un modèle prédéfini ou créer votre en-tête Oxygen à partir de zéro. Il comprend 18 ensembles de modèles , dont 18 ensembles d'en-têtes et de pieds de page. En fonction du thème de votre site Web et de la conception cible, vous pouvez choisir un en-tête.

Pour ajouter un en-tête à partir de la bibliothèque de modèles, vous devez accéder au menu Oxygen dans la barre latérale gauche du tableau de bord WordPress.

Allez dans Oxygen ⇒ Templates ⇒ Main ⇒ Edit ⇒ Edit with Oxygen. Vous arriverez sur une page avec un en-tête, un pied de page et du contenu ou vierge selon votre installation.

Pour ajouter un nouvel en-tête, cliquez sur le bouton « Ajouter des éléments » (« ⊕ ») puis faites défiler et sélectionnez Bibliothèque. Cliquez sur "Ensemble de conception".

Ensuite, choisissez n'importe quel modèle dans la liste et cliquez sur " Section et éléments ", faites défiler jusqu'à En- têtes . Selon le modèle, vous obtiendrez 1 à 5 conceptions d'en-tête dans chaque modèle.

Habituellement, les nouveaux éléments ont tendance à tomber en bas de la page. Vous pouvez faire glisser l'en-tête à l'aide du pointeur et le déposer en haut de la page.

Voici quelques-uns des modèles d'en-tête que vous pouvez obtenir.

Construire un en-tête avec Oxygen Header Builder

Bien qu'il existe de nombreuses options disponibles, vous souhaiterez peut-être créer un en-tête personnalisé. Le générateur d'en-têtes Oxygen simplifie et améliore le processus de création d'en-têtes. En quelques clics, vous pouvez créer un en-tête spécifique à l'appareil et réactif.

Étape 1 : Création d'un nouveau modèle

Vous pouvez travailler sur le modèle par défaut sur l'en-tête Oxygen. Vous pouvez supprimer l'en-tête par défaut du modèle principal et créer un nouvel en-tête ou créer un nouveau modèle.

Pour ajouter un nouveau modèle, accédez à Modèles sous Oxygène. Cliquez sur "Ajouter un nouveau modèle", nommez-le comme vous le souhaitez et cliquez sur publier.

Vous obtiendrez maintenant le bouton Modifier avec Oxygen pour créer votre en-tête. Vous obtiendrez une page vierge où vous ferez l'en-tête comme vous le souhaitez.

Étape 2 : Création d'un générateur d'en-tête

Maintenant, cliquez sur "Ajouter des éléments", cliquez sur Helpers, puis sélectionnez "Header Builder". L'en-tête est incomplet sans logo ni menu.

Vous pouvez ajouter les éléments à partir du bouton Ajouter des éléments. Pour ajouter le Menu, vous devez cliquer sur le bouton Ajouter puis sur WordPress ⇒ Menu.

Dans les paramètres, sélectionnez Menu principal si vous avez plusieurs menus sur votre site Web.

Vous pouvez également ajouter un bouton en utilisant la même méthode. La meilleure caractéristique de la création d'un en-tête dans Oxygen, vous pouvez faire glisser et déposer des éléments pour ajuster la position. Vous pouvez placer les éléments dans les positions d'alignement à droite, au centre et à gauche.

En outre, vous pouvez utiliser les paramètres de structure pour ajuster la position des éléments si vous ne vous sentez pas à l'aise de faire glisser directement sur le générateur d'en-tête.

Vous pouvez faire glisser des éléments sous Row Left, Row Center et Row Right. En outre, vous pouvez placer n'importe quel élément dans une nouvelle ligne à partir de la barre latérale de la structure.

Étape 3 : Plusieurs lignes pour l'en-tête

Vous pouvez ajouter plus de lignes pour ajouter des informations et des liens pour votre entreprise. Par exemple, vous pouvez ajouter les heures d'ouverture et les icônes sociales sur une nouvelle ligne dans l'en-tête. Double-cliquez sur " Header Builder " dans le coin inférieur droit de l'en-tête principal.

Cliquez sur « Ajouter une autre ligne » dans la barre latérale gauche. Je vais ajouter les heures d'ouverture et les icônes sociales dans cet exemple sur la nouvelle ligne. Vous pouvez utiliser votre créativité dans cette méthode.

Pour ajouter des heures d'ouverture, je choisirai du texte dans l'onglet des éléments, et pour les icônes sociales, vous pouvez également le rechercher dans la bibliothèque d'éléments. Faites glisser l'en-tête secondaire vers le haut ou vers le bas de l'en-tête principal.

Voici ma version du Header avec Oxygen Header Builder.

Étape 4 : Rendre l'en-tête réutilisable

Lorsque vous êtes satisfait du modèle d'en-tête, vous devrez le rendre utilisable pour n'importe quelle page. Vous devez le définir manuellement si vous créez un nouveau modèle au lieu de modifier le modèle « principal ».

Tout d'abord, accédez à la section des modèles dans le menu Oxygen. Cliquez sur modifier sur le modèle que vous avez créé pour l'en-tête. Maintenant, faites défiler vers le bas et cliquez sur "Autre", puis cochez () " Catch All ".

Cliquez ensuite sur Modifier avec Oxygen et ouvrez la barre latérale Structure . Cliquez sur l'icône du stylo dans le générateur d'en-tête et sélectionnez Rendre réutilisable . Renommez les éléments comme vous préférez et cliquez sur Enregistrer.

Vous trouverez maintenant l'en-tête nouvellement créé dans l'onglet Réutilisable d'Oxygen Builder.

Rendre l'en-tête collant

L'utilisation d'un en-tête collant est fortement recommandée lorsque vous utilisez un CTA sur l'en-tête. De plus, un en-tête collant donne à votre site une vue parallaxe, le rendant plus vivant.

Tout d'abord, allez dans le modèle « Principal » et activez votre en-tête à partir de l'option « Réutilisable ». Vous verrez maintenant deux paramètres, principal et avancé.

Dans le menu principal, sélectionnez Activer l'en-tête collant , puis vous pouvez modifier la distance de défilement, la couleur d'arrière-plan, la taille de l'appareil, etc.

Rendre l'en-tête réactif

Vous pouvez ajuster la taille de l'écran et positionner les éléments à droite, à gauche et au centre selon vos besoins. Avec un en-tête multiligne, vous pouvez également masquer des lignes en fonction de l'appareil. En utilisant un en-tête à deux couches, vous pouvez créer un écran encombré sur un écran plus petit.

Selon la taille de l'écran de l'appareil, vous pouvez masquer la ligne secondaire. En cachant la ligne secondaire sous l' écran 480px , les utilisateurs auront une bien meilleure expérience.

FAQ

Puis-je utiliser mon en-tête de thème avec Oxygen Builder ?

Oxygen Builder désactive totalement votre thème, il n'y a donc aucun moyen d'utiliser l'en-tête du thème. Vous ne pouvez donc pas modifier l'en-tête du thème avec Oxygen Header Builder.

Conclusion

Oxygen Builder est un constructeur WordPress unique. Vous pouvez utiliser les fonctionnalités de thème et la fonctionnalité d'édition WordPress du constructeur avec la plupart des constructeurs de pages. Le générateur de thèmes Oxygen fonctionne indépendamment et n'interfère pas avec les autres outils d'édition.

Un débutant complet pourrait trouver cette tâche un peu déroutante. Une fois qu'ils se sont familiarisés avec le plugin, ils peuvent créer presque n'importe quoi. De plus, l'interface utilisateur est assez conviviale pour les débutants.

J'espère que vous avez appris quelque chose de nouveau sur l'ajout d'un modèle d'en-tête au constructeur Oxygen. Grâce à Oxygen Header Builder, vous pouvez créer un en-tête personnalisé ou utiliser un en-tête existant pour créer le design que vous désirez.