‭Systèmes de Gestion de Contenu‬

‭CMS‬

‭Cours et Travaux Pratiques‬

‭Dr.BOUKIL‬
 ‭Sommaire de la formation‬

‭ bjectifs pédagogiques‬
O
‭Partie 1 - Introduction à WordPress‬
‭1. Objectifs et motivations‬
‭2. Découvrir WordPress‬
‭2.1- Qu’est-ce qu’un CMS ?‬
‭2.2- Que veut dire “open source” ?‬
‭2.3- Différence entre WordPress (WordPress.org) et WordPress.com‬
‭3. Atouts de WordPress‬
‭3.1- La simplicité‬
‭3.2- La personnalisation du site‬
‭3.3- Les extensions‬
‭4. Fonctionnement d’un site web‬
‭5. Préparation de l’environnement de travail‬
‭5.1- Installer Wamp pour créer un serveur web sur son PC‬
‭5.2- Créer une base de données MySQL avec Wamp‬
‭5.3- Installer WordPress dans le dossier « www » de Wamp‬
‭5.4- Installation de WordPress‬
‭Partie 2 - Administration d’un site WordPress‬
‭1. Connexion à l’interface d’administration de WordPress‬
‭2. Le tableau de bord de WordPress‬
‭3. Les articles‬
‭3.1- Qu’est ce qu’un article dans WordPress ?‬
‭3.2- Qu’est ce qu’une catégorie dans WordPress ?‬
‭3.3- Qu’est ce qu’une étiquette dans WordPress ?‬
‭3.4- Comment attribuer une catégorie ou une étiquette à un article WordPress ?‬
‭4. Les pages‬
‭4.1- Comment attribuer une page parente à une page WordPress ?‬
‭4.2- Comment attribuer un template personnalisé à une page WordPress ?‬
‭5. Les médias‬
‭6. Les commentaires‬
‭7. L’apparence‬
‭7.1- Choisir son thème‬
‭7.2- Personnaliser le thème‬
‭8. Widgets‬
‭8.1- Qu’est ce qu’une sidebar dans WordPress ?‬
‭8.2- Qu’est ce qu’un widget dans WordPress ?‬
‭9. Menus‬
‭10. Les extensions‬
‭10.1- La liste des extensions installées sur votre site WordPress‬
‭10.2- Comment ajouter une extension dans WordPress ?‬
‭11. Les utilisateurs‬
‭11.1- Visualiser la liste des utilisateurs‬

‭Formation WordPress- Dr.BOUKIL‬ ‭2‬

 ‭ 1.2- Visualiser le profil d’un utilisateur et le modifier‬
1
‭11.3- Créer un utilisateur‬
‭12. Les outils‬
‭12.1- Exporter les données de son site web‬
‭12.2- Importer des données sur votre site web‬
‭12.3- Importer les données d’un autre site WordPress‬
‭12.4- Surveiller la santé de son site WordPress‬
‭12.5- Exporter et effacer les données personnelles d’un utilisateur‬
‭13. Les réglages‬
‭13.1- Les réglages généraux‬
‭13.2- Les réglages d’écriture‬
‭13.3- Les réglages de lecture‬
‭13.4- Les réglages des commentaires‬
‭13.5- Les réglages des médias‬
‭13.6- Les réglages de permaliens‬
‭13.7- Les réglages de confidentialité‬

‭Formation WordPress- Dr.BOUKIL‬ ‭3‬

 ‭Objectifs pédagogiques‬

‭●‬ ‭comprendre le fonctionnement et poser les bases de WordPress ;‬

‭●‬ ‭prendre en main l’administration WordPress ;‬
‭●‬ ‭configurer le thème et les extensions d’un site WordPress ;‬
‭●‬ ‭personnaliser les contenus et le design d’un site WordPress ;‬
‭●‬ ‭finaliser et lancer votre site WordPress.‬

‭Partie 1 - Introduction à WordPress‬

‭1. Objectifs et motivations‬

‭Pour créer un site web, plusieurs options s’offrent à nous :‬

‭●‬ ‭Utiliser‬ ‭des‬ ‭constructeurs‬ ‭de‬ ‭site‬ ‭en‬ ‭ligne‬ ‭comme‬ ‭e-monsite‬ ‭ou‬ ‭wix.com,‬
‭faciles à mettre en œuvre, mais limités dans la personnalisation.‬
‭●‬ ‭Tout‬‭coder‬‭à‬‭la‬‭main‬‭;‬‭personnalisable‬‭à‬‭souhait,‬‭mais‬‭demande‬‭beaucoup‬‭de‬
‭temps et des compétences en langage de programmation.‬
‭●‬ ‭Utiliser‬ ‭WordPress‬ ‭qui‬‭est‬‭un‬‭outil‬‭combinant‬‭liberté‬‭de‬‭personnalisation‬‭et‬
‭assistance‬ ‭pour‬ ‭créer‬ ‭des‬ ‭choses‬ ‭complexes.‬ ‭Ce‬ ‭sera‬ ‭notre‬ ‭option‬ ‭dans‬ ‭ce‬
‭cours !‬

‭2. Découvrir WordPress‬

‭2.1- Qu’est-ce qu’un CMS ?‬

‭CMS‬ ‭est‬ ‭l’abréviation‬ ‭de‬ ‭Content‬ ‭Management‬ ‭System‬ ‭(système‬ ‭de‬ ‭gestion‬ ‭de‬
‭contenu).‬‭Un‬‭CMS‬‭est‬‭un‬‭logiciel‬‭grâce‬‭auquel‬‭il‬‭est‬‭possible‬‭de‬‭créer‬‭et‬‭de‬‭mettre‬‭à‬
‭jour‬ ‭des‬ ‭sites‬ ‭web.‬ ‭Et‬ ‭tout‬ ‭ça,‬ ‭sans‬ ‭avoir‬ ‭besoin‬ ‭de‬ ‭connaissances‬ ‭techniques‬ ‭en‬
‭langage informatique !‬

‭En‬‭clair,‬‭c’est‬‭un‬‭outil‬‭qui‬‭va‬‭offrir‬‭une‬‭interface‬‭pour‬‭créer‬‭et‬‭gérer‬‭les‬‭contenus‬‭de‬
‭votre site Internet, plutôt que de tout coder à la main.‬

‭Il‬ ‭existe‬ ‭une‬ ‭multitude‬ ‭de‬ ‭CMS‬ ‭open‬ ‭source‬ ‭ou‬ ‭payants,‬ ‭mais‬ ‭WordPress‬ ‭est‬ ‭la‬
‭solution‬ ‭la‬ ‭plus‬ ‭populaire‬ ‭car‬ ‭il‬ ‭est‬ ‭facile‬ ‭à‬ ‭utiliser‬ ‭et‬ ‭il‬‭regorge‬‭de‬‭ressources,‬‭de‬
‭guides et de supports.‬

‭2.2- Que veut dire “open source” ?‬

‭Le‬ ‭terme‬ ‭open‬ ‭source,‬ ‭ou‬ ‭code‬ ‭source‬ ‭ouvert,‬ ‭s’applique‬ ‭principalement‬ ‭aux‬
‭logiciels‬ ‭mais‬ ‭peut‬ ‭aussi‬ ‭être‬ ‭associé‬ ‭aux‬ ‭matériels‬ ‭(plans‬ ‭de‬ ‭conception‬

‭Formation WordPress- Dr.BOUKIL‬ ‭4‬

 ‭informatique),‬ ‭aux‬ ‭données,‬ ‭aux‬ ‭contenus‬ ‭(œuvres‬ ‭littéraires,‬ ‭musicales,‬
‭filmographiques…)‬ ‭qui‬ ‭respectent‬ ‭un‬ ‭libre‬ ‭accès‬ ‭au‬ ‭code‬ ‭source.‬‭Les‬‭principes‬‭de‬
‭l’open source sont établis par l’organisation Open Source Initiative.‬

‭Pour‬ ‭résumer,‬ ‭cela‬ ‭veut‬ ‭dire‬ ‭que‬ ‭le‬ ‭code‬ ‭de‬ ‭WordPress‬ ‭est‬ ‭accessible‬ ‭à‬ ‭tous,‬
‭gratuitement, et qu’il est possible de contribuer à son évolution.‬

‭2.3- Différence entre WordPress (WordPress.org) et WordPress.com‬

‭On‬ ‭confond‬ ‭bien‬ ‭trop‬ ‭souvent‬ ‭WordPress‬ ‭(le‬ ‭CMS‬‭open‬‭source)‬‭et‬‭WordPress.com‬

‭(la‬‭plateforme‬‭d’hébergement‬‭WordPress),‬‭et‬‭c’est‬‭bien‬‭compréhensible‬‭lorsque‬‭l’on‬
‭n’est pas un utilisateur averti ! Mais les deux sont très différents :‬

