• Ajustement (haut et bas) des blocs
• Ajustement des blocs jusqu’au bord
• Ajout du fond (dégradé dans ce cas-ci)
• Modification des colonnes

Regarder le tutoriel

• Survol des différents styles
• Approfondissement du style du texte

Regarder le tutoriel

• Création de bordure
• Arrondissement des bordure
• Création des ombres des blocs
• Personnalisation des ombres
• Explication des différents filtres

Regarder le tutoriel

• Explication des différents onglets « Transformer »
• Personnalisation des animations

Regarder le tutoriel

• Fonctionnalité du survol sur une image ou sur un autre module
• Fonctionnalité du côté « responsive DIVI » qui s’adapte et personnalise les modules pour tablette et mobile (smartphone)

Regarder le tutoriel

• Explication de comment créer un lien dans un module (par exemple rendre une image cliquable)
• Créer le module bouton et le personnaliser avec le style Bouton

Regarder le tutoriel

• Qu’est-ce que les layers ?
• Où se trouvent-ils ?
• À quoi servent les layers ?
• Qu’est-ce qu’une étiquette admin
• L’utilité d’une étiquette d’admin
• L’emplacement de l’étiquette admin

Regarder le tutoriel

• Brève explication des différents modules

Regarder le tutoriel

• Explication des plugins
• Comment personnaliser le thème sur wordpress
• Personnalisation du thème DIVI

Regarder le tutoriel

• Qu’est-ce que le thème builder
• Modification du header (l’en-tête)
• Modification du footer (le pied de page)
• Introduction au body (le corps)

Regarder le tutoriel

• Insertion d’un shortcode

Regarder le tutoriel

• Ajout du module Accordéon
• Explication des spécificités du module accordéon de Divi (un bloc se ferme lorsqu’un autre s’ouvre)
• Personnalisation : ajout d’une image dans l’éditeur de texte
• Ajout et personnalisation du fond avec une photo
• Modification du style du texte quand c’est ouvert et fermé
• Duplication du bloc
• Personnalisation de l’icône (couleur et taille)

Regarder le tutoriel

• Ajout du module appel à l’action
• Explication du but du module appel à l’action
• Configuration du module avec la modification du titre, du texte et le texte du bouton
• Personnalisation du bouton
• Ajout du lien du bouton et possibilité de donner un lien au bloc
• Personnalisation du fond avec un parallaxe (image qui bouge en fond)

Regarder le tutoriel

• Ajout du module Audio
• Ajout d’une musique
• Ajout d’une image du single
• Ajout des différents textes (Auteur & album)
• Personnalisation du fond
• Personnalisation du contour de l’image (avec un contour et boite ombre)

Regarder le tutoriel

• Ajout du module barre latérale
• Explication du module barre latérale
• Explication des widgets WordPress
• Ajout de widget dans la barre latérale
• Démonstration de l’ajout du widget Catégories et HTML personnalisé

Regarder le tutoriel

• Ajout du module Bascule
• Explication de la différence entre le module Bascule et Accordéon DIVI
• Personnalisation du fond de la bascule
• Modification du texte d’une Bascule ouverte ou fermée
• Personnalisation de l’icône (Taille & Couleur)
• Choix de l’État ouvert ou fermé

Regarder le tutoriel

• Ajout du module blog
• Explication des deux différentes méthodes de construction
• Personnalisation des éléments à afficher
• Sélection du modèle grille ou plein écran
• Limitation des nombres de postes
• Explication des numéros de décalage Postérieur
• Limitation de la longueur des extraits
• Affichage des différentes catégories

Regarder le tutoriel

• Ajout du module Boutique
• Modification des nombres de produits Affiché
• Sélection du nombre de colonnes
• Explication des deux différentes méthodes de construction
• Affichage de la pagination
• Modification du style du prix, prix soldé, de l’étiquette « Promo ! », des étoiles et de l’image
• Affichage par catégorie de produit, par produits soldés, populaires, vedettes, récent & les meilleurs vente
• Ajout et modification d’une superposition

Regarder le tutoriel

• Ajout du module Carte
• Configuration Google
• Lien pour la création de l’API
• Ajout de la carte
• Ajout des pins et personnalisation
• Modification du scroll avec la molette sur pc & du doigt sur smartphone

Regarder le tutoriel

• Ajout du module Chercher
• Ajout d’un mot clef d’aide
• Modification du style du bouton recherche
• Exclusions des résultats de recherches (pages et/ou articles)

Regarder le tutoriel

• Ajout du module Code
• Explication du module
• 3 Exemples : Intégration d’une vidéo Youtube et Facebook et d’un plan Google Maps

Regarder le tutoriel

• Ajout du module Commentaire
• Explication du module
• Personnalisation de l’affichage

Regarder le tutoriel

• Ajout du module compteurs
• Explication des différents compteurs
  • Compteur à barre
  • Compteur à nombre
  • Compteur en cercle
• Personnalisation des compteurs

Regarder le tutoriel

• Ajout du module Compte à rebours
• Modification des dates
• Modification du titre
• Personnalisation du style du module

Regarder le tutoriel

• Ajout du module curseur de défilement des postes
• Sélection des catégories et des nombres de postes
• Sélection des nombres de décalage
• Spécification des éléments à affiché
• Modification des styles, superposition du fond et du texte
• Personnalisation des styles des métadonnées
• Affichage des extraits
• Personnalisation du bouton lire plus

Regarder le tutoriel

• Ajout du module curseur de défilement vidéo
• Ajout de nouvelles vidéos
• Explication du module
• Affichage des éléments
• Modification des superpositions
• Personnalisation des contrôles

