Installer Wordpress avec XAMPP
Ces tutoriels existent dans le cadre du Titre professionnel "Responsable d'Espace de Médiation Numérique" (REMN), ou plus précisément, la huitième compétence "Promouvoir un espace de médiation numérique et ses projets par une communication multicanale interne et externe" (de l'Activité 2 "Contribuer au développement d’un espace de médiation numérique et de ses projets", voir le référentiel (REAC)).Pour découvrir et prendre en main Wordpress, Zoomacom a choisi de faire installer un serveur en local sur les ordinateurs des participant·es, plutôt qu'avoir un VPS (serveur virtuel privé, ou hébergement web externe) par personne, pour faciliter la logistique. En pratique, si la structure employeuse a ou souhaite mettre en place un site avec Wordpress, ce dernier sera installé sur un serveur de l'hébergeur web, type OVH.
Cette installation et les notions apportées sont simplifiées, étant destinées à un public novice.
Un logiciel libre assure 4 libertés à l'utilisateur·ice. La liberté de :
1. l'utiliser pour n'importe quel usage,
2. redistribuer des copies,
3. d'accéder au code source pour l'étuder et le modifier (Open Source),
4. distribuer les versions modifiées.
La finalité du logiciel libre n'est pas le prix (il peut être payant), mais l'entraide communautaire et la liberté. Pour aller plus loin, cliquez ici.
Un logiciel propriétaire et privateur est ne permet pas l'exercice des 4 libertés propres au logiciel libre. C'est un programme privateur de libertés qui met son propriétaire en position d'exercer un pouvoir sur les utilisateurs et constitue donc une porte ouverte pour un usage déloyal des données des utilisateurs qu'il traite. La finalité est de s'enrichir dans un contexte capitaliste et néo-colonialiste.
Serveur web : on qualifie par serveur non seulement l’ordinateur qui fournit les ressources d’un réseau informatique, mais aussi le programme fonctionnant sur cet ordinateur. Nous vous donnons les deux définitions d’un « serveur » ci-dessous :
Apache : ou Apache HTTP Server est un serveur web libre et Open Source, créé et maintenu au sein de la fondation Apache.
XAMPP : est un une distribution libre et Open Source d'Apache contenant MariaDB, PHP et Perl (disponible uniquement en anglais ou en allemand). Ce n'est pas un serveur mais un ensemble de logiciels permettant de créer un serveur. Plus précisemment, il fournit un serveur local pour tester, créer, exécuter et tester des applications web avant de le déployer sur des serveurs en direct. XAMPP est distribué par l'association Apache Friends, qui ont pour objectif de faciliter l'utilisation d'Apache aux développeur·euses.
MySQL : est un système de gestion de base données propriétaire, c'est-à-dire qu'il permet de stocker, manipuler ou gérer, et partager des données dans une base de données, en garantissant la qualité, la pérennité et la confidentialité des informations, tout en cachant la complexité des opérations.
MariaDB : est un système de gestion de base de donnée libre et Open Source, fork ou "embranchement" de MySQL. En effet, ce logiciel a été créé à partir du code source de MySQL pour "rester un logiciel libre et open source [...] indépendant de toute entité commerciale.".
PHP : est un langage de programmation libre et Open Source généraliste spécialement conçu pour le développement d'applications web via un serveur web. Pour plus d'informations cliquez ici.
PHPMyAdmin (PMA) : est une application Web de gestion pour les systèmes de gestion de base de données MySQL et MariaDB, réalisée principalement en PHP.Cette interface pratique permet d'exécuter, très facilement et sans grandes connaissances en bases de données, des requêtes comme les créations de table de données, insertions, mises à jour, suppressions et modifications de structure de la base de données, ainsi que l'attribution et la révocation de droits et l'import/export. Ce système permet de sauvegarder commodément une base de données sous forme de fichier .sql et d'y transférer ses données, même sans connaître SQL.
Perl : est un langage de programmation libre. Dans XAMPP, c'est un module complémentaire qui permet de modifier les paramètres par défaut. Pour plus d'informations sur les langages de programmations populaires.
Wordpress : est un système de gestion de contenu (SGC ou content management system (CMS) en anglais) gratuit, libre et Open Source. Ce logiciel écrit en PHP repose sur une base de données MySQL et MariaDB, et est distribué par la fondation WordPress.org. Les fonctionnalités de WordPress lui permettent de créer et gérer différents types de sites Web : site vitrine, site de vente en ligne, site applicatif, blog, portfolio, site institutionnel, site d'enseignement…
localhost : est un serveur web exécuté sur votre propre ordinateur, qui permet de tester un site web ou application web depuis votre navigateur, avant de les héberger sur un serveur en direct.
Base de données (Database, BD, BDD, B2D ou DB): est un ensemble d'informations qui est organisé de manière à être facilement accessible, géré et mis à jour. Elle est utilisée par les organisations comme méthode de stockage, de gestion et de récupération de l’informations. Son objectif est de répondre efficacement aux requêtes Client. Mais, pour éviter de la latence (délais de transmission, aussi dit que ça rame ou lag), un serveur fait l'intermédiaire (?).
1. l'utiliser pour n'importe quel usage,
2. redistribuer des copies,
3. d'accéder au code source pour l'étuder et le modifier (Open Source),
4. distribuer les versions modifiées.
La finalité du logiciel libre n'est pas le prix (il peut être payant), mais l'entraide communautaire et la liberté. Pour aller plus loin, cliquez ici.
Un logiciel propriétaire et privateur est ne permet pas l'exercice des 4 libertés propres au logiciel libre. C'est un programme privateur de libertés qui met son propriétaire en position d'exercer un pouvoir sur les utilisateurs et constitue donc une porte ouverte pour un usage déloyal des données des utilisateurs qu'il traite. La finalité est de s'enrichir dans un contexte capitaliste et néo-colonialiste.
Serveur web : on qualifie par serveur non seulement l’ordinateur qui fournit les ressources d’un réseau informatique, mais aussi le programme fonctionnant sur cet ordinateur. Nous vous donnons les deux définitions d’un « serveur » ci-dessous :
- Serveur (Hardware): un serveur matériel (hardware) est un réseau d’ordinateurs reliés par une machine physique et sur lequel fonctionnent un ou plusieurs serveurs logiciels (software). Une alternative au terme de serveur (Hardware) est « hébergeur » (Host en anglais). En principe chaque ordinateur est utilisé avec un serveur logiciel.
- Serveur (Software): un logiciel serveur est un programme effectuant des interactions en réseau avec d’autres programmes appelés logiciels clients. Le service apporté dépend du type de logiciel serveur. La base de la communication en réseau est cette relation Client-serveur. Lors de l’échange de données, différents protocoles de transmission entrent en jeu.
Apache : ou Apache HTTP Server est un serveur web libre et Open Source, créé et maintenu au sein de la fondation Apache.
XAMPP : est un une distribution libre et Open Source d'Apache contenant MariaDB, PHP et Perl (disponible uniquement en anglais ou en allemand). Ce n'est pas un serveur mais un ensemble de logiciels permettant de créer un serveur. Plus précisemment, il fournit un serveur local pour tester, créer, exécuter et tester des applications web avant de le déployer sur des serveurs en direct. XAMPP est distribué par l'association Apache Friends, qui ont pour objectif de faciliter l'utilisation d'Apache aux développeur·euses.
MySQL : est un système de gestion de base données propriétaire, c'est-à-dire qu'il permet de stocker, manipuler ou gérer, et partager des données dans une base de données, en garantissant la qualité, la pérennité et la confidentialité des informations, tout en cachant la complexité des opérations.
MariaDB : est un système de gestion de base de donnée libre et Open Source, fork ou "embranchement" de MySQL. En effet, ce logiciel a été créé à partir du code source de MySQL pour "rester un logiciel libre et open source [...] indépendant de toute entité commerciale.".
PHP : est un langage de programmation libre et Open Source généraliste spécialement conçu pour le développement d'applications web via un serveur web. Pour plus d'informations cliquez ici.
PHPMyAdmin (PMA) : est une application Web de gestion pour les systèmes de gestion de base de données MySQL et MariaDB, réalisée principalement en PHP.Cette interface pratique permet d'exécuter, très facilement et sans grandes connaissances en bases de données, des requêtes comme les créations de table de données, insertions, mises à jour, suppressions et modifications de structure de la base de données, ainsi que l'attribution et la révocation de droits et l'import/export. Ce système permet de sauvegarder commodément une base de données sous forme de fichier .sql et d'y transférer ses données, même sans connaître SQL.
Perl : est un langage de programmation libre. Dans XAMPP, c'est un module complémentaire qui permet de modifier les paramètres par défaut. Pour plus d'informations sur les langages de programmations populaires.
Wordpress : est un système de gestion de contenu (SGC ou content management system (CMS) en anglais) gratuit, libre et Open Source. Ce logiciel écrit en PHP repose sur une base de données MySQL et MariaDB, et est distribué par la fondation WordPress.org. Les fonctionnalités de WordPress lui permettent de créer et gérer différents types de sites Web : site vitrine, site de vente en ligne, site applicatif, blog, portfolio, site institutionnel, site d'enseignement…
localhost : est un serveur web exécuté sur votre propre ordinateur, qui permet de tester un site web ou application web depuis votre navigateur, avant de les héberger sur un serveur en direct.
Base de données (Database, BD, BDD, B2D ou DB): est un ensemble d'informations qui est organisé de manière à être facilement accessible, géré et mis à jour. Elle est utilisée par les organisations comme méthode de stockage, de gestion et de récupération de l’informations. Son objectif est de répondre efficacement aux requêtes Client. Mais, pour éviter de la latence (délais de transmission, aussi dit que ça rame ou lag), un serveur fait l'intermédiaire (?).
Étape 1 : Installer XAMPP
1. Accédez au site https://www.apachefriends.org/download.html.
2. Télécharger la dernière version de XAMPP.
3. Cliquez sur le dossier téléchargé et suivre les étapes.
4. Lancez "XAMPP Control Panel".
Attention : Ce message d'erreur n'est qu'une indication pour que soyez attentif·e à où vous installez le logiciel.
[capture d'écran de l'erreur]
Étape 2 : Tester le serveur
0. Ouvez votre navigateur et cherchez "localhost". Un message d'erreur s'affiche, car aucun programme n'est en cours d'exécution sur votre ordinateur.
1. Sur le "XAMPP Control Panel", cliquez sur "Start" en face de Apache (le serveur) et MySQL (la base de données utilisant PHP). N'activez pas le reste.
2. Ouvez votre navigateur et cherchez "localhost". L'affichage de la page d'accueil de XAMPP (?) prouve que votre serveur est bien en route.
[capture d'écran]
Étape 3 : Télécharger Wordpress
0. Sur "XAMPP Control Panel", cliquez sur bouton "Explorer". Votre explorateur de fichier s'ouvre. Cliquez sur le dossier "htdocs" et le laisser ouvert. C'est ici que vous allez déposer Wordpress afin de l'héberger (similaire au dossier "www" de OVH).
1. Accéder au site https://fr.wordpress.org/download/
2. Télécharger la dernière version de Wordpress.
3. Ouvez le dossier sans l'extraire.
4. Copier le dosser "Wordpress", puis collez-le dans dossier "htdocs".
Étape 4 : Tester l'accès à Wordpress
0. Vérifier que Apache et MySQL sont bien lancés sur "XAMPP Control Panel".
1. Ouvez votre navigateur et cherchez "localhost/wordpress". [capture d'écran, qui demande de connecter la base de donnée ou un truc comme ça].
Étape 5 : Créer la base de donnée "Wordpress"
1. Dans votre navigateur, ouvez un nouvel onglet, puis cherchez "localhost/dashboard". Vous avez lancé PHPMyAdmin (ou MySQL en joli, haha !).
2. Cliquez sur le bouton "Nouvelle base de données". Nommez le "wordpress" (en minuscules).
3. Cliquez sur le logo "PHPMyAdmin" en haut à gauche de la page.
4. Cliquez sur l'onglet "Compte utilisateur", afin de créer un compte administrateur qui pourra gérer les bases de donnée, dont Wordpress.
5. Écrivez "admin" en face de "nom", et choisissez un mot de passe (uniquement).
6. Sous privilèges globaux, cliquez sur "Tout cocher".
7. Cliquez sur "Exécuter".
8. Retournez sur votre navigateur, à l'onglet permettant d'accéder à Wordpress.
9. Remplissez les champs :
Étape 6 : Se connecter à Wordpress
0. Votre base de donnée Wordpress existe et vous y êtes connecté·e.
1. Créer le premier compte utilisateur de votre site internet.
(?)
Félicitations ! Vous avez un site internet Wordpress fonctionnel !
1. Accédez au site https://www.apachefriends.org/download.html.
2. Télécharger la dernière version de XAMPP.
3. Cliquez sur le dossier téléchargé et suivre les étapes.
4. Lancez "XAMPP Control Panel".
Attention : Ce message d'erreur n'est qu'une indication pour que soyez attentif·e à où vous installez le logiciel.
[capture d'écran de l'erreur]
Étape 2 : Tester le serveur
0. Ouvez votre navigateur et cherchez "localhost". Un message d'erreur s'affiche, car aucun programme n'est en cours d'exécution sur votre ordinateur.
1. Sur le "XAMPP Control Panel", cliquez sur "Start" en face de Apache (le serveur) et MySQL (la base de données utilisant PHP). N'activez pas le reste.
2. Ouvez votre navigateur et cherchez "localhost". L'affichage de la page d'accueil de XAMPP (?) prouve que votre serveur est bien en route.
[capture d'écran]
Étape 3 : Télécharger Wordpress
0. Sur "XAMPP Control Panel", cliquez sur bouton "Explorer". Votre explorateur de fichier s'ouvre. Cliquez sur le dossier "htdocs" et le laisser ouvert. C'est ici que vous allez déposer Wordpress afin de l'héberger (similaire au dossier "www" de OVH).
1. Accéder au site https://fr.wordpress.org/download/
2. Télécharger la dernière version de Wordpress.
3. Ouvez le dossier sans l'extraire.
4. Copier le dosser "Wordpress", puis collez-le dans dossier "htdocs".
Étape 4 : Tester l'accès à Wordpress
0. Vérifier que Apache et MySQL sont bien lancés sur "XAMPP Control Panel".
1. Ouvez votre navigateur et cherchez "localhost/wordpress". [capture d'écran, qui demande de connecter la base de donnée ou un truc comme ça].
Étape 5 : Créer la base de donnée "Wordpress"
1. Dans votre navigateur, ouvez un nouvel onglet, puis cherchez "localhost/dashboard". Vous avez lancé PHPMyAdmin (ou MySQL en joli, haha !).
2. Cliquez sur le bouton "Nouvelle base de données". Nommez le "wordpress" (en minuscules).
3. Cliquez sur le logo "PHPMyAdmin" en haut à gauche de la page.
4. Cliquez sur l'onglet "Compte utilisateur", afin de créer un compte administrateur qui pourra gérer les bases de donnée, dont Wordpress.
5. Écrivez "admin" en face de "nom", et choisissez un mot de passe (uniquement).
6. Sous privilèges globaux, cliquez sur "Tout cocher".
7. Cliquez sur "Exécuter".
8. Retournez sur votre navigateur, à l'onglet permettant d'accéder à Wordpress.
9. Remplissez les champs :
- Titre : le nom de votre site internet
- Identifiant : "admin"
- Mot de passe : celui choisi précédemment
Étape 6 : Se connecter à Wordpress
0. Votre base de donnée Wordpress existe et vous y êtes connecté·e.
1. Créer le premier compte utilisateur de votre site internet.
(?)
Félicitations ! Vous avez un site internet Wordpress fonctionnel !
Texte du panneau 2 à changer par la suite
Voici des ressources existantes :
- Par Wordpress.org : https://fr.wordpress.org/support/article/administering-your-blog/
- Formation Developpement Web du TP REMN : https://zoomacom.net/wiki/?REMNG4DevWeb/edit
- [Débutant] Le guide pratique de l'admin WordPress : https://baptistepages.com/tutoriel/guide-complet-admin-wordpress/
Texte du panneau 2 à changer par la suite
Texte du panneau 2 à changer par la suite
CNFS CONUM REMN Wordpress