‭●‬ ‭WordPress‬‭est‬‭le‬‭nom‬‭du‬‭CMS‬‭open‬‭source.‬‭Ce‬‭n’est‬‭pas‬‭une‬‭société‬‭et‬‭il‬‭n’a‬
‭pas‬ ‭de‬ ‭but‬ ‭lucratif‬ ‭!‬ ‭WordPress,‬ ‭le‬ ‭CMS,‬ ‭se‬ ‭présente‬ ‭sous‬ ‭forme‬ ‭d’un‬
‭ensemble‬ ‭de‬ ‭fichiers‬ ‭téléchargeables‬ ‭gratuitement‬ ‭sur‬ ‭WordPress.org,‬ ‭le‬
‭site de la fondation WordPress !‬
‭●‬ ‭WordPress.com‬ ‭est‬ ‭une‬ ‭solution‬ ‭d’hébergement‬ ‭payante‬ ‭qui‬ ‭repose‬‭sur‬‭le‬
‭CMS‬ ‭WordPress.‬ ‭Il‬ ‭existe‬ ‭d’innombrables‬ ‭solutions‬ ‭autres‬ ‭que‬
‭WordPress.com‬‭pour‬‭héberger‬‭son‬‭site‬‭WordPress.‬‭Nous‬‭verrons‬‭tout‬‭cela‬‭à‬
‭la fin du cours.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭5‬

 ‭3. Atouts de WordPress‬

‭3.1- La simplicité‬

‭Figure 1 : L'interface d'administration de WordPress‬

‭WordPress‬ ‭dispose‬ ‭d'une‬ ‭interface‬ ‭d’administration‬ ‭pratique,‬ ‭intuitive,‬ ‭et‬ ‭d’un‬
‭éditeur‬ ‭visuel‬ ‭modulaire,‬ ‭appelé‬ ‭“éditeur‬ ‭de‬ ‭blocs‬ ‭Gutenberg”.‬ ‭Il‬ ‭permet‬ ‭aux‬
‭utilisateurs,‬ ‭même‬ ‭sans‬ ‭connaissances‬ ‭techniques‬ ‭avancées,‬ ‭de‬ ‭créer‬ ‭et‬ ‭de‬ ‭gérer‬
‭des sites web.‬

‭●‬ ‭Principaux types de contenus‬

‭WordPress‬‭est‬‭basé‬‭sur‬‭deux‬‭principaux‬‭types‬‭de‬‭contenus‬‭:‬‭"pages"‬‭et‬‭"articles",‬‭que‬
‭vous pouvez utiliser pour créer et organiser le contenu de votre site.‬

‭Les‬ ‭"articles"‬ ‭(ou‬ ‭“posts”,‬ ‭en‬ ‭anglais)‬ ‭sont‬ ‭utilisés‬ ‭pour‬ ‭publier‬ ‭du‬ ‭contenu‬
‭dynamique,‬ ‭généralement‬ ‭organisé‬ ‭par‬ ‭date,‬ ‭comme‬ ‭un‬ ‭blog.‬ ‭Les‬ ‭"pages"‬ ‭sont‬
‭destinées‬ ‭au‬ ‭contenu‬ ‭statique‬ ‭et‬ ‭permanent,‬ ‭tel‬ ‭que‬ ‭l'accueil,‬ ‭ou‬ ‭les‬ ‭pages‬ ‭"À‬
‭propos" et "Contact".‬

‭●‬ ‭Types de contenus secondaires‬

‭Il existe aussi des types de contenus secondaires, parmi eux :‬

‭-‬ ‭Les‬ ‭médias‬ ‭:‬ ‭ce‬ ‭sont‬ ‭les‬ ‭images,‬‭vidéos,‬‭fichiers‬‭audio‬‭et‬‭autres‬‭médias‬‭que‬

‭vous allez télécharger et utiliser dans vos pages et articles.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭6‬

 ‭-‬ ‭Les‬ ‭commentaires‬ ‭:‬ ‭ils‬ ‭sont‬ ‭souvent‬ ‭associés‬ ‭aux‬ ‭articles,‬ ‭et‬ ‭cette‬
‭fonctionnalité permet aux utilisateurs de réagir à votre contenu.‬
‭-‬ ‭Les‬ ‭catégories‬ ‭et‬ ‭étiquettes‬ ‭:‬ ‭elles‬ ‭sont‬ ‭conçues‬ ‭pour‬ ‭classer‬ ‭vos‬‭articles‬‭et‬
‭ajouter des mots clés.‬
‭-‬ ‭Les menus : ils permettent de naviguer entre les pages.‬
‭-‬ ‭Les‬ ‭types‬ ‭de‬‭contenus‬‭personnalisés‬‭(“Custom‬‭Post‬‭Types”)‬‭:‬‭avec‬‭eux,‬‭vous‬
‭pouvez‬ ‭créer‬ ‭de‬ ‭nouveaux‬ ‭types‬ ‭de‬ ‭contenus‬ ‭pour‬ ‭des‬ ‭besoins‬‭spécifiques,‬
‭autres‬ ‭qu’un‬ ‭article‬ ‭ou‬ ‭une‬ ‭page‬ ‭(par‬ ‭exemple‬ ‭:‬ ‭des‬ ‭fiches‬ ‭produits,‬ ‭une‬
‭collection de photographies, une liste d’appartements à louer…).‬

‭3.2- La personnalisation du site‬

‭WordPress‬‭offre‬‭de‬‭nombreuses‬‭possibilités‬‭de‬‭personnalisation‬‭pour‬‭créer‬‭un‬‭site‬
‭web‬ ‭unique.‬ ‭Vous‬ ‭pouvez‬ ‭choisir‬ ‭parmi‬ ‭des‬ ‭milliers‬ ‭de‬ ‭thèmes‬ ‭(“designs”)‬ ‭pour‬
‭modifier‬ ‭l'apparence‬ ‭générale‬ ‭de‬ ‭votre‬ ‭site.‬ ‭Ces‬ ‭thèmes‬ ‭varient‬ ‭en‬ ‭style,‬ ‭en‬
‭disposition‬ ‭et‬ ‭en‬ ‭couleurs,‬ ‭ce‬ ‭qui‬ ‭vous‬ ‭permet‬ ‭de‬ ‭donner‬ ‭une‬ ‭identité‬ ‭visuelle‬
‭propre à votre site.‬

‭Pour‬ ‭aller‬ ‭plus‬ ‭loin,‬ ‭WordPress‬ ‭a‬ ‭mis‬ ‭en‬ ‭place‬ ‭le‬ ‭customizer,‬ ‭un‬ ‭outil‬ ‭intégré‬ ‭à‬
‭l’administration‬ ‭qui‬ ‭facilite‬ ‭la‬ ‭personnalisation‬ ‭avancée‬ ‭des‬ ‭éléments‬ ‭du‬ ‭thème‬
‭(en-tête,‬ ‭pied‬ ‭de‬ ‭page,‬ ‭modification‬ ‭des‬ ‭polices‬ ‭d’écriture…).‬ ‭Plus‬ ‭récemment,‬‭un‬
‭éditeur‬ ‭de‬ ‭site‬ ‭a‬ ‭été‬ ‭implémenté‬ ‭afin‬ ‭de‬ ‭pouvoir‬ ‭gérer‬ ‭toutes‬‭vos‬‭pages‬‭en‬‭même‬
‭temps.‬

‭3.3- Les extensions‬

‭Une‬ ‭extension‬ ‭WordPress‬ ‭(“plugin‬‭”,‬ ‭en‬ ‭anglais),‬ ‭c’est‬ ‭du‬ ‭code‬ ‭tout‬ ‭prêt‬ ‭que‬ ‭l’on‬
‭ajoute‬‭au‬‭site‬‭pour‬‭lui‬‭donner‬‭de‬‭nouvelles‬‭fonctionnalités‬‭spécifiques,‬‭comme‬‭des‬
‭formulaires‬ ‭de‬ ‭contact,‬ ‭des‬ ‭outils‬ ‭e-commerce,‬ ‭des‬ ‭moyens‬ ‭de‬ ‭paiement,‬ ‭de‬ ‭la‬
‭sauvegarde‬ ‭de‬ ‭site,‬ ‭etc.‬ ‭Pour‬ ‭chaque‬ ‭besoin,‬‭il‬‭est‬‭facile‬‭de‬‭trouver‬‭l’extension‬‭qui‬
‭convient‬ ‭(gratuite‬ ‭ou‬ ‭payante)‬ ‭et‬ ‭de‬ ‭l’installer‬ ‭en‬ ‭quelques‬ ‭clics‬ ‭via‬ ‭l’interface‬
‭d’administration.‬

‭N’importe‬ ‭qui‬ ‭peut‬ ‭créer‬ ‭une‬ ‭extension‬ ‭WordPress‬ ‭et‬ ‭même‬ ‭la‬ ‭proposer‬ ‭sur‬ ‭la‬
‭bibliothèque‬ ‭officielle‬ ‭WordPress.org.‬ ‭Elle‬‭sera‬‭alors‬‭disponible‬‭pour‬‭le‬‭plus‬‭grand‬
‭nombre, sous réserve d’être validée par l’équipe de modération de WordPress.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭7‬

 ‭4. Fonctionnement d’un site web‬