Regarder le tutoriel

• Ajout du module diapo
• Explication du module
• Modification des éléments
• Affichage des différentes superpositions
• Modification du style de la navigation
• Personnalisation du style de l’image (bordures)
• Personnalisation du fond du module

Regarder le tutoriel

• Ajout du module E-Mail Optin
• Ajout du compte Mailchimp & API
• Ajout de la clef Captcha V3
• Modification du texte de bas de page
• Modification des champs
• Choix de section : succès ou redirection
• Modification du modèle
• Personnalisation du style des champs

Regarder le tutoriel

• Ajout du module Formulaire de contact
• Vision globale d’un formulaire
• Explication des différents champs (texte, radio, case, email, déroulant)
• Explication des champs conditionnels
• Le lien pour ajouter le spam protection Captcha V3
• Personnalisation du style
• Ajout des liens dans les boutons cases et radios

Regarder le tutoriel

• Ajout du module Galerie
• Ajout des photos
• Personnalisation en grille ou diapo
• Nombre de photos affichées
• Personnalisation du style
• Activation de l’animation Automatique
• Changement de place des images

Regarder le tutoriel

• Ajout du module Menu
• Sélection d’un menu WordPress
• Ajout du logo et redimensionnement
• Alignement : à gauche, centré & en ligne
• Direction du menu déroulant

Regarder le tutoriel

• Ajout du module onglets
• Ajout de plusieurs onglets
• Démonstration des onglets
• Personnalisation du style
• Ajout de Shortcodes
• Ajout de contenu

Regarder le tutoriel

• Ajout du module Personnes
• Explication du module
• Modification de la photo, du nom, du titre et des réseaux sociaux
• Modification du texte de description
• Personnalisation du style

Regarder le tutoriel

• Ajout du module Portfolio
• Explication du module Portfolio
• Modification du modèle (plein ou en grille)
• Modifications des catégories affichés
• Modification des éléments affichés (titre, catégories, pagination)
• Modification du style

Regarder le tutoriel

• Ajout du module Portfolio filtrable
• Explication du module Portfolio filtrable
• Modification du nombre de poste affiché
• Modification du modèle (plein ou en grille)
• Modifications des catégories affichés
• Modification des éléments affichés (titre, catégories, pagination)
• Modification du style

Regarder le tutoriel

• Ajout du module Résumé
• Modification de l’image ou de l’icone
• Explication du module
• Modification du texte
• Modification du style

Regarder le tutoriel

• Ajout du module Se connecter
• Explication du module
• Contraintes du module
• Redirection ou non
• Modification du style

Regarder le tutoriel

• Ajout du module séparateur de ligne
• Visibilité ou Non
• Personnalisation de la ligne
• Dimensionnement
• Format de la ligne

Regarder le tutoriel

• Ajout du module Tableau des tarifs
• Ajout des éléments de tarifs
• Modification des balles (puces)
• Personnalisation du tableau au niveau du style
• Personnalisation des textes, des prix, de la devise & de la fréquence

Regarder le tutoriel

• Ajout du module titre du post
• Explication du module
• Exemple de layout du titre du post
• Ajout et personnalisation des différentes métadonnées
• Lien pour comprendre les différents formats de dates

Regarder le tutoriel

• Ajout du module vidéo
• Insertion d’une vidéo MP4 ou WEBM
• Insertion d’une vidéo Youtube
• Insertion d’une miniature
• Personnalisation de l’icone player

Regarder le tutoriel

• Ajout du module témoignage
• Personnalisation du témoignage
• Ajout du nom de l’auteur, du titre de l’emploi et de l’entreprise
• Ajout du texte de témoignage
• Ajout de l’icône de citation
• Changement de l’image

Regarder le tutoriel

• Ajout du module Navigation dans les posts
• Explication du module
• Navigation & Catégories

Regarder le tutoriel

• Ajout du module image
• Conseils sur les proportions d’image
• Ajout d’une image
• Ajout d’un hover (passage de la souris)
• Personnalisation des styles

Regarder le tutoriel

• Ajout du module suivre sur les réseaux sociaux
• Modification des styles
• Ajout du bouton « suivre »
• Explication du module
• Personnalisation des icones des réseaux sociaux
• Personnalisation des liens des réseaux sociaux

Regarder le tutoriel

• Ajout de la section plein écran
• Survol des différents modules plein écran
• Explication du Module en-tête plein écran et portfolio plein écran

Regarder le tutoriel

• Technique qui permet de construire son site plus vite
• Explication
• Différenciation des différentes sections/modules
• Réutilisation de ce qu’on a sauvegardé
• Explication sur l’élément global

Regarder le tutoriel

• Enregistrer dans la bibliothèque (mini-rappel)
• Exporter-Importer son Layout
• Enregistrer la page dans la bibliothèque
• Réutiliser sa page de la bibliothèque ou de son pc
• Utiliser un layout/template déjà fait par DIVI

Regarder le tutoriel

• Utilité du contenu automatique/dynamique
• Les différents contenus dynamiques
• Liens, images & textes
• Explication du contenu dynamique

Regarder le tutoriel

• Utilité du contenu automatique/dynamique
• Les différents contenus dynamiques
• Liens, images & textes
• Explication du contenu dynamique

Regarder le tutoriel

• Créer un fond en parallaxe
• Différents effets ( CSS & Réel)
• Explication & démo des deux effets

Regarder le tutoriel

• Créer un fond en parallaxe
• Différents effets (CSS & Réel)
• Explication & démo des deux effets

Regarder le tutoriel