Formation Créer des sites web avec Divi

Formations

Divi est l’outil rêvé pour concevoir des sites élégants, soignés et dynamiques qui inspirent confiance et suscitent l’envie de les parcourir. Avec cette formation, vous comprenez le fonctionnement, maîtrisez les subtilités et gagnez du temps lors de la création.

 

Durée

21h

Certification

Aucune

CPF

Non éligible

Modalités

Présentiel / A distance

Objectifs

  • Réaliser des mises en page professionnel from strach
  • Adapter votre site à toute taille d’écran
  • Personnaliser les modules d’un thème
  • Mettre en valeur sa boutique Woocommerce

Déroulé de la formation

Installer et paramétrer le thème Divi

  • Obtenir la licence Elegant Themes
  • Installer Divi et activer la licence
  • Les options du thème Divi
  • Le personnaliseur : paramètres généraux, en-tête et navigation, pied de page et boutons par défaut
  • Gérez les emplacements des menus

Les fondamentaux du Visual Builder

  • Mieux comprendre le fonctionnement de Divi
  • La notion de Layout
  • Sections, lignes & modules
  • La logique des options
  • Les modes d’affichage
  • Les autres options de l’interface

Les fonctionnalités simples

  • Manipuler les marges et les textes
  • Marges, dimensionnement et gouttières
  • Ombres & bordures
  • Les filtres
  • Les options de transformation
  • Les animations d’entrée
  • Les séparateurs de section
  • Les formulaires (RGPD + ReCAPTCHA)

Les fonctionnalités avancées

  • Les effets au survol (hover)
  • Les dégradés, les patterns et les masques
  • Les ancres et les ID CSS
  • Les conditions de visibilité et les triggers
  • Les attributs et les transitions
  • La position Fixed
  • Les effets au scroll : rotation, agrandissement et horizontal

Cas pratique : Reproduire une mise en page au design créatif

  • Reproduire la Homepage d’un site existant
  • Finitions : animations et effets au scroll
  • Exporter ou importer un layout

Gérer les tailles d’écran (responsive)

  • Vues vs. Options
  • La cause de 99% des soucis du responsive
  • Tous les designs ne sont pas adaptés au mobile
  • Corriger le responsive du menu + Media Queries

La bibliothèques Divi et les premades l’atouts

  • Les Premade Layouts
  • Importer une partie de mise en page
  • Enregistrer dans la bibliothèque Divi
  • Les éléments globaux
  • Créer un modèle depuis la bibliothèque
  • Importer / exporter depuis la bibliothèque

Design du site

  • Comprendre l’utilité du Thème Builder
  • En-tête et pied de page global
  • Corps global du modèle de site web par défaut
  • Header et footer différents sur une page spécifique
  • Cacher le header et le footer sur une landing page
  • Supprimer, dupliquer ou réattribuer un modèle

Design du blog

  • Modèle de la page du blog
  • Modèle pour les articles du blog
  • Ajouter une sidebar flottante aux articles de blog
  • Décliner le style des articles selon leur catégorie
  • Ajouter des articles relatifs au bas des articles
  • Modèle des archives de catégorie et d’auteur

Les autres pages & Astuces

  • Modèle de la page des erreurs 404
  • Modèle de la page des résultats de recherche
  • Exporter ou importer les modèles de thème
  • Enregistrer un modèle de thème dans la bibliothèque Divi

Menu sticky & Scroll @ Bouton de recourt vers le haut

  • Menu sticky en haut ou en bas de l’écran
  • Header hero avec menu sticky original
  • Bouton retour vers le haut personnalisé
  • Footer qui se dévoile au scroll + bouton de « retour vers le haut » personnalisé

Comprendre le builder Woocommerce

  • Options natives de Divi pour WooCommerce
  • Modules WooCommerce (WooCommerce Builder)
  • WooCommerce Builder ou Thème Builder ?
  • Important pour éviter les conflits