‭​‬ ‭Figure 3 : Fonctionnement Web‬

‭Pour‬‭fonctionner,‬‭tout‬‭site‬‭Internet‬‭s’appuie‬‭sur‬‭un‬‭serveur.‬‭En‬‭général,‬‭on‬‭loue‬‭un‬
‭serveur‬ ‭auprès‬ ‭d’un‬ ‭hébergeur,‬ ‭mais‬ ‭il‬‭est‬‭tout‬‭à‬‭fait‬‭possible‬‭de‬‭créer‬‭son‬‭propre‬
‭serveur‬‭chez‬‭soi.‬‭Le‬‭serveur‬‭stocke‬‭les‬‭fichiers‬‭qui‬‭composent‬‭le‬‭site‬‭web‬‭et‬‭exécute‬
‭le‬ ‭code‬ ‭contenu‬ ‭dans‬ ‭ces‬ ‭fichiers.‬ ‭Dans‬ ‭le‬ ‭cas‬ ‭de‬ ‭WordPress,‬ ‭il‬ ‭s’agit‬ ‭d’un‬ ‭CMS‬
‭reposant principalement sur le langage PHP et sur une base de données MySQL.‬
‭Le‬‭serveur‬‭exécute‬‭donc‬‭le‬‭code‬‭PHP‬‭de‬‭WordPress‬‭pour‬‭récupérer‬‭les‬‭informations‬
‭nécessaires‬‭en‬‭base‬‭de‬‭données‬‭et‬‭générer‬‭la‬‭page‬‭au‬‭format‬‭HTML,‬‭lisible‬‭par‬‭votre‬
‭navigateur web (Google Chrome, Mozilla Firefox, etc.).‬

‭Pour‬ ‭créer‬ ‭votre‬ ‭site‬ ‭WordPress,‬ ‭vous‬ ‭aurez‬ ‭donc‬ ‭besoin‬ ‭d’un‬ ‭hébergement‬
‭PHP/MySQL.‬

‭Deux solutions d’hébergement s’offrent à vous :‬

‭1.‬ ‭Louer un serveur chez un hébergeur.‬

‭Votre‬‭site‬‭pourra‬‭ainsi‬‭être‬‭accessible‬‭au‬‭public‬‭via‬‭Internet,‬‭mais‬‭ce‬‭n’est‬‭pas‬
‭gratuit.‬ ‭ll‬ ‭faut‬ ‭compter‬ ‭quelques‬ ‭euros‬ ‭par‬ ‭mois‬ ‭pour‬ ‭un‬ ‭hébergement‬
‭d’entrée de gamme.‬
‭2.‬ ‭Créer un environnement local.‬
‭L’idée‬ ‭est‬ ‭de‬ ‭simuler‬ ‭un‬ ‭serveur‬ ‭sur‬ ‭votre‬ ‭ordinateur‬ ‭grâce‬ ‭à‬ ‭des‬ ‭logiciels‬
‭comme‬ ‭MAMP‬ ‭ou‬ ‭encore‬ ‭Local.‬ ‭Votre‬ ‭site‬ ‭ne‬ ‭sera‬ ‭pas‬ ‭en‬ ‭ligne,‬ ‭il‬ ‭ne‬ ‭sera‬
‭accessible‬ ‭que‬ ‭sur‬ ‭votre‬ ‭machine,‬ ‭mais‬ ‭c’est‬ ‭gratuit‬ ‭et‬ ‭vous‬ ‭aurez‬ ‭tout‬ ‭le‬
‭temps de le créer. Nous allons utiliser cette solution.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭8‬

 ‭5. Préparation de l’environnement de travail‬

‭5.1- Installer Wamp pour créer un serveur web sur son PC‬

‭Wamp‬ ‭est‬ ‭un‬ ‭logiciel‬ ‭qui‬ ‭permet‬ ‭d’installer‬ ‭sur‬ ‭votre‬ ‭ordinateur‬ ‭les‬ ‭composants‬
‭nécessaires‬‭pour‬‭faire‬‭tourner‬‭un‬‭serveur‬‭web.‬‭Il‬‭contient‬‭Apache,‬‭PHP‬‭et‬‭MySQL.‬‭Il‬
‭permettra de faire tourner notre site en local.‬

‭Pour‬‭installer‬‭Wamp,‬‭rien‬‭de‬‭plus‬‭simple.‬‭Il‬‭suffit‬‭de‬‭se‬‭rendre‬‭sur‬‭le‬‭site‬‭officiel‬‭et‬
‭de télécharger la dernière version puis de lancer l’installation du logiciel.‬

‭Téléchargez‬‭la dernière version de Wamp‬‭.‬

‭5.2- Créer une base de données MySQL avec Wamp‬

‭Wamp‬ ‭est‬ ‭installé,‬ ‭nous‬ ‭sommes‬ ‭prêts‬ ‭pour‬ ‭passer‬ ‭à‬ ‭l’étape‬ ‭suivante.‬ ‭Pour‬ ‭faire‬
‭fonctionner WordPress, il faut créer une nouvelle base de données.‬

‭Pour‬ ‭cela,‬ ‭il‬ ‭faut‬ ‭aller‬ ‭dans‬ ‭le‬ ‭menu‬ ‭Wamp‬ ‭puis‬ ‭cliquer‬ ‭sur‬ ‭PhpMyAdmin.‬ ‭Vous‬
‭pouvez‬‭également‬‭y‬‭accéder‬‭en‬‭tapant‬‭«‬‭localhost/phpmyadmin‬‭».‬‭Cet‬‭outil‬‭permet‬
‭de gérer une base de données facilement.‬

‭Pour‬‭vous‬‭connecter,‬‭l’identifiant‬‭par‬‭défaut‬‭est‬‭«‬‭root‬‭»‬‭et‬‭il‬‭n’y‬‭a‬‭pas‬‭besoin‬‭de‬‭mot‬
‭de passe.‬

‭Vous n’avez plus qu’à créer une base de données nommée « wordpress ».‬

‭5.3- Installer WordPress dans le dossier « www » de Wamp‬

‭Dans‬ ‭le‬ ‭dossier‬ ‭où‬ ‭a‬ ‭été‬ ‭installé‬ ‭Wamp,‬ ‭vous‬ ‭devriez‬‭trouver‬‭un‬‭dossier‬‭«‬‭www‬‭».‬
‭C’est‬‭ici‬‭que‬‭vous‬‭allez‬‭installer‬‭votre‬‭site.‬‭Pour‬‭cela,‬‭vous‬‭pouvez‬‭créer‬‭un‬‭dossier‬‭«‬
‭wordpress » à l’intérieur de celui-ci.‬

‭Pour‬ ‭récupérer‬ ‭les‬ ‭fichiers‬ ‭de‬ ‭WordPress,‬ ‭rien‬ ‭de‬ ‭plus‬ ‭simple.‬ ‭Rendez-vous‬ ‭sur‬
‭WordPress.org‬‭et cliquez sur « Obtenir WordPress ».‬

‭Une‬ ‭fois‬ ‭téléchargé‬ ‭et‬ ‭la‬ ‭décompression‬ ‭du‬ ‭fichier‬ ‭zip‬ ‭effectué‬ ‭vous‬ ‭pouvez‬
‭déplacer les fichiers dans le dossier précédemment créé.‬

‭Tout est prêt pour la future installation de WordPress.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭9‬

 ‭5.4- Installation de WordPress‬

‭L’étape‬‭finale‬‭consiste‬‭à‬‭lancer‬‭l’installation‬‭de‬‭WordPress‬‭comme‬‭on‬‭le‬‭ferait‬‭pour‬
‭une installation classique.‬

‭Prenez‬ ‭votre‬ ‭navigateur‬ ‭web‬ ‭préféré‬ ‭et‬ ‭installez‬ ‭WordPress‬ ‭en‬ ‭vous‬ ‭rendant‬ ‭à‬
‭l’adresse « http://localhost/wordpress ».‬

‭Jusqu’ici, tout va bien, on clique sur « C’est parti ! ».‬

‭ ’installation de WordPress à besoin d’établir une connexion à la base de données.‬

L
‭Dans‬‭le‬‭nom‬‭de‬‭la‬‭base‬‭de‬‭données,‬‭il‬‭faut‬‭mettre‬‭le‬‭nom‬‭de‬‭la‬‭base‬‭que‬‭nous‬‭avons‬
‭créé.‬
‭L’identifiant par défaut dans Wamp est « root » et il n’y a pas de mot de passe.‬
‭Pour ce qui est de l’adresse de la base de données, vous pouvez laisser « localhost ».‬
‭Cliquez sur « Envoyer » !‬

‭Formation WordPress- Dr.BOUKIL‬ ‭10‬

 ‭La connexion est établie. On continue en cliquant sur « Lancer l’installation ».‬

