Le thème Divi vous offre plusieurs fonctionnalités et options de personnalisation que vous pouvez appliquer à votre site Web. Il vous propose une poignée de modules qui amènent la conception de sites Web à un tout autre niveau. Et le module Divider disponible dans la bibliothèque de modules Divi en fait partie. Il donne aux utilisateurs la possibilité d’ajouter une ligne horizontale entre les différentes sections d’une page. De plus, quelques options de conception qui le rendent utile.

Mais pour en tirer le meilleur parti, ou si vous voulez rendre le séparateur plus beau et plus attrayant, vous devez écrire du CSS personnalisé et faire un travail supplémentaire. Et cela pourrait être une tâche fastidieuse si vous êtes nouveau dans la conception.

Donc, dans cet article de blog, nous allons examiner un nouveau module appelé séparateurqui fait partie du plugin plus St.. C’est un plugin polyvalent puissant avec plusieurs modules Divi. Avec ce plugin, les utilisateurs peuvent créer Chapelure Divi, Texte d’en-tête, texte de fantaisie, et avant et après le curseur.

Créons maintenant de jolis séparateurs.

Étapes pour créer de superbes séparateurs Divi

Pour créer des séparateurs uniques sur votre site Web basé sur Divi, vous devez acheter le plugin Divi Plus Ici. Après avoir acheté le plugin, téléchargez-le et installez-le sur votre site WordPress. N’oubliez pas non plus d’activer le plugin. Lorsque tout est fait, il est temps de créer les séparateurs ou diviseurs de divi.

Étape 1: ajoutez le module séparateur d’un côté

Après avoir installé et activé le plugin avec succès, créez une nouvelle page ou modifiez la page existante sur laquelle vous souhaitez ajouter des séparateurs. Choisir « Construire sur le front-end», Puis construisez à partir de zéro.

CONSTRUIRE À PARTIR DE SCRATCH

Une fois le constructeur chargé, ajoutez une nouvelle ligne, puis ajoutez-la à partir de la bibliothèque de modules Divi Séparateur DP Module.

Module de séparation DP

Passez maintenant à l’étape suivante qui consiste à choisir les styles et le contenu des séparateurs.

Étape 2: Sélectionnez le contenu du séparateur

Dans le menu contenu du module Divi Plus Separator, vous avez la possibilité de sélectionner des types de séparateurs. Il existe actuellement un total de 2 séparateurs, ligne et ombre.

Type de diviseur

Lorsque vous sélectionnez le type de ligne, vous pouvez choisir le style de ligne parmi un total de 8 styles de ligne disponibles.

De plus, le style de ligne vous donne la possibilité de l’utiliser avec du texte ou une icône.

Étape 3: personnaliser le style du séparateur

Une fois que vous avez choisi le type et le style de ligne, vous pouvez personnaliser le séparateur dans le menu de conception.

Style de séparateur

Vous pouvez personnaliser le style de séparateur dans le menu de conception. Cette fonction permet aux utilisateurs de modifier l’épaisseur et la couleur du séparateur.

Style du texte

Si vous avez sélectionné le délimiteur avec du texte, le Style du texte Cette option vous permet de personnaliser les éléments de texte tels que la police, l’alignement, la taille, la couleur, etc.

Style d’icône

Lorsque vous sélectionnez un séparateur de symboles, DP Separator vous offre diverses options pour personnaliser le séparateur de symboles.

Plus de fonctionnalités ou d’options pour personnaliser l’icône si vous souhaitez postuler. Tel que B. Taille de la police, forme du symbole, arrière-plan et cadre du symbole.

Vous avez le choix entre 3 formes de symboles au total carré, cercle, et hexagone.

Vous pouvez également appliquer un arrière-plan de forme, une bordure de forme et une couleur.

Exemples de diviseurs Divi créés avec le module diviseur

Voici quelques exemples de diviseurs Divi créés à l’aide du module diviseur du plugin Divi Plus.

Divi diviseur avec 8 lignes de division

Ligne de division avec texte

Exemple de diviseur Divi avec icône positionnée et forme d’icône avec couleur.

Résumé

Dans ce billet de blog, je vous ai montré toutes les fonctions du module séparateur plus St.. Et ce qu’il est possible de concevoir avec ce module. Donc, si vous voulez créer de superbes séparateurs pour votre site Web, accédez à et acheter le plugin Divi Plus. Et pour votre bien, permettez-moi de vous rappeler encore une fois que ce plugin contient plusieurs modules très utiles. Alors n’attendez pas et essayez le plugin maintenant.

Si vous avez déjà essayé ce module ou le plugin Divi Plus, dites-nous ce que vous en pensez dans les commentaires.



Source link

Recent Posts