Design de la boutique

  • Modèle de la page Boutique
  • Modèle de la page Panier + optimisation
  • Modèle de la page de Validation de Commande
  • Modèle de la page Mon Compte

Design des produits

  • Modèle des fiches produit
  • Agir sur le design d’un produit en particulier
  • Fiche produit différente selon la catégorie
  • Fiche produit façon « landing page »

Design des pages d’archives

  • Modèle archives de catégorie sur-mesure
  • Modèle dynamique pour l’ensemble des archives de catégorie de produit
  • Archives d’attributs & archives d’étiquettes

Public

  • Non professionnel de la création de site internet.

Prérequis

  • Avoir une pratique digitale courante, sur ordinateur et Smartphone.
  • Connaître les fondamentaux de WordPress
  • Matériel nécessaire pour suivre la formation à distance : PC, Mac / connexion internet stable / navigateur Web récent

Accessibilité

Les personnes atteintes de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d’étudier ensemble les possibilités de suivre la formation par téléphone au 06 67 14 64 98 ou par mail.

Modalités et délais d'accès

Délai moyen : 2 semaines. Merci d’utiliser le formulaire de contact ou nous joindre par téléphone ou mail pour l’organisation de votre formation.

Equipe pédagogique

Les experts qui animent la formation sont des spécialistes des matières abordées. Ils ont été validés par nos équipes pédagogiques tant sur le plan des connaissances métiers que sur celui de la pédagogie, et ce pour chaque cours qu’ils enseignent. Ils ont au minimum cinq à dix années d’expérience dans leur domaine et occupent ou ont occupé des postes à responsabilité en entreprise.

Prérequis techniques

La formation nécessite l’acquisition d’une licence Divi.

Pour les formations à distance :

  • Mac / PC
  • Connexion internet stable
  • Navigateur Web récent
  • Teams ou Zoom
  • Le logiciel enseigné installé 
 

Pour les formations dans vos locaux : 

  • Tableau blanc/paperboard
  • Vidéoprojecteur
  • 1 PC / Mac par stagiaire
  • Le logiciel enseigné installé 

Méthodes et ressources pédagogiques

  • Exposés, aides visuelles, support de cours, exercices pratiques d’utilisation
  • Questions/réponses entre les stagiaires et le formateur
  • Mise à disposition en ligne de documents supports à la suite de la formation.

Suivi de l'exécution et évaluation

  • Entretien permettant l’analyse des besoins des participants et/ou questionnaire de positionnement
  • Exercices pratiques et/ou mises en situation, tout au long de la formation pour valider les compétences
  • Questionnaire de satisfaction à chaud en fin de formation, et à froid à 3 mois.
  • Questionnaire d’auto-évaluation en fin de formation) et/ou passage de la certification (en conditions d’examens ou en télésurveillance après la formation)
  • Feuille de présence émargée par demi-journée par les stagiaires et le formateur. Certificat de réalisation de l’action de formation

Modalités d'organisation

  • Collectif sur site client ou à distance : groupe de 1 à 6 personnes, de 9h à 17h du lundi au samedi
  • Individuel sur site client ou à distance : planifiée selon vos disponibilités et celle du formateur, sessions de 2h à 3h30 du lundi 9h au samedi 12h

Qualité et engagements

Indicateurs de qualité

EKHOWEB est certifié Qualiopi pour les actions de formations
A partir de 0

Qualité

Vous avez une réclamation, un incident ou une suggestion à faire remonter, nous sommes à votre écoute, contactez-nous sur qualite@ekhoweb.com.

  • Formation créée le 07/12/2022.
  • Dernière mise à jour le 07/12/2022
  • Version du programme: 1

Référent pédagogique

Frédéric HATLAS,  téléphone ‭06 67 14 64 98‬ ou par mail.

Demande d'information

0
cours disponibles
+ 0
formateurs experts
0
stagiaires / an
0 %
de satisfaction