‭Ici,‬‭vous‬‭devez‬‭entrer‬‭le‬‭nom‬‭de‬‭votre‬‭site,‬‭votre‬‭nom‬‭d’utilisateur‬‭administrateur‬‭et‬
‭votre‬‭mot‬‭de‬‭passe.‬‭Ces‬‭identifiants‬‭vous‬‭permettront‬‭de‬‭se‬‭connecter‬‭à‬‭l’interface‬
‭d’administration.‬ ‭Une‬ ‭fois‬ ‭que‬ ‭c’est‬ ‭fait,‬ ‭appuyez‬ ‭sur‬ ‭le‬ ‭bouton‬ ‭«‬ ‭Installer‬
‭WordPress ».‬

‭L'installation est complète ! Vous n’avez plus qu’à vous connecter et à administrer‬
‭votre blog WordPress !‬

‭Formation WordPress- Dr.BOUKIL‬ ‭11‬

 ‭Partie 2 - Administration d’un site WordPress‬

‭1. Connexion à l’interface d’administration de WordPress‬

‭Une‬ ‭fois‬ ‭que‬ ‭votre‬ ‭site‬ ‭WordPress‬‭est‬‭installé,‬‭vous‬‭allez‬‭pouvoir‬‭vous‬‭connecter‬‭à‬

‭l’interface‬‭d’administration.‬‭Pour‬‭cela,‬‭vous‬‭devez‬‭vous‬‭rendre‬‭sur‬‭l’url‬‭suivante‬‭car‬
‭vous‬ ‭avez‬ ‭installé‬ ‭WordPress‬ ‭en‬ ‭local,‬ ‭le‬ ‭chemin‬ ‭est‬ ‭«‬
‭http://localhost/monsite/wp-admin‬‭».‬‭remplacez‬‭«‬‭monsite‬‭»‬‭par‬‭le‬‭nom‬‭du‬‭dossier‬
‭dans lequel vous avez installé WordPress.‬

‭En vous rendant sur cette url, vous devriez atterrir sur l’écran suivant :‬

‭Il‬ ‭ne‬ ‭vous‬ ‭reste‬ ‭plus‬ ‭qu’à‬ ‭mettre‬ ‭votre‬ ‭identifiant‬ ‭et‬ ‭mot‬ ‭de‬ ‭passe‬‭administrateur‬
‭(que vous avez défini lors de l’installation) pour vous connecter.‬

‭2. Le tableau de bord de WordPress‬

‭Une‬ ‭fois‬ ‭la‬ ‭connexion‬ ‭réalisée,‬ ‭vous‬ ‭devriez‬ ‭tomber‬ ‭sur‬ ‭le‬ ‭tableau‬ ‭de‬ ‭bord‬ ‭de‬
‭WordPress.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭12‬

 ‭Sur‬‭le‬‭panneau‬‭de‬‭gauche,‬‭vous‬‭retrouvez‬‭le‬‭menu‬‭qui‬‭permet‬‭d’accéder‬‭à‬‭toutes‬‭les‬
‭sections‬ ‭de‬ ‭l’administration.‬ ‭Sur‬ ‭le‬ ‭panneau‬ ‭principal,‬‭vous‬‭retrouvez‬‭des‬‭widgets‬
‭permettant‬ ‭d’ajouter‬ ‭un‬ ‭brouillon,‬ ‭de‬ ‭visualiser‬‭l’état‬‭de‬‭santé‬‭du‬‭site‬‭et‬‭d’afficher‬
‭d’autres informations.‬

‭3. Les articles‬

‭Dans‬ ‭WordPress,‬ ‭vous‬ ‭pouvez‬ ‭créer‬ ‭des‬ ‭articles.‬ ‭Si‬ ‭vous‬ ‭cliquez‬ ‭sur‬ ‭la‬ ‭section‬ ‭«‬
‭Articles‬ ‭»,‬ ‭vous‬ ‭allez‬ ‭atterrir‬ ‭sur‬ ‭un‬ ‭écran‬ ‭listant‬ ‭les‬ ‭articles‬ ‭et‬ ‭vous‬ ‭devriez‬
‭retrouver des sous-menus dans le panneau de gauche.‬

‭Comme vous pouvez le voir, vous pouvez ajouter des articles via le bouton « ajouter‬
‭» et vous pouvez également trier ou rechercher vos articles.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭13‬

 ‭3.1- Qu’est ce qu’un article dans WordPress ?‬

‭Un‬ ‭article‬ ‭est‬ ‭un‬ ‭ensemble‬ ‭de‬ ‭textes,‬ ‭d’images,‬ ‭de‬ ‭vidéos‬ ‭etc.‬ ‭Les‬ ‭articles‬ ‭sont‬
‭publiés‬‭par‬‭ordre‬‭chronologique.‬‭Typiquement,‬‭ils‬‭sont‬‭souvent‬‭utilisés‬‭pour‬‭créer‬
‭un‬ ‭blog.‬ ‭Vous‬ ‭publiez‬ ‭des‬ ‭articles‬ ‭et‬ ‭ceci‬ ‭s’affichent‬ ‭dans‬ ‭un‬ ‭ordre‬ ‭chronologique‬
‭inversé (l’article le plus récent est affiché en haut).‬
‭Un‬ ‭article‬ ‭peut‬ ‭être‬ ‭attribué‬ ‭à‬ ‭une‬ ‭ou‬ ‭des‬ ‭catégories‬ ‭et‬ ‭à‬ ‭une‬ ‭ou‬ ‭plusieurs‬
‭étiquettes.‬

‭3.2- Qu’est ce qu’une catégorie dans WordPress ?‬

‭Comme‬ ‭vous‬ ‭pouvez‬ ‭le‬ ‭voir‬ ‭dans‬ ‭le‬ ‭menu‬ ‭de‬ ‭gauche,‬ ‭il‬ ‭existe‬ ‭un‬ ‭sous-menu‬ ‭«‬
‭Catégories‬ ‭».‬ ‭Si‬ ‭vous‬ ‭vous‬ ‭rendez‬ ‭dans‬ ‭cette‬ ‭section,‬ ‭vous‬ ‭retrouverez‬ ‭un‬ ‭écran‬
‭permettant de gérer ces catégories.‬
‭Voici ce que l’on peut dire sur les catégories :‬
‭●‬ ‭Une catégorie permet de classifier vos articles‬
‭●‬ ‭Les‬ ‭catégories‬ ‭peuvent‬ ‭être‬ ‭hiérarchique‬ ‭(par‬ ‭exemple‬ ‭:‬ ‭une‬ ‭catégorie‬ ‭«‬
‭Légumes » pourrait avoir une sous-catégorie « Tomates »)‬
‭●‬ ‭Une‬ ‭catégorie‬ ‭peut‬ ‭disposer‬ ‭d’une‬ ‭description‬ ‭(utile‬ ‭pour‬ ‭le‬‭référencement‬
‭naturel)‬

‭3.3- Qu’est ce qu’une étiquette dans WordPress ?‬

‭Contrairement‬‭aux‬‭catégories,‬‭les‬‭étiquettes‬‭ne‬‭peuvent‬‭pas‬‭être‬‭hiérarchiques.‬‭Les‬
‭étiquettes‬‭servent‬‭à‬‭ranger‬‭vos‬‭articles‬‭selon‬‭des‬‭critères‬‭que‬‭vous‬‭aurez‬‭choisis.‬‭Si‬
‭on‬ ‭reprend‬ ‭l’exemple‬ ‭des‬ ‭légumes,‬ ‭on‬ ‭pourrait‬ ‭très‬ ‭bien‬ ‭imaginer‬ ‭un‬ ‭article‬ ‭«‬
‭Tomate grappe » avec les étiquettes « rouge » et « ronde ».‬
‭En‬ ‭conclusion,‬ ‭si‬ ‭nous‬ ‭faisions‬ ‭un‬ ‭blog‬ ‭sur‬‭les‬‭fruits‬‭et‬‭légumes,‬‭nous‬‭utiliserions‬
‭les catégories pour classifier nos articles de la manière suivante.‬

‭Par exemple :‬

‭●‬ ‭Une catégorie « Légumes »‬

‭○‬ ‭Une sous-catégorie « Tomates »‬
‭○‬ ‭Une sous-catégorie « Pommes de terre »‬
‭○‬ ‭Une sous-catégorie « Courges »…‬
‭●‬ ‭Une catégorie « Fruits »‬
‭○‬ ‭Une sous-catégorie « Pommes »‬
‭○‬ ‭Une sous-catégorie « Poires »‬
‭○‬ ‭Une sous-catégorie « Agrumes »…‬

‭Formation WordPress- Dr.BOUKIL‬ ‭14‬

 ‭Puis ensuite, nous pouvons étiqueter les articles avec les étiquettes suivantes :‬

‭●‬ ‭Des étiquettes pour la forme du fruit ou légume : « rond », « long » etc.‬
‭●‬ ‭Des étiquettes pour la couleur du fruit ou légume : « rouge», « jaune», «vert».‬

