Formation WordPress:

Comment devenir autonome?

Table des matières
• WordPress, qu’est ce que c’est ?
• Quels en sont les avantages ?
• Comment y accéder ?
• Fonctionnement de l’interface
• Créer, gérer, publier des actus
• Gérez votre e-shop
• Cas pratique
1 WordPress
Qu’est ce que c’est ?
1.1. WordPress, Qu’est ce que c’est ?

Définition

Système de gestion de contenu, libre et

open-source

Open-source
Accessible à tous, créant un marché
parallèle de plug-in spécifique
2 WordPress
Quels en sont les
avantages ?
2.1. WordPress, Quels sont les avantages ?

Presque plus de code

• Création par « Drag&drop »

• Facilitation des modifications

• Accessible à tous

• User-friendly
2.2. WordPress, Quels sont les avantages ?

Une architecture ouverte

• Possibilité d’avoir énormément de

plugins (Analytics, e-commerce,… )

• Nombreux sont gratuits

• Compatible avec beaucoup d’autres

logiciels (Mailchimp, Stripe, …)

• User-friendly
2.3. WordPress, Quels sont les avantages ?

Centralisation et routinisation

• Harmonise les logiciels

• Propre ”appstore”

• Grande documentation (chaine

Youtube, site internet, livres,… )

• Facilité de trouver quelqu’un

s’y connaissant
3 WordPress
Comment y accéder ?
3.1. WordPress, Comment y accéder ?

Une Web App

• Accessible partout

• Sur tous les appareils

• Stockée sur un serveur

• Pluralité des accès

3.2. WordPress, Comment y accéder ?

Tapez « vivardent.be/wp-admin/ »
Dans la barre de recherche de recherche de votre navigateur
3.3. WordPress, Comment y accéder ?

Insérez vos identifiants

4 WordPress
Fonctionnement de
l’interface
 4.1. WordPress, Fonctionnement de l’interface

Structure : 3 secteurs distincts

Barre
de statut

Surface
de travail

Menu
latéral
4.2. WordPress, Fonctionnement de l’interface

• Barre de statut

Création : Modification
• D’article du profil

• De page
• De produit
• De commande

Retour au site principal

4.3. WordPress, Fonctionnement de l’interface

• Menu latéral

On y retrouve :

• Le menu principal de WP

• Les menus de chaque

extension/plugin

• Les sous-menus associés

 4.4. WordPress, Fonctionnement de l’interface

• Surface de travail

On y retrouve :

• Associé à chaque menu et

sous menu, une interface
de travail adaptée avec
laquelle nous pouvons
intéragir
5 WordPress
Créer, gérer, publier
des actualités
5.1. WordPress, Créer, gérer et publier des actualités

Historiquement

• WordPress fût initialement

créé pour réaliser des articles
de presse en ligne
• Cette fonctionnalité est donc
toujours intégrée
automatiquement
• Création d’article intuitivement
5.2.1 WordPress, Créer des actualités

Vraiment intuitif ?
A vous d’essayer; Créez votre premier article en ligne !
5.2.2 WordPress, Créer des actualités

Créer une actualité

Barre de statut>Créer>Article

Menu latéral>Article>Ajouter

Surface de travail dédiée

5.2.3 WordPress, Créer des actualités

Découvrez Elementor

• Plugin facilitant la création

• Utilisé pour la création de ce

site ainsi que pour les articles

• Réutilisation de patern
5.2.4 WordPress, Créer des actualités

Créer un article avec Elementor 1/2

• Modifiez votre titre d’article

• Sélectionnez « Use custom

settings »

• Choisissez une photo de

couverture pour l’article

• Cliquez sur le logo central

5.2.5 WordPress, Créer des actualités

Créer un article avec Elementor 2/2

(Drag&Drop de « Widget »)

• Choisissez le contenu que vous

souhaitez incorporer (Texte, photo,
bouton,…)

• Sélectionnez le dans la barre sur le

coté

• Glissez le à l’endroit que vous

souhaitez

• Cliquez sur « Publier » en bas à gauche

 5.2.5 WordPress, Créer des actualités

Créer un article via « EA Duplicator »

Envie de conserver un même style
pour toutes vos actualités ?
-> Dupliquer et modifier

Menu latéral>Article
• Passer au dessus d’un article
déjà écrit

