Nos 10 meilleurs tutoriels Divi de 2019

Cette année a été notre plus grosse année pour le contenu Divi sur le blog Elegant Themes. Nous avons publié des centaines d'articles, dont certains de nos meilleurs tutoriels. Dans ce billet je voulais profiter de l'occasion pour souligner l'excellent travail de notre équipe éditoriale en mettant en avant nos dix tutoriels Divi les plus populaires (les plus visités au cours de l'année). Et bien sûr pour vous rappeler à tous, la communauté, quelques-unes de nos meilleures ressources Divi à votre disposition.

Nos 10 meilleurs tutoriels Divi de 2019

1. Le guide ultime pour accélérer votre site Web Divi

En fait, Divi a beaucoup d'améliorations de performances qui ont été ajoutées dans les mises à jour précédentes qui ont permis aux sites Divi (et au Divi Builder) de fonctionner plus rapidement que jamais. De plus, Divi est conçu pour une optimisation tierce. De nombreux plugins d'optimisation des performances utilisés pour WordPress peuvent également être utilisés pour augmenter les performances de vitesse de votre site Web Divi.

Dans cet article, nous allons explorer ce qui a déjà été fait pour accélérer Divi et ce que nous pouvons faire pour le rendre encore plus rapide.

Lire cet article

2. Comment créer un site Web multilingue avec Divi ou Extra et WPML

Créer un site web multilingue avec Divi et Extra est facile. Les deux sont prêts pour WPML, ce qui signifie que vous pouvez créer un site Web multilingue avec Divi et Extra. WPML a apporté des modifications qui améliorent la compatibilité avec Divi et Extra et a ajouté des fonctionnalités qui facilitent encore la traduction de votre site Web. Dans cet article, nous allons voir comment créer un site web multilingue avec Divi ou Extra et WPML.

Lire cet article

3. 5 styles de modules d'en-tête Divi créatifs que vous pouvez obtenir à l'aide des paramètres intégrés

Prêt à l'emploi, le module d'en-tête Divi peut créer des designs d'en-tête saisissants avec seulement quelques ajustements. Cela en fait un module extrêmement populaire lors de la conception des en-têtes de votre site Web dans Divi. Et avec un peu de réflexion originale, vous pouvez créer des designs vraiment uniques en utilisant uniquement les paramètres intégrés (pas de CSS personnalisé). Donc, pour ceux d'entre vous qui souhaitent explorer de nouvelles conceptions d'en-tête, je vais vous montrer 5 styles de module d'en-tête Divi qui pourraient vous inspirer.

Lire cet article

4. Modification du nombre de colonnes dans le module Divi Gallery à différents points d'arrêt

Le module Divi Gallery vous permet de créer une belle galerie d'images dans une disposition en grille réactive. La galerie est considérée comme responsive car elle adaptera la taille de vos images et ajustera le nombre de colonnes de la grille en fonction des différentes largeurs de navigateur.

Par défaut, le module de galerie a trois points d'arrêt (points où le style change à certaines largeurs de navigateur) qui ajustent le nombre de colonnes dans la grille. Il affichera votre galerie d'images en quatre colonnes sur le bureau, puis se divisera en trois colonnes sur tablette, deux colonnes sur petites tablettes (et gros téléphones) et une colonne sur téléphones.

Cette configuration par défaut fonctionnera généralement dans la plupart des cas, mais vous aurez parfois besoin de plus de contrôle sur le nombre de colonnes affichées sur certaines largeurs de navigateur. C'est pourquoi dans ce tutoriel, nous allons vous montrer comment avoir un contrôle total sur le nombre de colonnes affichées dans le module Divi Gallery non seulement pour le bureau, mais également pour trois points d'arrêt de navigateur supplémentaires.

Lire cet article

5. Comment créer un en-tête global personnalisé avec le générateur de thème de Divi

Maintenant que Theme Builder est là, nous avons hâte de plonger dans de nouveaux tutoriels qui vous aideront à configurer votre site Web de A à Z. Cela inclut la création d'en-têtes personnalisés à l'aide de l'option intégrée de Divi. Dans ce tutoriel, nous allons nous concentrer sur la création d'un en-tête global à l'aide du générateur de thème de Divi. Un en-tête global apparaîtra partout sur votre site Web, sauf si vous avez attribué un en-tête différent à cette page ou à cette publication.

Lire cet article

6. Comment créer des Flip Cards avec n'importe quel module dans Divi sans plugin