‭Ainsi,‬ ‭si‬ ‭j’écrivais‬ ‭un‬ ‭article‬ ‭sur‬ ‭la‬ ‭«‬ ‭Pomme‬‭Granny‬‭Smith‬‭»,‬‭je‬‭la‬‭qualifierai‬‭dans‬

‭les‬‭catégories‬‭«‬‭Fruits‬‭»‬‭et‬‭«‬‭Pommes‬‭»‬‭puis‬‭je‬‭lui‬‭attribuerai‬‭les‬‭étiquettes‬‭«‬‭rond‬‭»‬
‭et « vert ».‬

‭3.4- Comment attribuer une catégorie ou une étiquette à un article WordPress ?‬

‭Pour‬‭attribuer‬‭une‬‭catégorie‬‭ou‬‭une‬‭étiquette‬‭à‬‭un‬‭article,‬‭il‬‭suffit‬‭de‬‭se‬‭rendre‬‭sur‬
‭l’article de votre choix et de regarder dans le menu de droite.‬

‭Si vous ne voyez pas le menu de droite, il faut cliquer sur la roue crantée en haut à‬
‭droite.‬

‭Si‬‭vous‬‭cliquez‬‭sur‬‭«‬‭Catégories‬‭»,‬‭le‬‭menu‬‭des‬‭catégories‬‭s’affichent‬‭et‬‭vous‬‭n’avez‬
‭plus qu’à cocher la catégorie de votre choix.‬

‭Pour‬‭les‬‭étiquettes,‬‭c’est‬‭la‬‭même‬‭chose,‬‭sauf‬‭que‬‭vous‬‭aurez‬‭un‬‭champ‬‭permettant‬
‭d’ajouter ou de sélectionner une étiquette.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭15‬

 ‭4. Les pages‬

‭Les‬‭pages‬‭sont‬‭également‬‭des‬‭ensembles‬‭de‬‭textes,‬‭images‬‭et‬‭vidéos‬‭mais‬‭elles‬‭sont‬
‭différentes des articles pour plusieurs raisons :‬

‭●‬ ‭Elles ne peuvent être classées par catégories et/ou étiquettes‬

‭●‬ ‭Elles n’obéissent pas à un ordre chronologique‬
‭●‬ ‭Elles peuvent disposer d’un ordre d’affichage personnalisé‬
‭●‬ ‭Elles peuvent avoir une page « parente »‬
‭●‬ ‭Elles peuvent utiliser un fichier template personnalisé‬

‭4.1- Comment attribuer une page parente à une page WordPress ?‬

‭Pour‬ ‭attribuer‬ ‭une‬ ‭page‬ ‭parente‬ ‭à‬ ‭une‬ ‭page,‬ ‭il‬ ‭faut‬‭se‬‭rendre‬‭sur‬‭la‬‭page‬‭de‬‭votre‬
‭choix et aller dans le menu de droite sur « Document ».‬

‭Rendez-vous‬‭ensuite‬‭dans‬‭«‬‭Attributs‬‭de‬‭page‬‭»‬‭et‬‭sélectionnez‬‭la‬‭page‬‭parente‬‭via‬
‭le sélecteur.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭16‬

 ‭Quand‬‭une‬‭page‬‭dispose‬‭d’une‬‭page‬‭parente,‬‭l’url‬‭de‬‭la‬‭page‬‭est‬‭composé‬‭de‬‭l’url‬‭de‬
‭la‬ ‭page‬ ‭parente‬ ‭et‬ ‭de‬ ‭la‬‭page.‬‭Exemple‬‭:‬‭partons‬‭du‬‭principe‬‭que‬‭nous‬‭avons‬‭deux‬
‭pages,‬ ‭une‬ ‭avec‬ ‭l’url‬ ‭«‬ ‭https://www.monsite.fr/ma-premiere-page‬ ‭»‬ ‭et‬‭l’autre‬‭avec‬
‭l’url‬ ‭«‬ ‭https://www.monsite.fr/ma-deuxieme-page‬ ‭».‬ ‭Si‬ ‭j’indique‬ ‭que‬ ‭la‬ ‭deuxième‬
‭page‬ ‭est‬ ‭une‬ ‭page‬ ‭fille‬ ‭de‬ ‭la‬ ‭première,‬ ‭l’url‬ ‭de‬ ‭la‬ ‭deuxième‬ ‭page‬ ‭deviendra‬ ‭:‬ ‭«‬
‭https://www.monsite.fr/ma-premiere-page/ma-deuxieme-page ».‬

‭4.2- Comment attribuer un template personnalisé à une page WordPress ?‬

‭Lorsque‬‭le‬‭thème‬‭de‬‭votre‬‭site‬‭le‬‭permet,‬‭un‬‭autre‬‭réglage‬‭apparaît‬‭dans‬‭le‬‭menu‬‭de‬
‭droite‬‭dans‬‭«‬‭Attributs‬‭de‬‭la‬‭page‬‭».‬‭Vous‬‭pouvez‬‭attribuer‬‭un‬‭modèle‬‭personnalisé‬‭à‬
‭votre‬ ‭page.‬ ‭Un‬ ‭modèle‬ ‭de‬ ‭page‬ ‭(template‬ ‭personnalisé)‬ ‭permet‬ ‭d’afficher‬ ‭la‬ ‭page‬
‭avec une mise en page différente.‬

‭5. Les médias‬

‭Quand‬‭vous‬‭créez‬‭des‬‭articles‬‭ou‬‭des‬‭pages,‬‭vous‬‭pouvez‬‭y‬‭insérer‬‭des‬‭médias.‬‭Tous‬
‭ces médias se retrouvent dans la bibliothèque de médias de WordPress.‬
‭Lorsque vous cliquez sur un média, vous retrouvez les détails du fichier.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭17‬

 ‭En fonction du type de média, vous aurez des champs différents.‬

‭Lorsque‬ ‭le‬‭fichier‬‭est‬‭une‬‭image‬‭vous‬‭pouvez‬‭modifier‬‭l’image‬‭(cela‬‭peut-être‬‭utile‬
‭pour rogner ou redimensionner une image).‬

‭6. Les commentaires‬

‭Les‬ ‭articles‬ ‭et‬ ‭pages‬ ‭de‬ ‭WordPress‬ ‭peuvent‬ ‭recevoir‬ ‭des‬ ‭commentaires‬ ‭de‬ ‭la‬‭part‬
‭des visiteurs de votre site. C’est un bon moyen d’échanger sur les sujets.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭18‬

 ‭Sur‬‭l’écran,‬‭vous‬‭pouvez‬‭rechercher‬‭et‬‭trier‬‭les‬‭commentaires.‬‭Lorsque‬‭vous‬‭passez‬
‭la‬ ‭souris‬ ‭sur‬ ‭un‬ ‭commentaire,‬ ‭un‬ ‭nouveau‬ ‭menu‬ ‭apparaît‬ ‭en‬ ‭dessous‬ ‭du‬
‭commentaire.‬

‭Ce menu permet d’effectuer des actions sur le commentaire :‬

‭●‬ ‭Le désapprouver (le commentaire ne sera pas affiché)‬

‭●‬ ‭Répondre‬
‭●‬ ‭Modifier rapidement le commentaire‬
‭●‬ ‭Modifier le commentaire‬
‭●‬ ‭Visualiser l’historique du commentaire‬
‭●‬ ‭Mettre le commentaire en « Indésirable »‬
‭●‬ ‭Mettre le commentaire dans la corbeille‬

‭7. L’apparence‬

‭Le‬ ‭menu‬ ‭apparence‬ ‭est‬ ‭un‬ ‭des‬ ‭menus‬ ‭les‬ ‭plus‬ ‭importants.‬ ‭En‬ ‭effet,‬ ‭c’est‬ ‭dans‬ ‭ce‬
‭menu‬ ‭que‬ ‭nous‬ ‭allons‬ ‭pouvoir‬ ‭choisir‬ ‭notre‬ ‭thème,‬ ‭le‬ ‭personnaliser,‬ ‭gérer‬ ‭nos‬ ‭«‬
‭sidebars‬ ‭»‬ ‭de‬ ‭widgets,‬ ‭les‬ ‭menus‬ ‭et‬ ‭pouvoir‬ ‭éditer‬ ‭le‬ ‭thème‬ ‭(si‬ ‭l’option‬ ‭est‬
‭disponible).‬

‭7.1- Choisir son thème‬

‭Si‬ ‭vous‬ ‭cliquez‬ ‭dans‬ ‭le‬ ‭sous-menu‬ ‭«‬ ‭Thèmes‬ ‭»,‬ ‭vous‬ ‭allez‬ ‭pouvoir‬ ‭visualiser‬
‭l’ensemble des thèmes installés sur votre site WordPress.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭19‬

 ‭Pour‬ ‭changer‬ ‭de‬ ‭thème,‬ ‭rien‬ ‭de‬ ‭plus‬ ‭simple,‬ ‭il‬ ‭suffit‬ ‭de‬ ‭passer‬ ‭sa‬ ‭souris‬ ‭sur‬ ‭un‬
