Astuce Elementor : Ajouter un dégradé à la barre de progression

Le processus de création et de développement de sites Web s'améliore quotidiennement. De plus en plus de personnes non expérimentées en codage s'impliquent. L'utilisation d'un éditeur de page drag-and-drop permet aux utilisateurs de rendre leurs sites Web entièrement personnalisables en quelques clics. Elementor est probablement l’un des plugins les plus pratiques et fonctionnels pour la création de pages Web sur la plate-forme WordPress. Vous trouverez un certain nombre de widgets intéressants inclus dans le package. Le widget de barre de progression dont nous allons parler vous permet d’ajouter des barres de progression entièrement stylées et animées à votre page. Alors commençons.

Comment ajouter un dégradé à la barre de progression

Vous apprendrez comment ajouter une barre de progression dégradée à votre page avec Elementor. Outre Elementor, vous aurez besoin d'add-on JetElements  pour faire face à cette tâche. Cet add-on JetElements est le plus populaire parmi les addons d'Elementor.

1. Recherchez le widget Progress Bar. Il fait partie de Jet Elements Add-on. Glissez et déposez-le sur la section centrale.
2. Allez à l'onglet Style. Ici, vous pouvez changer la couleur de la barre d'état et la couleur de l'arrière-plan. Vous pouvez faire de sorte que les deux auront un gradient à l'intérieur. Border Radius vous permet de rendre les coins arrondis.
3. Allez à l'onglet Status Bar pour définir le Background Type. Si vous choisissez une option classique, une couleur unie sera ajoutée. Si vous choisissez un dégradé, vous aurez besoin de deux couleurs pour créer un dégradé.
4. Une fois que deux couleurs sont choisies, allez à l'option Angle pour changer votre point de départ des couleurs.
5. L'option de localisation vous permet d'obtenir plus d'une couleur et moins d'une autre.

Les mêmes paramètres doivent être ajustés pour l'arrière-plan de votre barre de progression :

1. Allez à l'onglet Progress Bar et trouvez Background Type.
2. Choisissez une option de dégradé et procédez au réglage de Location et de Angle.
3. L'option Bordure (Border) vous permet de configurer la bordure du conteneur de la barre d'état.
4. Choisissez une couleur et profitez du résultat.

Aperçu de 10 meilleurs thèmes Elementor

Évitez de créer un site Web à partir de zéro et choisissez les bons thèmes Elementor pour votre entreprise. Jetez un coup d'œil aux 10 meilleurs thèmes Elementor conçus par TemplateMonster.

Justicon

Démo | Télécharger | Hébérgement

Choisissez le thème Justicon pour booster votre entreprise en ligne. Si vous recherchez une option pour importer et appliquer le modèle en quelques secondes, vous venez de le trouver. Le thème est classique et élégant, tout en étant fonctionnel et facile à utiliser. Le constructeur de pages Elementor permet de personnaliser presque chaque élément de conception en fonction de vos besoins. Ne vous inquiétez pas si vous n’avez aucune compétence en programmation; n'importe qui peut gérer l'installation. Tirez le meilleur parti du modèle avec un guide en ligne et une assistance professionnelle 24 heures sur 24.

Wizarro

Démo | Télécharger | Hébérgement

C'est la solution idéale pour toute entreprise de conseil aux entreprises. Vous obtiendrez le constructeur de pages Elementor et les puissants plug-ins de la famille Jet pour personnaliser la présentation en fonction de vos préférences personnelles. Vos clients apprécieront certainement un design totalement adaptatif et une navigation intuitive. Tout ce que vous avez à faire est simplement d’acheter le thème, de l’installer et d’ajouter votre contenu. C'est tout !

Love Thy Neighbor

Démo | Télécharger | Hébérgement

Love Thy Neighbor est une bonne solution WordPress pour tout projet non caritatif pour augmenter sa popularité et l'efficacité. Le thème comprend trois dispositions de blog, des variantes de la barre latérale et six formats de publication pour afficher les informations de votre site Web de manière professionnelle. En prime, vous obtiendrez 15 images thématiques sans frais. Découvrez des plugins géniaux pour ajouter des fonctionnalités à votre site Web. Personnalisez facilement la conception de votre thème avec un personnalisateur en direct. Un support professionnel 24h / 24, 7j / 7 et une documentation détaillée sont inclus.

BuildWall

Démo | Télécharger | Hébérgement

