Une des grandes choses Deux est le nombre de tutoriels de haute qualité disponibles sur Internet. Ces tutoriels sont parfaits pour développer vos compétences Divi. Ils vous guident à travers l’ajout de nouvelles fonctionnalités à Divi, la personnalisation de votre site Web Divi, la conception générale de votre site Web Divi, etc. Divi Space est fier d’être l’un de ces sites Web qui publient des tutoriels Divi. Dans cet article, nous examinons les 10 tutoriels Divi les plus populaires pour 2020.

1. Comment créer un bouton d’achat flottant pour augmenter les ventes

Cet article explique l’importance d’un bouton bien conçu pour tout type d’appel à l’action. Les CTA sont importants pour tout type de site Web et conduisent à la génération de prospects, à de meilleurs taux de clics et à une expérience utilisateur améliorée. Dans cet esprit, ce didacticiel explique comment créer un bouton flottant pour l’ensemble du site Web, conçu avec les conversions à l’esprit. Il comprend des conseils sur la conception, la rédaction de texte, le choix des couleurs, l’optimisation pour les appareils mobiles et le placement. Il fournit du code CSS et montre où il peut être placé pour une utilisation avec l’ensemble du site ou avec une seule page.

Voir le tutoriel

2. Ajout de modules personnalisés à Divi

Le Divi Builder est un générateur de page puissant avec de nombreux modules qui peuvent être utilisés pour créer presque n’importe quel type de site Web. Cependant, il y a suffisamment d’espace dans la boîte à outils de conception de tous les utilisateurs pour des modules supplémentaires. Ceci est un tutoriel avancé qui vous guidera tout au long de la création d’un module pour le Divi Builder. Il couvre l’API Divi Developer avec les différences entre l’ancienne et la nouvelle version, en créant une extension Divi, des paramètres LSX, des paramètres PHP, en étendant le constructeur de pages et en accueillant de nouveaux modules. Il contient beaucoup de code pour des exemples et montre des méthodes nouvelles et anciennes. Il existe également une description avec un lien vers un cours pour en savoir plus sur la création de modules Divi.

Voir le tutoriel

3. Comment créer un bouton pour invoquer des actions dans le menu Divi

Les boutons d’appel à l’action sont l’un des éléments les plus importants et les plus efficaces des conversions. L’un des endroits les plus efficaces pour appeler à l’action se trouve sur le menu. Ce didacticiel explique pourquoi et présente de nombreux exemples d’excellents boutons d’appel à l’action dans les en-têtes de sites Web. Il montre également comment créer votre propre bouton dans l’en-tête pour appeler des actions. Il contient beaucoup de CSS et montre où placer, comment ajouter une icône, où trouver des icônes et comment tester sur les appareils mobiles. Les boutons CTA prédéfinis que vous pouvez ajouter à vos en-têtes sont accompagnés de plusieurs extraits.

Voir le tutoriel

4. Copiez les fichiers de sujet dans votre sujet enfant à partir du tableau de bord WP sans FTP

Si vous développez un site Web, la copie de fichiers de sujets sur votre site Web est une compétence extrêmement importante. Cela se fait souvent à l’aide de FTP, mais FTP peut être un moyen fastidieux de se connecter à votre site Web et de traiter des fichiers. Ce tutoriel montre comment copier des fichiers de thème du tableau de bord vers votre thème enfant Divi sans avoir besoin de FTP. Il couvre la création d’un sujet enfant à partir du tableau de bord, la copie des fichiers du sujet parent et les plugins pour accéder au FTP en examinant de près deux plugins spécifiques. Une brève introduction à FTP est incluse avec un lien au cas où vous voudriez en savoir plus sur l’utilisation de FTP.

Voir le tutoriel

5. Comment ajouter Falling Hearts à votre site Web Divi WordPress

Pimenter votre site Web au cours des différentes fêtes peut vous aider à vous démarquer des autres et à attirer l’attention de vos visiteurs. Ce tutoriel montre comment ajouter des cœurs à votre site Web qui tomberont pendant que le visiteur regarde l’écran. Bien sûr, le même concept s’appliquerait à tout type de graphique, de sorte qu’il pourrait être utilisé lors de vos vacances. Le didacticiel comprend du CSS personnalisé et montre où il peut être placé sur le site Web et sur une seule page. Si vous souhaitez un graphique différent, remplacez simplement les URL du code par les graphiques souhaités.

Voir le tutoriel

6. Ajoutez plus d’icônes au module de médias sociaux en utilisant Divi Icon Party