‭thème‬ ‭et‬ ‭de‬ ‭cliquer‬ ‭sur‬ ‭«‬ ‭Activer‬ ‭».‬ ‭Vous‬ ‭pouvez‬ ‭également‬ ‭«‬ ‭Prévisualiser‬ ‭»‬ ‭le‬
‭thème en direct pour voir ce que cela donne avant de l’activer.‬

‭7.2- Personnaliser le thème‬

‭Si‬‭vous‬‭cliquez‬‭sur‬‭l’onglet‬‭«‬‭Personnaliser‬‭»‬‭vous‬‭allez‬‭vous‬‭retrouver‬‭sur‬‭un‬‭écran‬
‭comme ci-dessous :‬

‭Formation WordPress- Dr.BOUKIL‬ ‭20‬

 ‭Cet‬ ‭écran‬ ‭est‬ ‭composé‬ ‭d’un‬ ‭panneau‬ ‭latéral‬ ‭à‬ ‭droite‬ ‭avec‬ ‭des‬ ‭options‬ ‭et‬‭de‬‭votre‬
‭site‬ ‭à‬ ‭gauche.‬ ‭En‬ ‭fonction‬ ‭des‬ ‭thèmes,‬ ‭le‬ ‭panneau‬ ‭de‬ ‭droite‬ ‭est‬ ‭plus‬ ‭ou‬ ‭moins‬
‭fourni‬‭en‬‭options.‬‭Grâce‬‭à‬‭ces‬‭options,‬‭vous‬‭pouvez‬‭personnaliser‬‭des‬‭éléments‬‭de‬
‭votre thème et prévisualiser les changements.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭21‬

 ‭8. Widgets‬

‭Le sous-menu widgets permet de gérer les sidebars et d’y ajouter des widgets.‬

‭Sur‬‭cet‬‭écran,‬‭vous‬‭avez‬‭la‬‭liste‬‭des‬‭widgets‬‭à‬‭gauche‬‭et‬‭la‬‭liste‬‭des‬‭sidebars‬‭à‬‭droite.‬
‭Dans‬‭l’exemple‬‭ci-dessus,‬‭on‬‭peut‬‭voir‬‭qu’il‬‭y‬‭a‬‭deux‬‭sidebars‬‭qui‬‭sont‬‭affichés‬‭dans‬
‭le footer.‬

‭Pour‬‭ajouter‬‭des‬‭widgets‬‭à‬‭un‬‭sidebar,‬‭il‬‭suffit‬‭de‬‭glisser/déposer‬‭un‬‭widget‬‭dans‬‭un‬
‭sidebar.‬‭Une‬‭fois‬‭le‬‭widget‬‭greffé‬‭dans‬‭la‬‭sidebar,‬‭celui-ci‬‭peut‬‭contenir‬‭des‬‭réglages‬
‭permettant de personnaliser son affichage.‬

‭8.1- Qu’est ce qu’une sidebar dans WordPress ?‬

‭Dans‬‭WordPress,‬‭une‬‭sidebar‬‭est‬‭un‬‭emplacement‬‭dans‬‭lequel‬‭on‬‭peut‬‭venir‬‭greffer‬
‭des‬ ‭widgets.‬ ‭Les‬ ‭sidebars‬ ‭sont‬ ‭affichées‬ ‭à‬ ‭des‬ ‭endroits‬‭précis‬‭d’un‬‭thème‬‭(dans‬‭le‬
‭footer, sur un côté etc.).‬

‭8.2- Qu’est ce qu’un widget dans WordPress ?‬

‭Un‬ ‭widget‬ ‭est‬ ‭un‬ ‭bloc‬ ‭qui‬ ‭affiche‬ ‭des‬ ‭données‬ ‭dans‬ ‭un‬ ‭sidebar.‬ ‭Par‬ ‭exemple,‬ ‭le‬
‭widget‬ ‭«‬ ‭HTML‬ ‭personnalisé‬ ‭»‬ ‭peut‬ ‭afficher‬ ‭du‬ ‭code‬ ‭HTML.‬ ‭Le‬ ‭widget‬ ‭«‬ ‭Articles‬
‭récents » lui, affiche les derniers articles de votre blog WordPress.‬

‭9. Menus‬

‭Dans‬ ‭WordPress,‬ ‭votre‬ ‭thème‬ ‭peut‬ ‭prévoir‬ ‭l’utilisation‬ ‭de‬ ‭menus.‬ ‭Comme‬ ‭les‬
‭sidebars,‬‭les‬‭menus‬‭s’affichent‬‭à‬‭des‬‭endroits‬‭bien‬‭précis‬‭du‬‭thème.‬‭Par‬‭exemple,‬‭il‬
‭peut y avoir un menu pour le header et un menu pour le footer.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭22‬

 ‭Pour‬ ‭paramétrer‬ ‭un‬ ‭menu‬ ‭sous‬ ‭WordPress,‬ ‭il‬ ‭faut‬ ‭prendre‬ ‭plusieurs‬ ‭choses‬ ‭en‬
‭considérations :‬

‭●‬ ‭Un thème gère des « emplacements de menu »‬

‭●‬ ‭Vous‬‭pouvez‬‭créer‬‭des‬‭menus‬‭qui‬‭vont‬‭venir‬‭se‬‭greffer‬‭sur‬‭ces‬‭emplacements‬
‭de menu‬

‭Pour‬‭créer‬‭un‬‭menu,‬‭il‬‭faut‬‭cliquer‬‭sur‬‭le‬‭lien‬‭«‬‭créez‬‭un‬‭nouveau‬‭menu‬‭»‬‭en‬‭haut‬‭de‬
‭l’écran.‬ ‭Vous‬ ‭pouvez‬ ‭également‬ ‭sélectionner‬ ‭un‬ ‭menu‬ ‭existant‬ ‭via‬ ‭le‬ ‭sélecteur‬ ‭lui‬
‭aussi en haut de l’écran.‬

‭Pour‬‭ajouter‬‭des‬‭liens‬‭à‬‭un‬‭menu,‬‭il‬‭faut‬‭utiliser‬‭le‬‭panneau‬‭de‬‭gauche.‬‭Il‬‭renferme‬
‭la‬ ‭liste‬ ‭des‬ ‭pages,‬ ‭articles,‬ ‭catégories‬ ‭vers‬ ‭lesquelles‬ ‭vous‬ ‭pouvez‬ ‭faire‬ ‭des‬ ‭liens.‬
‭Vous‬ ‭pouvez‬ ‭également‬ ‭créer‬ ‭des‬ ‭liens‬ ‭personnalisés.‬ ‭Une‬ ‭fois‬ ‭votre‬ ‭lien‬
‭sélectionné, il faut cliquer sur « Ajouter au menu ».‬

‭Du‬ ‭côté‬ ‭du‬ ‭menu,‬ ‭vous‬ ‭pouvez‬ ‭ordonner‬ ‭les‬‭liens‬‭comme‬‭vous‬‭le‬‭souhaitez‬‭en‬‭les‬

‭faisant‬‭glisser.‬‭Une‬‭fois‬‭votre‬‭menu‬‭complet,‬‭cliquez‬‭sur‬‭un‬‭emplacement‬‭sur‬‭lequel‬
‭ajouter le menu et cliquez sur « Enregistrer le menu ».‬

‭10. Les extensions‬

‭WordPress‬ ‭est‬ ‭reconnue‬ ‭pour‬ ‭sa‬ ‭grande‬ ‭communauté‬ ‭et‬ ‭le‬ ‭nombre‬ ‭d’extensions‬
‭disponibles pour ajouter des fonctionnalités.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭23‬

 ‭10.1- La liste des extensions installées sur votre site WordPress‬

‭Lorsque‬ ‭vous‬ ‭cliquez‬ ‭sur‬ ‭le‬ ‭menu‬ ‭«‬ ‭Extensions‬ ‭»,‬ ‭vous‬ ‭trouverez‬ ‭une‬ ‭liste‬ ‭dans‬
‭laquelle apparaît toutes les extensions installées sur votre site WordPress.‬

‭Depuis‬ ‭cet‬ ‭écran,‬ ‭vous‬ ‭pouvez‬‭activer‬‭vos‬‭extensions,‬‭accéder‬‭à‬‭leurs‬‭réglages‬‭(s’il‬

‭y’en a) et les supprimer.‬

‭10.2- Comment ajouter une extension dans WordPress ?‬

‭Pour‬ ‭ajouter‬ ‭une‬ ‭extension,‬ ‭il‬ ‭suffit‬ ‭de‬ ‭cliquer‬ ‭sur‬ ‭le‬ ‭menu‬ ‭«‬ ‭Extensions‬ ‭»‬ ‭puis‬ ‭«‬
‭Ajouter » en haut à gauche à côté du titre.‬

‭Vous arrivez alors sur une page regroupant les extensions populaires.‬

