Formation de wordpress (séance 1) 1-WordPress 2-Installation et configuration 3-Personnalisation du thème (1) 3-1-Les articles 3-2-Ajouter article 3-3-Les catégories et les étiquettes 3-4-Les révisions 3-5-Les rétro liens 3-6-Les options de la publications d’un article 4-Personnalisation du thème (2) 4-1-Les pages 4-2-Ajouter page 4-3-Architecture des pages 4-4-Ordre des pages 4-5-Mise à jour des pages 4-6-Les médias 4-7-Les parmaliens

1. Mr. EZZAOUFI Amine
Ezzaoufi.amine@gmail.com

2. Table de matières séance 1
• WordPress
• Installation et configuration
• Personnalisation du thème (1)
• Les articles
• Ajouter article
• Les catégories et les étiquettes
• Les révisions
• Les rétro liens
• Les options de la publications d’un article
• Personnalisation du thème (2)
• Les pages
• Ajouter page
• Architecture des pages
• Ordre des pages
• Mise à jour des pages
• Les médias
• Les parmaliens

3. 1
WordPress
WordPress est un CMS pour créer des sites web, Surtout les blogs et les sites de E-commerce
Fondé en 2003 par une équipe des développeurs pour un objectif de simplifier la réalisation
Et la maintenance des sites web pour les non-développeurs . Il permet
• Plusieurs individus de travailler sur le même site et parfois même document .
• D’offrir un workflow ou bien une chaine de publication aux utilisateurs
• Structurer les données (Utilisateurs, Documents, Médias….)
• La gestion des rôle, les privilèges.
Avantages
- Personnalisation simple des thèmes.
- Gestion complète et facile d’un site web en WordPress.
- Il supporte les moteurs de recherche.
Inconvenants
- Au niveau de sécurité , Lors de l’installation des plugins non-officiels.
- La capacité d’installation des plugins assez faible.

4. 2
Installation et configuration
Les outils à utiliser
Wamp Server
WordPress

5. 3
Installation et configuration
• Apres l’installation du serveur web . On télécharge le WordPress via ce lien:
https://fr.wordpress.org/txt-download/
• Apres on met le dossier téléchargé du WordPress dans le local web (répertoire www),
Et par suite on accède au dossier WordPress via le l’adresse locale et on trouve ce qui montre
la figure suivante:

6. 4
Installation et configuration
• Ensuite on crée notre base de données dans le serveur de la base de données PHPMYADMIN
• On remplit les informations de la base de données et on valide

7. 5
Installation et configuration
• Après on obtient ce résultat . Et on lance l’installation du WordPress

8. 6
Installation et configuration
On saisit nos informations suivantes
Le titre du site ,l’identifiant, le mot de
passe, Et l’adresse email. Ces informations
Permettent d’accéder au tableau de bord
Pour personnaliser le site web.

9. 7
Personnalisation du thème (1)
Les articles
• Les articles permette de publier les actualités sur un site web.
• Chaque article a une date de publication et un auteur.
• Chaque article possède un titre et un texte, il peut avoir des média (images, vidéos…)
• Chaque article peut être classé selon une catégorie ou un étiquette.
• Pour chaque article on peut activer ou désactiver les commentaires.
• On peut mettre dans un article des liens hypertextes intérieurs ou extérieurs.

10. 8
Personnalisation du thème (1)
Ajouter un nouvel article:
Dans le menu à gauche du tableau de bord on choisit article et on clique sur ajouter