Le module de médias sociaux de Divi est idéal pour afficher des icônes de médias sociaux n’importe où dans vos mises en page Divi. Le problème est que Divi ne contient que certains des réseaux sociaux les plus populaires. Ce tutoriel montre comment vous pouvez ajouter beaucoup plus de réseaux en utilisant le plugin Divi Icon Party. Il montre les nouvelles icônes qui ont été ajoutées pour utiliser les nouvelles icônes, comment les formater, comment les utiliser dans les en-têtes et les pieds de page à l’aide du module de médias sociaux, et comment les activer dans le menu afin qu’elles soient nativement dans l’en-tête – et le pied de page s’affichent.

Voir le tutoriel

7. Comment éditer la zone de commentaire Divi sans plugin

La section des commentaires de Divi contient plusieurs éléments codés en dur dans les fichiers de sujets. Ces éléments peuvent être édités avec JavaScript et PHP ou à l’aide d’un plugin. Ce tutoriel vous guidera à travers l’édition de la section des commentaires de Divi sans plugin. Il couvre à quoi sert la section de commentaires standard de Divi et comment éditer chaque section indépendamment. PHP est inclus pour masquer le champ d’url, ajouter un champ de numéro de téléphone portable, masquer le champ de cookie, modifier le texte du champ de cookies et afficher l’emplacement, enregistrer les données du numéro de téléphone portable, ajouter un champ méta de commentaire, modifier les données du numéro de téléphone mobile et afficher un champ mobile dans la liste des commentaires. JavaScript est inclus pour modifier la description du commentaire et soumettre le titre du bouton, et pour afficher les commentaires dans une bascule.

Voir le tutoriel

8. Ajout de Google Analytics au thème Divi WordPress sans plugin

Google Analytics est crucial pour mesurer le trafic et les conversions. Il existe de nombreuses façons d’ajouter Google Analytics à un site Web Divi WordPress. La plupart sont livrés avec un plugin. Ce tutoriel montre comment ajouter Google Analytics sans plugin. Il montre les avantages de l’utilisation de Google Analytics où vous pouvez obtenir le code avec une procédure pas à pas pour configurer le compte et comment incorporer le code de suivi dans les options de conception de Divi. Il montre également un exemple d’utilisation du tableau de bord Google Analytics pour afficher votre trafic en temps réel.

Voir le tutoriel

9. Créez un site Web eLearning avec un sous-thème « Cours Divi »

Les cours en ligne sont une grosse affaire. Presque tout le monde peut créer un cours pour partager ses connaissances. Heureusement, Divi dispose de nombreux outils que vous pouvez utiliser pour créer un cours en ligne. Ce tutoriel vous guidera à travers l’utilisation de l’un de ces outils, Divi Courses Child Theme de Divi Space, avec le système de gestion de cours le plus populaire pour WordPress: LifterLMS. Il met en évidence les capacités du sous-thème, affiche les pages principales et du cours spécifiquement conçues pour être utilisées avec LifterLMS, le popup, et montre comment installer le sous-thème.

Voir le tutoriel

10. 10 meilleures combinaisons de polices pour les sites Web Divi

Les polices sélectionnées sont un élément crucial dans la conception d’un site Web. La typographie est un aspect clé de l’identité de votre marque et aide à définir l’ambiance et le ton, et même à identifier votre genre et votre public cible. Ce tutoriel répertorie les 10 meilleures combinaisons de polices pour votre site Web Divi. Il montre comment sélectionner les polices avec le Divi Builder et les afficher dans le Builder et comment télécharger des polices personnalisées sur Divi. Il couvre également l’importance de la typographie dans la conception Web, les dix combinaisons de polices les plus importantes pour les en-têtes et le corps du texte avec des polices placées en arrière-plan, et comment identifier les polices utilisées sur un site Web.

Voir le tutoriel

Arrêtez de penser

Voici notre aperçu des 10 didacticiels Divi Space les plus populaires pour 2020. Ces didacticiels vous aideront à améliorer vos compétences en conception et en codage, ou tout simplement à créer un meilleur site Web avec Divi. Si vous voulez apprendre des choses intéressantes à faire avec les vôtres Deux Sur ce site, vous devriez consulter ces 10 tutoriels Divi.

Abonnez-vous et revenez souvent pour ne pas manquer les derniers tutoriels Divi ici sur le blog Divi Space.

Nous voulons de vos nouvelles. Lequel de ces tutoriels Divi est votre préféré? Faites le nous savoir dans les commentaires.



Source link

Recent Posts