‭Pour‬ ‭ajouter‬ ‭une‬ ‭extension‬ ‭dont‬ ‭vous‬ ‭avez‬ ‭entendu‬ ‭parler,‬ ‭le‬ ‭plus‬ ‭simple‬ ‭est‬
‭d’utiliser‬ ‭le‬ ‭moteur‬ ‭de‬ ‭recherche‬ ‭en‬ ‭haut‬ ‭à‬ ‭droite.‬ ‭Il‬ ‭faut‬ ‭taper‬ ‭un‬ ‭mot‬ ‭clé‬ ‭puis‬

‭Formation WordPress- Dr.BOUKIL‬ ‭24‬

 ‭tapez‬ ‭sur‬ ‭la‬ ‭touche‬ ‭«‬ ‭Entrée‬ ‭».‬ ‭Vous‬ ‭arriverez‬ ‭sur‬ ‭un‬ ‭écran‬ ‭avec‬ ‭les‬ ‭résultats‬ ‭de‬
‭recherche.‬

‭Une‬‭fois‬‭que‬‭vous‬‭avez‬‭trouvé‬‭votre‬‭extension,‬‭il‬‭vous‬‭reste‬‭à‬‭cliquer‬‭sur‬‭«‬‭Installer‬
‭».‬‭L’extension‬‭s’installe.‬‭Une‬‭fois‬‭installé‬‭un‬‭bouton‬‭«‬‭Activer‬‭»‬‭apparaît.‬‭Vous‬‭devez‬
‭cliquer sur ce bouton pour activer l’extension.‬

‭11. Les utilisateurs‬

‭Dans‬ ‭WordPress,‬ ‭vous‬ ‭pouvez‬ ‭également‬ ‭gérer‬‭différents‬‭utilisateurs.‬‭Il‬‭y‬‭a‬‭5‬‭rôles‬

‭d’utilisateurs par défaut dans WordPress :‬

‭●‬ ‭Abonné : ne peut rien faire sur le site à part gérer son profil‬
‭●‬ ‭Contributeur‬‭:‬‭peut‬‭écrire‬‭et‬‭modifier‬‭ses‬‭articles‬‭mais‬‭ne‬‭peut‬‭pas‬‭les‬‭mettre‬
‭en ligne‬
‭●‬ ‭Auteur : peut publier et gérer ses articles‬
‭●‬ ‭Éditeur : peut publier et gérer les articles et pages de tous les utilisateurs‬
‭●‬ ‭Administrateur : peut avoir accès à toutes les fonctionnalités du site‬

‭11.1- Visualiser la liste des utilisateurs‬

‭Lorsque‬ ‭vous‬‭cliquez‬‭sur‬‭«‬‭Utilisateurs‬‭»‬‭dans‬‭le‬‭menu,‬‭vous‬‭avez‬‭accès‬‭à‬‭une‬‭liste‬
‭qui‬‭affiche‬‭tous‬‭vos‬‭utilisateurs.‬‭Quand‬‭vous‬‭passez‬‭la‬‭souris‬‭sur‬‭un‬‭utilisateur,‬‭vous‬
‭pouvez alors le modifier ou l’afficher.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭25‬

 ‭11.2- Visualiser le profil d’un utilisateur et le modifier‬

‭Si‬ ‭vous‬ ‭cliquez‬ ‭sur‬ ‭un‬ ‭utilisateur,‬ ‭vous‬‭pouvez‬‭alors‬‭modifier‬‭son‬‭profil.‬‭Parmi‬‭les‬

‭réglages disponibles voici ce que vous pouvez modifier :‬

‭●‬ ‭Options‬‭personnelles‬‭:‬‭vous‬‭trouverez‬‭des‬‭réglages‬‭pour‬‭paramétrer‬‭l’éditeur‬
‭de‬ ‭code,‬ ‭les‬ ‭couleurs‬ ‭de‬ ‭l’administration‬ ‭ainsi‬ ‭que‬ ‭les‬ ‭raccourcis,‬ ‭barre‬
‭d’outils et la langue du site.‬
‭●‬ ‭Nom‬ ‭:‬ ‭vous‬ ‭trouverez‬ ‭les‬ ‭réglages‬ ‭concernant‬ ‭le‬ ‭nom‬ ‭de‬ ‭l’utilisateur,‬ ‭son‬
‭identifiant, pseudonyme et le nom à afficher sur le site‬
‭●‬ ‭Informations‬‭de‬‭contact‬‭:‬‭vous‬‭trouverez‬‭le‬‭réglages‬‭de‬‭l’adresse‬‭e-mail‬‭ainsi‬
‭que le site web‬
‭●‬ ‭A‬ ‭propos‬ ‭de‬ ‭vous‬ ‭:‬ ‭vous‬ ‭trouverez‬ ‭un‬ ‭champ‬ ‭permettant‬ ‭de‬ ‭mettre‬ ‭votre‬
‭biographie et une image d’illustration de votre profil‬
‭●‬ ‭Gestion‬ ‭de‬ ‭compte‬ ‭:‬ ‭c’est‬ ‭ici‬ ‭que‬ ‭vous‬ ‭pourrez‬ ‭modifier‬‭le‬‭mot‬‭de‬‭passe‬‭de‬
‭l’utilisateur.‬

‭11.3- Créer un utilisateur‬

‭Pour‬ ‭créer‬ ‭un‬ ‭utilisateur,‬ ‭vous‬ ‭devez‬ ‭cliquer‬ ‭sur‬ ‭«‬ ‭Ajouter‬ ‭»‬ ‭dans‬ ‭le‬ ‭menu‬ ‭«‬
‭Utilisateurs‬ ‭».‬ ‭Rien‬ ‭de‬ ‭bien‬ ‭sorcier‬ ‭ici,‬‭il‬‭suffit‬‭de‬‭remplir‬‭les‬‭différents‬‭champs‬‭et‬
‭de cliquer sur « Ajouter un utilisateur » pour créer un nouvel utilisateur.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭26‬

 ‭12. Les outils‬

‭WordPress dispose d’outils utiles pour gérer son site web.‬

‭12.1- Exporter les données de son site web‬

‭Cliquez‬ ‭sur‬ ‭«‬ ‭Outils‬ ‭»‬ ‭puis‬ ‭allez‬‭dans‬‭le‬‭sous-menu‬‭«‬‭Exporter‬‭».‬‭Vous‬‭arrivez‬‭sur‬

‭l’écran ci-dessous :‬

‭Formation WordPress- Dr.BOUKIL‬ ‭27‬

 ‭Vous‬ ‭arrivez‬ ‭sur‬ ‭un‬ ‭écran‬ ‭qui‬ ‭permet‬ ‭d’exporter‬‭les‬‭données‬‭de‬‭votre‬‭site‬‭web‬‭au‬
‭format .xml‬

‭C’est‬‭très‬‭utile‬‭si‬‭vous‬‭voulez‬‭exporter‬‭le‬‭contenu‬‭de‬‭votre‬‭site‬‭et‬‭l’importer‬‭dans‬‭un‬
‭autre. Cela permet également de sauvegarder votre site web.‬

‭12.2- Importer des données sur votre site web‬

‭Rendez-vous‬ ‭maintenant‬ ‭dans‬ ‭le‬ ‭sous-menu‬ ‭«‬ ‭Importer‬ ‭».‬ ‭Vous‬‭accédez‬‭à‬‭l’écran‬

‭suivant :‬

‭Formation WordPress- Dr.BOUKIL‬ ‭28‬

 ‭Comme‬‭vous‬‭pouvez‬‭le‬‭voir,‬‭vous‬‭pouvez‬‭installer‬‭des‬‭outils‬‭permettant‬‭d’importer‬
‭des‬ ‭données‬ ‭de‬ ‭site‬‭provenant‬‭d’autres‬‭plateformes‬‭:‬‭LiveJournal,‬‭Movable‬‭Type‬‭et‬
‭TypePad, Tumblr, Blogger et WordPress.‬

‭Pour‬ ‭utiliser‬‭les‬‭importateurs,‬‭vous‬‭devez‬‭tout‬‭d’abord‬‭les‬‭installer‬‭en‬‭cliquant‬‭sur‬
‭le lien « Installer » en dessous du nom de la plateforme.‬

‭12.3- Importer les données d’un autre site WordPress‬

‭Pour‬ ‭importer‬ ‭les‬ ‭données‬ ‭d’un‬ ‭autre‬ ‭site‬ ‭WordPress,‬ ‭cliquez‬ ‭sur‬ ‭«‬ ‭Installer‬ ‭»‬‭en‬
‭dessous‬‭du‬‭bloc‬‭sur‬‭WordPress.‬‭Une‬‭fois‬‭l’importateur‬‭installé,‬‭cliquez‬‭sur‬‭«‬‭Activer‬
‭». Enfin, cliquez sur « Lancer l’importateur ».‬

‭Pour‬ ‭importer‬ ‭les‬ ‭données,‬ ‭cliquez‬ ‭sur‬ ‭«‬ ‭Choisir‬ ‭un‬ ‭fichier‬ ‭»‬ ‭puis‬‭sélectionnez‬‭le‬
‭fichier XML de l’autre site. Cliquez sur « Téléverser et importer le fichier ».‬
‭Vous vous retrouvez sur l’écran suivant :‬