11. 9
Personnalisation du thème (1)
Les catégories et les étiquettes:
• Une catégorie définit une rubrique pour les article (par exemple : Catégorie Programmation
contient les articles :JAVA, PHP, C#...)
• Une étiquette sont des tags ou des mots-clés utilisés dans un article. (Par exemple:
Un article d’algorithmes avec des exemples en JAVA,PHP,… ou bien un article qui présente
une application mobile qui marche dans le Windows phone, Android, IOS).

12. 10
Personnalisation du thème (1)
Ajouter une nouvelle catégorie:
Dans le menu à gauche du tableau de bord on choisit article et on clique sur catégories.
Et on ajoute tout simplement une nouvelle catégorie.

13. 11
Personnalisation du thème (1)
Ajouter une nouvelle étiquette:
Dans le menu à gauche du tableau de bord on choisit article et on clique sur Etiquettes.
Et on ajoute tout simplement une nouvelle étiquette.

14. Personnalisation du thème (1)
Affichage des option de l’écran :
En haut de la page. On choisit options de l’écran qui permette d’afficher les options, et les
Paramètres dans le tableau de bord ou bien dans les articles, les catégories ...
12

15. Personnalisation du thème (1)
Le texte dans un article :
Chaque article possède un éditeur du texte. Dans lequel on peut saisir un bout de texte. Ou
Des média, des lien hypertextes …….
13

16. Personnalisation du thème (1)
La galerie des images:
Clic sur ajouter média, Puis créer une galerie, On sélectionne les images qu’on désire les
afficher dans notre article avec une possibilité d’ajout d’une description, un texte alternatif.
Une légende…
14

17. Personnalisation du thème (1)
L’image à la une:
L’image à la une, Est l’interface d’un article ou d’une page, Il s’affiche entête de l’article ou la
Page, Pour l’ajouter on clique sur Mettre une image à la une en bas de tableau de bord d’un
Article ou une page. Et on choisit l’image en déterminant ses coordonnées.
15

18. Personnalisation du thème (1)
Insérer une image ou une vidéo à partir d’une adresse web:
On peut insérer une image ou une vidéo dans un article à partir d’un URL. On clique sur
Ajouter un média ,Après on choisit Insérer à partir d’une adresse web, on saisit le lien de l’image,
et finalement on valide l’insertion.
16

19. Personnalisation du thème (1)
Les Rétro liens :
Un rétro lien est un lien réciproque qui permet de lier les articles qui ont le même sujet.
Un auteur de l’article 1 peut établir un rétro lien vers l’article 2, Alors le visiteur ou le lecteur
De l’article 2 peut découvrir l’article et l’inverse.
Pour insérer un rétro lien en bas de chaque article on trouve cette option Envoyer des rétro liens
Dans ce champs on ajoute le lien de l’article qu’on désire lier.
17

20. Personnalisation du thème (1)
Les révisions:
Les révisions sont les traces ou bien l’historique des mises à jour effectuées au sein d’un article
Pour l’activer on la coche dans l’option d’écran
Et on bas de l’article on trouve ce résultat.
18

21. Personnalisation du thème (1)
Les options de la publication d’un article:
19
• Etat d’un article:
 Publié: C’est-à-dire l’article est publié sur le site .
 En attente de relecture : L’auteur met l’article en
attente de relecture par un administrateur pour le
valider ou l’annuler
 Brouillon : Comme son nom indique, L’auteur met
l’article dans un brouillon.
 Mettre en avant l’article: ça veut dire qu’on met
l’article dans la page d’accueil.
• Visibilité :
 Public : L’article lisible par tous les visiteurs.
 Protégé par un mot de passe : L’article est accessible
par un mot de passe.
 Privé: L’article accessible juste par les admnistrateurs.

22. 20
Personnalisation du thème (2)
Les pages:
• Les pages permettent de publier des informations statiques sur votre site
• Les pages sont indépendantes du temps car elles contiennent des informations permanentes
• Les auteurs sont masqués
• Possèdent la relation d’héritage (père et fils) ou de sous page
• Accessibles via les menus
• Elles contiennent pas de commentaires

23. Personnalisation du thème (2)
Ajouter une page:
21
Pour ajouter une page, On accède au Menu à gauche, On choisit Page puis ajouter Page on lui
Donnant un titre et un contenu.

24. 22
Personnalisation du thème (2)
L’architectures des pages:
On peut mettre chaque page dans une catégorie qui va être une page. Par exemple:
La page WordPress on peut la mettre comme sous page de la page des formations
Pour le faire dans la page au menu à droite on trouvera un onglet qui s’appelle Attributs de
La page. Dans lequel on associé une sous-page à une page.

25. Personnalisation du thème (2)
L’ordre des pages:
23
En WordPress .On peut classer les pages selon un ordre. Pour le faire on accède au menu
à droite et on donne u numéro à la page dans l’option ordre de l’onglet Attributs de la page

26. Personnalisation du thème (2)
Les médias:
24
Au menu gauche du tableau de bord , on trouve l’option média dans
laquelle il y a une
bibliothèque des médias et une autre option pour ajouter un média.
Cette bibliothèque contient toutes les médias qu’on a besoin dans
notre site web.

27. Personnalisation du thème (2)
Les parmaliens:
25
Les parmaliens sont des lien permanents vers les articles, les pages, les catégories d’articles,
Les étiquettes …
C’est pour la sécurité du site au lieu de mettre l’id du l’article ou la page … On peut mettre
Date et titre, Mois et titre, nom de l’article ou même une structure personnalisée.