BuildWall est un thème WordPress polyvalent pour entreprise de construction. C'est une excellente option pour tous les types d'entreprises de construction. Six belles peaux avec différents motifs et éléments sont disponibles. Aucune compétence en codage n'est nécessaire; vous pourrez personnaliser chacun de vos éléments. Les plugins inclus rendent le processus de personnalisation facile et efficace. Le package WooCommerce permet de créer une boutique en ligne sur la base de votre site Web. Le thème vous permet de présenter vos services, de présenter le personnel, et bien plus encore.

Furnicom

Démo | Télécharger | Hébérgement

Furnicom est un thème WordPress de magasin de meubles. Le thème propose un design élégant, que vous pouvez conserver tel quel ou personnaliser selon vos préférences. De nombreuses options de personnalisation vous permettent d'ajouter votre propre logo, titre, arrière-plan, icônes et autres éléments. Vous pouvez également modifier un jeu de couleurs pour vous assurer qu'il correspond aux tons de votre marque. L'adaptativité à 100% de ce thème WordPress signifie qu'il a fière allure sur tous les appareils et tous les écrans. Essayez une démo en direct pour profiter de ses fonctionnalités exceptionnelles!

Kiddlez

Démo | Télécharger | Hébérgement

Kiddlez est un thème WordPress responsive orienté vers les écoles primaires. La conception attrayante de ce thème accrocheur est optimisée par Elementor. C’est un thème facilement personnalisable qui convient aussi bien aux débutants qu’aux professionnels. Avec le thème, vous pouvez créer un site, un blog et un portail de nouvelles magnifiques et adaptés aux mobiles. Le constructeur de page Elementor permet de configurer votre site Web sans tracas. Des plugins exceptionnels, un menu Jet, un code HTML valide et propre, une liste de services Cherry et d'autres fonctionnalités intéressantes sont prêts à vous impressionner.

Ascendio

Démo | Télécharger | Hébérgement

Ascendio est un thème WordPress pour entreprises et entreprises. Vous obtiendrez tous les avantages et les fonctionnalités exclusives de ce thème d'entreprise WordPress. Les plugins exceptionnels viennent avec le thème pour augmenter la fonctionnalité de votre site web. Il est optimisé pour s'adapter aux directives de Google. pas de doute, votre site Web sera répertorié parmi les meilleurs résultats de recherche. Les fonctionnalités modernes et traditionnelles sont combinées dans un thème entièrement personnalisable pour votre site Web professionnel. Il offre flexibilité et professionnalisme et constitue une bonne option pour démarrer et développer.

Digitallium

Démo | Télécharger | Hébérgement

Vous recherchez un site web pour une agence de marketing? Digitallium est le bon choix pour promouvoir vos services et attirer plus de clients! Son design réactif permet de naviguer sur votre site web sur tous les appareils et écrans. De nombreuses fonctionnalités et effets du thème sont parfaits pour les affaires, la créativité ou les blogs. Proposant un éditeur de page puissant avec une simple interface glisser-déposer et d'innombrables options de personnalisation, ce thème vous permettra de personnaliser le site à votre guise. C'est bien mieux que ce à quoi on pourrait s'attendre de la plupart des thèmes WordPress premium!

PartyMaker

Démo | Télécharger | Hébérgement

Ceci est un thème WordPress pour fête d'Halloween optimisé par Elementor. Vous n'avez pas besoin de connaître les modules de codage, avec le générateur de page Elementor par glisser-déposer. C'est un choix formidable pour les sites Web axés sur le contenu, tels que les blogs d'événements, les fêtes et les vacances. Le PartyMaker est simple, réactif et élégant. En conséquence, votre contenu est attrayant et unique. Il ne reste plus qu'à vous occuper de la publication de vos documents!

Fight House

Démo | Télécharger | Hébérgement

Fight House est un thème WordPress de club d'arts martiaux brutal. Le thème est compatible avec tous les navigateurs, et il est simplement bon à quoi il sert. Fight House est très puissant et adaptable, et ne sacrifie pas la vitesse de chargement des pages. De plus, vous pouvez être assuré que votre site Web sportif sera optimisé pour les moteurs de recherche. Terminez le processus de personnalisation en quelques minutes seulement. Vous pouvez considérer les démonstrations comme des modèles pour une personnalisation ultérieure. Le thème propose diverses options pour modifier les couleurs des widgets, voire même modifier les paramètres de typographie.

Conclusion

Aujourd'hui, il est difficile de surestimer l'importance d'Internet et d'un site Web d'entreprise pour toute entreprise moderne. Le site Web de l'entreprise doit avoir une valeur informative, être axé sur la recherche de nouveaux clients ou l'augmentation des ventes. Le choix d'un thème de site Web est un processus très difficile et fastidieux. J'espère que vous trouverez dans mon tutoriel et dans ma collection de thèmes pré-conçus Elementor utiles et instructifs.