‭Formation WordPress- Dr.BOUKIL‬ ‭29‬

 ‭Dans‬ ‭la‬ ‭première‬ ‭section‬ ‭de‬ ‭l’écran,‬ ‭vous‬ ‭pouvez‬ ‭assigner‬ ‭les‬ ‭contenus‬ ‭à‬ ‭vos‬
‭utilisateurs‬ ‭existants‬ ‭ou‬ ‭à‬ ‭un‬ ‭nouvel‬ ‭utilisateur.‬ ‭Dans‬ ‭la‬ ‭section‬ ‭«‬ ‭importer‬ ‭les‬
‭fichiers‬ ‭joints‬ ‭»,‬ ‭vous‬ ‭pouvez‬ ‭cocher‬ ‭la‬ ‭case‬ ‭«‬ ‭Téléverser‬ ‭et‬ ‭importer‬ ‭les‬ ‭fichiers‬
‭joints‬ ‭»‬ ‭pour‬ ‭que‬ ‭les‬ ‭images‬ ‭des‬ ‭contenus‬ ‭soient‬ ‭importés‬ ‭sur‬ ‭votre‬ ‭site.‬ ‭Cliquez‬
‭sur « Envoyer » pour lancer l’importation.‬

‭12.4- Surveiller la santé de son site WordPress‬

‭Dans‬ ‭le‬ ‭sous-menu‬ ‭«‬ ‭Santé‬ ‭du‬ ‭site‬ ‭»,‬ ‭vous‬ ‭retrouverez‬ ‭un‬ ‭écran‬ ‭affichant‬ ‭des‬
‭indicateurs‬ ‭techniques‬ ‭sur‬ ‭l’état‬ ‭de‬ ‭votre‬ ‭site.‬ ‭Il‬ ‭faut‬ ‭le‬ ‭surveiller‬ ‭de‬ ‭temps‬ ‭en‬
‭temps pour éviter de potentielles failles de sécurité.‬

‭Formation WordPress- Dr.BOUKIL‬ ‭30‬

 ‭12.5- Exporter et effacer les données personnelles d’un utilisateur‬

‭Une‬ ‭autre‬ ‭fonction‬ ‭utile‬ ‭notamment‬ ‭dans‬ ‭le‬ ‭cadre‬ ‭légal‬ ‭de‬ ‭la‬ ‭RGPD‬ ‭!‬ ‭WordPress‬
‭vous permet d’exporter et d’effacer les données d’un utilisateur.‬

‭Pour cela, rendez-vous dans « Outils » puis « Exporter les données ».‬

‭Ecran d’export des données‬

‭Pour‬ ‭exporter‬ ‭les‬ ‭données‬ ‭d’un‬ ‭utilisateur,‬ ‭il‬ ‭suffit‬ ‭de‬ ‭taper‬ ‭son‬ ‭adresse‬ ‭de‬
‭messagerie‬‭dans‬‭le‬‭champ‬‭et‬‭d’envoyer‬‭la‬‭demande.‬‭Vous‬‭pourrez‬‭alors‬‭télécharger‬
‭une‬ ‭archive‬ ‭zip‬ ‭qui‬ ‭contient‬ ‭les‬ ‭données‬‭de‬‭l’utilisateur.‬‭Pour‬‭effacer‬‭les‬‭données,‬
‭procéder de la même manière dans le sous-menu « Effacer les données ».‬

‭13. Les réglages‬

‭Abordons maintenant le dernier menu : les réglages.‬

‭13.1- Les réglages généraux‬

‭Dans cette section, vous allez trouver les réglages suivants :‬

‭●‬ ‭Titre du site‬

‭●‬ ‭Slogan‬
‭●‬ ‭Adresse web de WordPress (URL)‬
‭●‬ ‭Adresse web du site (URL)‬

‭Formation WordPress- Dr.BOUKIL‬ ‭31‬

 ‭●‬ ‭Adresse e-mail d’administration‬
‭●‬ ‭Inscription‬‭:‬‭est-ce‬‭que‬‭les‬‭visiteurs‬‭peuvent‬‭s’inscrire‬‭sur‬‭votre‬‭site‬‭?‬‭Oui‬‭ou‬
‭non‬
‭●‬ ‭Rôle par défaut de tout nouvel utilisateur‬
‭●‬ ‭Langue du site‬
‭●‬ ‭Fuseau horaire‬
‭●‬ ‭Format de date‬
‭●‬ ‭Format d’heure‬
‭●‬ ‭La semaine débute le‬

‭13.2- Les réglages d’écriture‬

‭●‬ ‭Catégories‬‭par‬‭défaut‬‭des‬‭articles‬‭:‬‭la‬‭catégorie‬‭qui‬‭sera‬‭affectée‬‭pour‬‭chaque‬
‭article‬
‭●‬ ‭Format‬ ‭par‬ ‭défaut‬ ‭des‬ ‭articles‬ ‭:‬ ‭WordPress‬ ‭propose‬ ‭différent‬ ‭type‬ ‭de‬ ‭post‬
‭format, vous pouvez choisir le format par défaut des posts.‬
‭●‬ ‭Publier‬ ‭par‬ ‭e-mail‬ ‭:‬ ‭un‬ ‭écran‬ ‭de‬ ‭paramétrage‬ ‭permettant‬ ‭de‬ ‭définir‬ ‭une‬
‭adresse‬‭e-mail‬‭sur‬‭laquelle‬‭tous‬‭les‬‭messages‬‭envoyés‬‭seront‬‭transformés‬‭en‬
‭post WordPress‬

‭13.3- Les réglages de lecture‬

‭●‬ ‭La‬‭page‬‭d’accueil‬‭affiche‬‭:‬‭un‬‭réglage‬‭pour‬‭définir‬‭ce‬‭que‬‭doit‬‭afficher‬‭la‬‭page‬
‭d’accueil, soit une liste des derniers articles, soit une page.‬
‭●‬ ‭Les pages du site doivent afficher au plus x articles‬
‭●‬ ‭Le flux de syndication affichent les derniers x éléments‬
‭●‬ ‭Dans‬ ‭chaque‬ ‭publication‬ ‭du‬ ‭flux,‬ ‭inclure‬ ‭:‬ ‭l’extrait‬ ‭du‬ ‭post‬ ‭ou‬ ‭l’article‬
‭complet‬
‭●‬ ‭Visibilité‬‭pour‬‭les‬‭moteurs‬‭de‬‭recherche‬‭:‬‭est-ce‬‭que‬‭le‬‭site‬‭doit‬‭être‬‭indexer‬
‭par les moteurs de recherche ? Oui ou non‬

‭13.4- Les réglages des commentaires‬

‭●‬ ‭Réglages de publication par défaut‬

‭●‬ ‭Autres réglages des commentaires‬
‭●‬ ‭M’envoyer‬ ‭un‬ ‭message‬ ‭lorsque‬ ‭…‬‭un‬‭nouveau‬‭commentaire‬‭est‬‭publié‬‭et/ou‬
‭lorsqu’un commentaire est en attente de modération‬
‭●‬ ‭Avant la publication d’un commentaire‬

‭Formation WordPress- Dr.BOUKIL‬ ‭32‬

 ‭●‬ ‭Modération‬ ‭de‬ ‭commentaire‬ ‭:‬ ‭une‬ ‭liste‬ ‭des‬ ‭termes‬ ‭qui‬ ‭placeront‬ ‭le‬
‭commentaire dans la file d’attente‬
‭●‬ ‭Liste‬ ‭noire‬ ‭pour‬ ‭les‬ ‭commentaires‬ ‭:‬ ‭une‬ ‭liste‬ ‭des‬ ‭termes‬ ‭qui‬ ‭placeront‬ ‭le‬
‭commentaire à la corbeille‬
‭●‬ ‭Avatars : définir l’affichage des avatars‬

‭13.5- Les réglages des médias‬

‭●‬ ‭Taille‬ ‭des‬ ‭images‬ ‭:‬ ‭permet‬ ‭de‬ ‭régler‬ ‭les‬ ‭largeurs‬ ‭et‬ ‭hauteur‬‭des‬‭différentes‬
‭tailles d’images‬
‭●‬ ‭Envoi‬‭des‬‭fichiers‬‭:‬‭permet‬‭d’organiser‬‭les‬‭dossiers‬‭de‬‭médias‬‭en‬‭mensuel‬‭et‬
‭annuel‬

‭13.6- Les réglages de permaliens‬

‭●‬ ‭Structure des permaliens : permet de définir la structure des urls du site‬
‭●‬ ‭Préfixe des catégories‬
‭●‬ ‭Préfixe des étiquettes‬

‭13.7- Les réglages de confidentialité‬

‭●‬ ‭Sélection de la page de la politique de confidentialité‬

‭Formation WordPress- Dr.BOUKIL‬ ‭33‬