• Dans le sous-menu qui apparait,

cliquer sur « EA Duplicator »

• Modifiez maintenant les textes

et images pour en créer une
nouvelle actualité
 5.3.1 WordPress, Gérer vos actualités

Modifier vos actualités

Menu latéral>Article
• Passer au dessus d’un article
déjà écrit

• Dans le sous-menu qui apparait,

cliquer sur « Modifier»

• Modifiez maintenant les textes

et images que vous souhaitez
 5.3.2 WordPress, Gérer vos actualités

Modifier les métas données

• Menu latéral>Article

• Passer au dessus d’un article déjà

écrit

• Dans le sous-menu qui apparait,

cliquer sur « Modifier rapidement»

• Changez le titre, l’état de

publication, la date, la catégorie,…
 5.3.3 WordPress, Gérer vos actualités

Supprimer une actualité

Menu latéral>Article
• Passer au dessus d’un article
déjà écrit

• Dans le sous-menu qui

apparait, cliquer sur
« Corbeille»
 6
WordPress
Gérez votre eshop
 6.1. WordPress, Gérer votre eshop

Découvrez WooCommerce

• Une extension dédiée à la

vente en ligne

• Directement incrusté dans

votre WordPress

• Fournissant de nombreuses
données et statistiques
 6.2.1 WordPress, Ajouter un produit

Ajouter un produit
Barre de statut>Créer>Produit

Menu latéral>Produit>Ajouter
produit

Surface de travail dédiée

 6.2.2 WordPress, Ajouter un produit

Compléter les champs

• Prix
• Stocks
• Description
• Catégorie
• Limite d’age
• Image
• …
 6.3.1 WordPress, Gérer vos produits

Modifier un produit
Menu latéral>Produit
• Passez au dessus d’un
produit existant

• Dans le sous-menu qui

apparait, cliquez sur
« Modification rapide»

• Modifiez maintenant le
nom, prix, statut de
disponibilité,…
 6.3.2 WordPress, Gérer vos produits

Modification plus importante?

Menu latéral>Produit
• Passez au dessus d’un
produit existant

• Dans le sous-menu qui

apparait, cliquez sur
« Modifier»

• Modifiez la description, la
photo, la limite d’âge,…
 6.3.3 WordPress, Gérer vos produits

Supprimer un produit
Menu latéral>Produit
• Passer au dessus d’un
produit existant

• Dans le sous-menu qui

apparait, cliquer sur
« Corbeille»
 6.3.4 WordPress, Gérer vos produits

Créer une nouvelle catégorie

Menu latéral>Produit
• Passer au dessus d’un
produit existant

• Dans le sous-menu qui

apparait, cliquer sur
« Corbeille»
 6.4.1 WordPress, Gérer votre boutique

Accueil WooCommerce
Menu latéral>WooCommerce
>Accueil
Retrouvez-y :
• Vos commandes en attente
• Un état des stocks
• Vos statistiques de vente
• Des raccourcis pour gérer
votre boutique
 6.4.2 WordPress, Gérer votre boutique

Mes commandes
Menu latéral>WooCommerce
>Commandes

Retrouvez-y vos commandes :

• En attente
• En cours
• Terminées
• Supprimées
 6.4.3 WordPress, Gérer votre boutique

Mes commandes

Cliquez sur l’œil pour prévisualiser

• Vous pouvez maintenant la

terminée ou la modifier
 6.4.4 WordPress, Gérer votre boutique

Modifier une commande

En cliquant sur modifier, vous

pouvez :

