Formation
WORDPRESS
Leçon WordPress : Se connecter, Créer une page & un menu (3m 08s)
- Se connecter à son site
- Création d’une page wordpress
- Mettre la page en privé
- Créer un menu
- Créer des sous menu
- Modifier la place des éléments du menu
Plugin de référencement (3m 16s)
- Présentation du plugin de référencement
- Présentations des avantages et des fonctionnalités
Plugin d’accélération & Statistiques simples (3m 36s)
- Présentation du plugin
- Présentation des réglages et de son fonctionnement
Plugin d’analyse de trajet de souris (4m 06s)
- Présentation & installation du plugin
- Démonstration des mouvements de souris
- Démonstration des heatmaps & des funnels
Pixel Facebook (3m 58s)
- Présentation du Pixel Facebook
- Démonstration de l’installation rapide
- Paramétrage et conseils
Google Site Kit (Analytics) (3m 27s)
- Démonstration et installation du Google Site kit
- Présentation du plugin
- Démonstration chiffrée
Plugin Popup for Divi (3m 33s)
- Qu’est-ce que Popup Divi
- Installation d’un popup non-invasif
- Comment ça fonctionne
Plugin Suprème Divi (8m 50s)
- Démonstration et avantages du plugin
- Les différents modules
- Les shortcodes de la bibliothèque
- Les avantages
Plugin SmartSlider 3 (3m 51s)
- Mise en route du Plugin
- Démonstration de l’installation
- Comment ajouter sur le site via DIVI
- Ajout des images dans le slider (carrousel)
- Ajout du texte dans les images
Plugin Certificat SSL (site en https) (1m 47s)
- Installation du plugin
- Avantages
- Conditions pour avoir un site en https
Plugin Polylang pour un site multi-langue (6m 27s)
- Installation et activation du plugin
- Comment ça fonctionne
- Avantages & contraintes
- Démonstration avec deux langues « Français & Portugais »
[pms-restrict display_to= »not_logged_in » message= » » _i= »1″ _address= »2.0.1.1″ /]
Divi
Leçon 1 : Section, Rangée & Module (5m 33s) [🎁GRATUIT🎁]
- Création d’une page avec DIVI
- Mettre une page wordpress public en privé
- Compréhension des 3 blocs généraux (Section, Rangée & Modules)
- Ajout d’un texte
- Ajout d’une image
Leçon 2 : Ajustements, Fonds & Colonnes (5m 28s) [🎁GRATUIT🎁]
- Ajustement (haut et bas) des blocs
- Ajustement des blocs jusqu’au bord
- Ajout du fond (dégradé dans ce cas-ci)
- Modification des colonnes
Leçon 3 : Survol des styles & Style de texte (5m 33s) [🎁GRATUIT🎁]
- Survol des différents styles
- Approfondissement du style du texte
Leçon 4 : Bordure, boîte ombre & filtre (4m 59s) [🎁GRATUIT🎁]
- Création de bordure
- Arrondissement des bordure
- Création des ombres des blocs
- Personnalisation des ombres
- Explication des différents filtres
Leçon 5 : Transformer & Animation (4m 39s) [🎁GRATUIT🎁]
- Explication des différents onglets « Transformer »
- Personnalisation des animations
Leçon 6 : Les survols (Hover) & Mobile/Tablette (7m 40s)
- 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)
Leçon 7 : Liens & boutons (4m 21s)
- 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
Leçon 8 : Layers & Étiquette Admin (3m 05s)
- 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
Leçon 9 : Les différents modules (11m 22s)
- Brève explication des différents modules
Leçon 10 : Les plugins & personnaliser le thème (6m 01s)
- Explication des plugins
- Comment personnaliser le thème sur wordpress
- Personnalisation du thème DIVI
Leçon 11 : Le thème builder (8m 14s)
- 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)
Leçon 12 : Les shortcodes (1m 30s)
- Insertion d’un shortcode
Leçon 13 : Module Accordéon (4m 52s)
- 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)
Leçon 14 : Module Appel à l’action (3m 43s)
- 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)
Leçon 15 : Module Audio (2m 22s)
- 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)
Leçon 16 : Module Barre Latérale (3m 34s)
- 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é
Leçon 17 : Module Bascule (3m 17s)
- 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é
Leçon 18 : Module Blog (8m 56s)
- 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
Leçon 19 : Module Boutique (8m 00s)
- 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
Leçon 20 : Module Carte (9m 00s)
- 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
Leçon 21 : Module Chercher (1m 47s)
- 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)
Leçon 22 : Module Code (2m 43s)
- Ajout du module Code
- Explication du module
- 3 Exemples : Intégration d’une vidéo Youtube et Facebook et d’un plan Google Maps
Leçon 23 : Module Commentaire (1m 07s)
- Ajout du module Commentaire
- Explication du module
- Personnalisation de l’affichage
Leçon 24 : Module Compteurs (3m 04s)
- Ajout du module compteurs
- Explication des différents compteurs
- Compteur à barre
- Compteur à nombre
- Compteur en cercle
- Personnalisation des compteurs
Leçon 25 : Module Compte à rebours (1m 37s)
- Ajout du module Compte à rebours
- Modification des dates
- Modification du titre
- Personnalisation du style du module
Leçon 26 : Module curseur de défilement des postes (4m 09s)
- 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
Leçon 27 : Module curseur de défilement vidéo (3m 34s)
- 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
Leçon 28 : Module diapo (2m 34s)
- 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
Leçon 29 : Module E-Mail Optin (6m 19s)
- 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
Leçon 30 : Module Formulaire de contact (11m 34s)
- 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
Leçon 31 : Module Galerie (4m 36s)
- 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
Leçon 32 : Module Menu (3m 10s)
- 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
Leçon 33 : Module Onglets (4m 35s)
- Ajout du module onglets
- Ajout de plusieurs onglets
- Démonstration des onglets
- Personnalisation du style
- Ajout de Shortcodes
- Ajout de contenu
Leçon 34 : Module Personnes (2m 00s)
- 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
Leçon 35 : Module Portefeuille (portfolio) (3m 23s)
- 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
Leçon 36 : Module Portefeuille filtrable (portfolio avec filtre) (1m 38s)
- 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
Leçon 37 : Module Résumé (2m 33s)
- Ajout du module Résumé
- Modification de l’image ou de l’icone
- Explication du module
- Modification du texte
- Modification du style
Leçon 38 : Module Se connecter (2m 05s)
- Ajout du module Se connecter
- Explication du module
- Contraintes du module
- Redirection ou non
- Modification du style
Leçon 39 : Module Séparateur de ligne (1m 26s)
- Ajout du module séparateur de ligne
- Visibilité ou Non
- Personnalisation de la ligne
- Dimensionnement
- Format de la ligne
Leçon 40 : Module Tableau tarif (3m 21s)
- 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
Leçon 41 : Module du titre du post (5m 23s)
- 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
Leçon 42 : Module Vidéo (2m 13s)
- 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
Leçon 43 : Module témoignage (2m 23s)
- 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
Leçon 44 : Module Navigation dans les posts (1m 23s)
- Ajout du module Navigation dans les posts
- Explication du module
- Navigation & Catégories
Leçon 45 : Module Image (3m 11s)
- 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
Leçon 46 : Module Suivre sur les réseaux sociaux (2m 47s)
- 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
Leçon 47 : Module plein écran (5m 06s)
- 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
Leçon 48 : Enregistrer dans la bibliothèque (2m 55s)
- 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
Leçon 49 : Utiliser un Template déjà fait (5m 14s)
- 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
Leçon 50 : Le contenu dynamique / automatique (4m 59s)
- Utilité du contenu automatique/dynamique
- Les différents contenus dynamiques
- Liens, images & textes
- Explication du contenu dynamique
Leçon 51 : Insertion du code css (2m 00s)
- Utilité du contenu automatique/dynamique
- Les différents contenus dynamiques
- Liens, images & textes
- Explication du contenu dynamique
Leçon 52 : Créer un beau fond (parallaxe & css) (1m 51s)
- Créer un fond en parallaxe
- Différents effets ( CSS & Réel)
- Explication & démo des deux effets
Leçon 53 : Insertion des codes Google (1m 08s)
- Créer un fond en parallaxe
- Différents effets (CSS & Réel)
- Explication & démo des deux effets
Formidable Form
Créer un formulaire sur formidable form (6m 54s)
- Ajout du module texte
- Ajout du module texte à cocher
- L’utilité du Layout css class
- L’utilité du placeholder text
- Ajout d’un saute de page (division de pages)
- Ajout d’un Summary (Résumé)
- Mentions Importantes
- Copier/coller un shortcode
- Ajouter le formulaire sur une page
Module 2 : Créer une action d’inscription (2m 50s)
- Aller dans les réglages du formulaire
- Découverte de l’actions & notifications
- Installations d’un add-ons (plugin ou extension) de formidable form
- Paramétrage de l’enregistrement sur le site wordpress