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.