• Changer le statut
• Effectuer une action (Envoie un
récap de la commande, ré-
envoyer la notification de
commande,…
• Notifier le client
 6.4.5 WordPress, Gérer votre boutique

Gérer vos clients

Menu latéral>WooCommerce
>Client
Retrouvez-y :
• Une liste exhaustive de vos clients
• Leurs données personnelles
• Un bouton afin de télécharger
cette liste
• Une barre de recherche pour
retrouver vos clients
 6.4.6 WordPress, Gérer votre boutique

Gérer vos statistiques

Menu latéral>WooCommerce
>Rapport
Retrouvez-y des graphiques sur :
• Vos commandes
• Vos clients
• Vos stocks
• ,…
Sur différentes périodes de temps
Disponible en téléchargement
(Export CSV)

*Des statistiques plus complètes sont disponibles dans Menu latéral>Statistiques

 6.4.7 WordPress, Gérer votre boutique

Réglages de WooCommerce

Menu latéral>WooCommerce
>Réglages
Dans cette rubrique, vous
retrouverez tous les réglages
concernant votre boutique en
ligne
Dans chacun des sous-menus,
vous accéderez à des paramètres
spécifiques
7 WordPress
Gérez vos pages
 7.1.1 WordPress, Ajouter une page

Ajouter une page

Barre de statut>Créer>Page

Menu latéral>Page>Ajouter

Modifier avec Elementor

Surface de travail dédiée

 7.1.2 WordPress, Ajouter une page

Complétez cette page

• Sélectionnez votre structure

• Insérez-y des Widgets
• Modifiez le contenu des widgets
dans le menu thématique de la
colonne à gauche de l’écran
• Modifiez le style de votre
contenu dans la rubrique
« Contenu »
• Cliquez sur « Publier »
 7.1.3 WordPress, Ajouter une page

Ajouter cette page au menu

Menu latéral>Apparence >Menus

• Sélectionnez la case à coté de votre

nouvelle page dans la colonne
« Page »
• Cliquez sur « Ajouter au menu »
• Placez le nouveau bloque qui vient
d’être créé dans « Structure du
menu » dans l’ordre que vous
souhaitez
• Si vous souhaitez en faire un sous–
menu d’une autre page, déplacez le
bloque avec le nom de votre page
toujours dans « Structure du menu »
en retrait vers la droite, sous son
parent
• Cliquez sur « Enregistrer le menu »
 7.2. WordPress, Gérer vos pages

Modifier vos pages

Menu latéral>Page

Envie de modifier une page?

• Survolez la dans la liste
• Cliquez sur « Modifier avec
Elementor »
 7.3. WordPress, Gérer vos pages

Modifier vos pages

• Cliquer sur le
contenu que vous
souhaitez modifier
• Dans l’onglet à
gauche vous verrez
les modifications
que vous pouvez
effectuer
 7.4. WordPress, Gérer vos page

Masquer une page

Menu latéral>Page

Envie de masquer une page?

• Survolez la dans la liste
• Cliquez sur « Modification
rapide »
• Faites passer l’état de
« Publié » à « Brouillon »

*Faites l’inverse pour la remettre en ligne

8 WordPress
Conseils
8.1. WordPress, Conseils

Pour ne pas ralentir le site

• N’utilisez pas des images de trop haute définition

(ni trop faible pour la qualité)

• Ne multipliez pas les plug-in inutiles

• Pensez à faire les mises à jour

8.2.1 WordPress, Conseils

Sauvegarde

• Avant toute manipulation mal-assurée, pensez à

bien faire une mise à jour

• Renseignez-vous sur internet concernant le rôle

des plug-in présents sur votre site avant de vouloir
les supprimer
8.2.2 WordPress, Conseils

Faire une sauvegarde sur vos PC

• En cas de problème avec votre hébergeur, il pourrait arriver

que votre site soit entièrement effacé

• Créez donc des sauvegardes après chaque avancée clé au

cas où cela venait à arriver

• Il vous suffira ensuite de réimporter ce fichier sur votre

serveur pour rétablir votre site
8.2.3 WordPress, Conseils

Faire une sauvegarde sur vos PC

Menu latéral>Duplicator>Create
New

• Nommez votre sauvegarde en la

datant
• Suivez les étapes
• Laissez le téléchargement se
poursuivre
• Placez votre sauvegarde dans un
dossier de votre ordinateur

Vous avez maintenant un backup

sur votre serveur et sur votre PC
8.3. WordPress, Conseils

Google est votre ami

• WordPress étant le leader mondial avec 18

millions d’utilisateurs, nombreuse est la
documentation accessible gratuitement en ligne

• Un message d’erreur ? Copiez/collez le dans votre

moteur de recherche et vous trouverez
immédiatement une solution
8.4. WordPress, Conseils

Ctrl+Z

• Vous venez de faire une erreur? Aucun

problème, WordPress comprend le Control+Z
pour faire un retour en arrière

• Utilisez également le bouton « Historique »

lorsque vous modifiez une page ou un article
pour revenir à une version ultérieure
9 WordPress
Cas pratiques
Merci.