À la fin de cette formation, le stagiaire doit avoir acquis les compétences nécessaires pour créer et mettre à jour les pages et les articles d’un site Internet réalisé à partir du CMS WordPress et du pagebuilder WP Bakery.
Cette formation a pour objectif de vous rendre autonome le plus rapidement possible sur le plan technique et de vous conseiller sur les bonnes pratiques du web, notamment au moment d’intégrer vos contenus. Elle s’organise autour de nombreux exemples et exercices concrets portant notamment sur la mise en place des contenus de votre site web.
Objectif de cette première demi-journée : Le stagiaire doit avoir acquis les compétences nécessaires pour créer et mettre à jour les pages et les articles d’un site web créé par la société Scopika à partir du CMS WordPress et du pagebuilder WP Bakery.
Accueil de l’apprenant
Dans les locaux de Scopika
- Accueil et présentation
- Café ou thé
- Test connexion sur le matériel de l’apprenant
Dans les locaux du client
- Présentation
- Test connexion du matériel du formateur
En visioconférence
- Envoi d’un mail avec le lien pour la visoconférence 24h avant l’heure du RDV au plus tard
- Accueil de l’apprenant à distance à l’heure convenue
- Test de la connexion du son, de la vidéo et du partage d’écran
10 minutes
1. Préambule : Le Front Office et le Back Office de votre site web
1.1. Le Front Office
- 1.1.1. Introduction
- 1.1.2. La page d’accueil
- 1.1.3. La page modèle avec plus de 30 styles graphiques différents utiles pour réaliser et agrémenter vos pages de contenu
- 1.1.4. Le formulaire de contact type (en option)
- 1.1.5. Le « mur » d’actualités
- 1.1.6. Un exemple de page actualité
- 1.1.7. Vos contenus sur-mesure déjà intégrés (option)
Exercice : Découvrez votre site Internet nouvellement créé.
1.2. Le Back Office
- 1.2.1. Introduction
- 1.2.2. Se connecter au Back Office
- 1.2.3. Découvrir le Back Office en mode éditeur
- 1.2.4. Découvrir et modifier sa page profil
- 1.2.5. La barre d’administration
Exercice : Connectez-vous au Back Office de votre site web. Testez votre identifiant et votre mot de passe. Découvrez les pages du back office de votre site web.
20 minutes
20 minutes
2. Premiers pas
2.1 Créer une première page pour mon site web
- 2.1.1. Introduction
- 2.1.2. Ajouter une page
- 2.1.3. L’onglet « pages »
- 2.1.4. Donner un titre efficace à une page
- 2.1.4. Conclusion
Exercice : Créez une page. Donnez lui un titre. Enregistrez la page en mode brouillon. Prévisualisez votre page en front office.
2.2. Ajouter du texte sur ma page
- 2.2.1. Introduction au pagebuilder WP Bakery
- 2.2.2. Ajouter l’élément « Bloc de texte » sur une page
- 2.2.3. Découvrir et jouer avec les styles de base de l’élément « Bloc de texte »
- 2.2.4. Créer un lien hypertexte sur un mot ou un groupe de mots dans l’élément « Bloc de texte »
- 2.2.5. Déplacer, éditer, dupliquer et supprimer l’élément « Bloc de texte »
- 2.2.6. Conclusion
2.3. Écrire et optimiser mes contenus pour le web
- 2.3.1. Introduction
- 2.3.2. Prévoir un titre pour chaque page
- 2.3.3. Vos introductions
- 2.3.4. 6 niveaux de titre : Pourquoi faire ?
- 2.3.5. Le corps du texte
- 2.3.6. Prévoir des liens
- 2.3.7. Conclusion
Exercice : À partir de l’exercice précédent, d’un fichier texte (au format Word) et d’un modèle (au format PDF) fournis par le formateur, faîtes évoluer votre page pour vous familiariser avec l’outil « Bloc de texte ». Enregistrez la page en brouillon. Prévisualisez votre travail en front office.
30 minutes
50 minutes
3. Utiliser des rangées et des colonnes pour construire les pages de votre site web
3.1. Structurer le contenue de sa page à l’aide des “rangées” ou “lignes”
- 3.1.1. Introduction : ajouter une rangée : Pourquoi faire ?
- 3.1.2. Ajouter l’élément « bloc de texte » dans une rangée
- 3.1.3. Déplacer une rangée
- 3.1.4. Diviser une rangée en colonne,
- 3.1.5. Dupliquer une rangée et son contenu,
- 3.1.6. Supprimer une rangée
- 3.1.7. Conclusion
Exercice : À partir de l’exercice précédent et d’un nouveau modèle (au format PDF) proposé par le formateur, faîtes évoluer la page pour vous familiariser avec les rangées et les colonnes. Enregistrez la page en mode brouillon. Prévisualisez votre page en front office.
30 minutes
80 minutes
Pause
10 minutes
90 minutes
4. Ajouter une image sur une page de votre site web
4.1. Choisir, préparer et optimiser mes images pour le web
- 4.1.1. Introduction
- 4.1.2. Me constituer une banque d’images
- 4.1.3. Alimenter ma banque d’images
- 4.1.4. Optimiser mes images pour WordPress
- 4.1.5. Conclusion
4.2. Utiliser la bibliothèque de médias
- 4.2.1. Introduction
- 4.2.1. Découvrir la bibliothèque de médias
- 4.2.2. Ajouter un fichier à ma médiathèque,
- 4.2.3. Compléter la carte d’identité de mes images,
- 4.2.4. Conclusion
4.3. Ajouter une image à ma page
- 4.3.1. Introduction
- 4.3.2. Intégrer une image dans sa page avec l’élément « Image seule »
- 4.3.3. Découvrir les paramètres utiles de l’élément « Image seule »
- 4.3.4. Déplacer, éditer, dupliquer et supprimer l’élément « Image seule »
- 4.3.5. Conclusion
Exercice : À partir de l’exercice précédent et d’un nouveau modèle (au format PDF) proposé par le formateur, faîtes évoluer la page pour vous familiariser avec les images et leur intégration dans une page. Enregistrez la page en mode brouillon. Prévisualisez votre page en front office.
40 minutes
130 minutes
5. Publier une page en ligne
5.1. Le bloc « Publier »
- 5.1.1. Introduction
- 5.1.2. Différencier les états « Publié », « En attente de relecture » et « Brouillon »
- 5.1.3. Utiliser les Révisions
- 5.1.4. Conclusion
Exercice : À partir de l’exercice précédent vous cliquez sur le bouton « Publier » du bloc « Publier ». Félicitations ! Votre première page est en ligne.
20 minutes
150 minutes
6. Créer un article pour mon site web
6.1. L’onglet Articles
- 6.1.1. Introduction
- 6.1.2. Ajouter un article
- 6.1.3. Différences entre une page et un article
- 6.1.4. Les catégorises d’articles
- 6.1.5. Conclusion
Exercice : À partir d’un nouveau modèle (au format PDF) proposé par le formateur, créez un article pour vous familiariser avec cette notion. Cliquez sur le bouton « Publier ». Prévisualisez votre page et la page Actualités en front office.
30 minutes
180 minutes
7. Intégrer une page dans le menu principal de votre site internet
7.1. L’onglet Apparences > Menus
- 7.1.1. Introduction
- 7.1.2. Repérer les menus sur votre site web en front office
- 7.1.3. Découvrir l’onglet Menus
- 7.1.4. Intégrer et paramétrer un lien dans le menu principal
- 7.1.5. Conclusion
Exercice : Intégrez la page créée dans l’exercice précédent dans le menu principal. Enregistrez le menu. Prévisualisez.
20 minutes
200 minutes
8. Exercice « solo »
8.1. Exercice à réaliser seul avant la seconde demi-journée de formation
- 8.1.1. Présentation de l’exercice
10 minutes
210 minutes
Évaluation de la satisfaction de l’apprenant en fin de première demi-journée
10 minutes
Fin de la première demi-journée
Objectif de cette seconde demi-journée : Le stagiaire doit avoir acquis les compétences nécessaires pour optimiser la présentation des pages et des articles de son site web. Pour cela, il apprend à utiliser les classes additionnelles et de nombreux autres outils (lecteur vidéo, boutons d’action, bloc d’appel à action, formulaires, espace vide … ). Enfin, il découvre Yoast, un outil spécifiquement dédié à l’optimisation de son référencement.
9. Correction de l’exercice réalisé « en solo »
9.1. Réglages des rangées et des colonnes
- 9.1.1. Introduction
- 9.1.2. Réglages de l’onglet « Rangée »
- 9.1.3. Réglages de l’onglet « Colonne »
- 9.1.4. Conclusion
9.2. Les classes additionnelles
- 9.2.1. Introduction
- 9.2.2. La page « palette »
- 9.2.3. Utiliser les classes additionnelles disponibles
- 9.2.4. Conclusion
9.3. Ajouter de nouveaux éléments aux pages et aux actualités de votre site web
- 9.3.1. Introduction
- 9.3.2. Utiliser l’élément « Espace vide »
- 9.3.3. Utiliser l’élément « Séparateur »
- 9.3.4. Utiliser l’élément « Bouton »
- 9.3.5. Utiliser l’élément « Appel à action »
- 9.3.6. Conclusion
9.4. Corriger la taille des images dans WordPress
- 9.4.1. Introduction
- 9.4.2. Remplacer un média dans WordPress
- 9.4.3. Modifier un média dans WordPress
- 9.4.4. Conclusion
Exercice : À partir de l’exercice réalisé seul, effectuer les corrections nécessaires de façon à coller au plus près du modèle.
80 minutes
80 minutes
Exercice : Intégration de chacun des éléments cités précédemment dans l’exercice en cours – Enregistrer le brouillon – Prévisualiser.
9.3. Ajouter des éléments « optionnels » selon vos besoins
- 9.3.1. Introduction
- 9.3.5. Utiliser l’élément « Lecture vidéo » (nécessite un compte Youtube ou Viméo)
- 9.3.6. Utiliser l’élément « Plan » (en option)
- 9.3.7. Utiliser l’élément « Advanced Carousel » (en option)
- 9.3.7. Utiliser l’élément « Accordéon » (en option)
- 9.3.8. Utiliser l’élément « Counter » (en option)
- 9.3.9. Utiliser d’autres types d’éléments (selon vos besoins)
- 9.3.10. Conclusion
Exercice : À partir de l’exercice précédent et d’un modèle (au format PDF) fourni par le formateur, faîtes évoluer votre page pour vous familiariser avec les différents outils propres à votre site web.
40 minutes
120 minutes
Pause
10 minutes
130 minutes
10. Créer un modèle réutilisable
10.1. Utilisation de l’élément « Modèle »
- 10.1.1. Introduction
- 10.1.2. Créer un modèle
- 10.1.3. Utiliser un modèle
- 10.1.4. Conclusion
Exercice : À partir d’un modèle (au format PDF) fourni par le formateur, créez un modèle réutilisable sur n’importe quel page ou article.
20 minutes
150 minutes
11. Optimiser le référencement de vos pages avec l’outil Yoast
- Introduction
- Donner un titre SEO à ma page ou à mon article
- Contrôler le permalien de ma page ou de mon article
- Décrire ma page ou mon article avec un paragraphe court
- Conclusion
Exercice : Créer et utiliser un modèle – Enregistrer le brouillon – Prévisualiser.
20 minutes
170 minutes
12. Corriger les infos de l’entête et du pied de page de votre site web
- Introduction
- L’onglet Apparence > Personnaliser
- Modification de l’identité du site Internet
- Modification des contenus des « widgets »
- Conclusion
Exercice : Créer et utiliser un modèle – Enregistrer le brouillon – Prévisualiser.
20 minutes
190 minutes
13. Personnaliser le formulaire de contact
- Introduction
- L’élément « Gravity Form » dans la page
- L’onglet « Formulaires »
- Modifier le formulaire de contact
- Conclusion
Exercice : Créer et utiliser un modèle – Enregistrer le brouillon – Prévisualiser.
20 minutes
210 minutes
Renforcement
Objectif de ce renforcement : Aidé par le formateur qui l’accompagne, l’apprenant consolide ses compétences en créant ou en mettant à jour les pages et les articles de son site Internet. L’apprenant a un crédit de 7 heures utilisables à tout moment, soit en présentiel pour des rendez-vous d’au moins 2 heures, soit en distanciel pour des formats plus courts (15 minutes minimum) par exemple.