Les Flip Cards sont un moyen amusant pour les utilisateurs d'interagir avec votre site Web. Non seulement il fournit une animation flip sympa, mais il vous permet également d'offrir des informations supplémentaires dans un emplacement concis. Dans ce tutoriel, je vais vous montrer comment transformer des modules Divi en flip cards sans utiliser de plugin ! Avec cette méthode, vous pourrez utiliser un module Divi comme recto d'une carte et un autre module Divi comme verso d'une carte. Vous pouvez même concevoir chaque module (avant et arrière) comme bon vous semble en utilisant le constructeur Divi. La fonctionnalité est accomplie grâce à quelques extraits de CSS (pas de jquery).

Lire cet article

7. Des moyens simples et créatifs d'afficher les logos de l'entreprise dans Divi

Il existe de nombreuses raisons d'afficher des logos d'entreprise sur votre site Web. Une section « En vedette » des logos d'entreprise pourrait avoir de l'emprise sur les investisseurs ou partenaires potentiels. Ou une section « Nos clients incluent » pourrait établir une preuve sociale précieuse avec les visiteurs. Mais quelle qu'en soit la raison, il est important de savoir comment ajouter ces logos à votre site Web. Dans ce tutoriel, je vais passer en revue trois méthodes différentes pour ajouter des logos d'entreprise à votre site Web avec Divi. Je vais même vous montrer comment ajouter des galeries de logos à n'importe quel module Divi !

Lire cet article

8. 5 façons fantastiques de styler le module de témoignage de Divi

La seule chose que les visiteurs recherchent toujours sur un site Web, ce sont les témoignages. Ils représentent la crédibilité et influencent le processus de prise de décision des prospects ou des clients potentiels lorsqu'ils visitent votre site Web. En plus de vous assurer d'avoir des témoignages forts à partager, les rendre visuellement attrayants joue également un rôle important. Dans cet article, nous allons vous montrer 5 façons fantastiques de styliser le module de témoignage Divi en utilisant uniquement les options intégrées.

Lire cet article

9. Comment personnaliser votre Divi Slider pour modifier des éléments spécifiques à chaque diapositive

Nous savons tous que les curseurs sont parfaits pour maximiser la section au-dessus de la ligne de flottaison de votre site Web. Ils sont grands! Les utilisateurs sont accueillis avec plusieurs CTA et des fonctionnalités importantes qui s'affichent sans jamais avoir à faire défiler la page. Mais parfois, trop de changements dans la conception et le contenu d'une diapositive à l'autre peuvent distraire ou submerger les visiteurs. C'est pourquoi dans ce tutoriel, je vais vous montrer comment personnaliser votre slider Divi pour ne changer que des éléments spécifiques à chaque transition de diapositive. Cela vous permet de conserver la cohérence du contenu de base et des composants de conception de votre curseur tout en ne modifiant qu'un élément spécifique (comme un seul mot ou bouton) avec chaque diapositive. Les visiteurs pourront facilement traiter le changement et comprendre clairement votre appel à l'action.

Lire cet article

10. Comment créer un curseur de galerie de photos personnalisé dans Divi

Nous savons tous que les curseurs sont parfaits pour attirer les utilisateurs avec des services, des produits ou des pages en vedette dans un emplacement pratique au-dessus de la ligne de flottaison. Certains sites (je pense aux photographes) doivent présenter une ou plusieurs de leurs galeries de photos sur la page d'accueil. L'utilisation d'un curseur pour cela peut être une bonne option. Cependant, vous n'avez peut-être pas envisagé de présenter votre galerie de photos dans un curseur comme celui-ci.

Dans ce tutoriel, je vais vous montrer un moyen simple d'intégrer des galeries d'images Divi dans vos diapositives pour créer un curseur de galerie de photos entièrement personnalisé dans Divi. L'astuce consiste à créer une galerie d'images WordPress dans la zone de contenu de votre curseur. Ensuite, il vous suffit de vous assurer et de sélectionner l'option permettant d'utiliser la Galerie Divi au lieu du style de la Galerie WordPress par défaut. C'est super facile et amusant à mettre en œuvre.

Lire cet article

En conclusion

Chaque année, les types de contenu Divi sur lesquels nous nous concentrons dépendent beaucoup des nouvelles fonctionnalités qui sont publiées. Nous pensons qu'il est préférable de compléter les nouvelles versions de fonctionnalités avec de nombreux nouveaux didacticiels qui enseignent aux gens comment les utiliser et même pousser ces fonctionnalités à leurs limites de manière intéressante. Cependant, cette approche signifie que nous sautons beaucoup et que nous avons peut-être laissé quelques sujets non couverts. Donc, si vous avez une demande de tutoriel Divi que nous pouvons traiter pour vous au cours de la nouvelle année, veuillez la partager ci-dessous dans la section commentaires et nous l'ajouterons à la file d'attente !

Image en vedette via hobbit / shutterstock.com