TD Installer et configurer Wordpress en local (sur une clé USB)
WordPress est un CMS Content Management System ou système de gestion de contenu (SGC).
Il est gratuit et open source c’est-à-dire modifiable (=la source du code informatique est ouverte).
Il est basé sur PHP MySQL qui utilise un serveur web de type Apache. Rien compris ? Pas de soucis
I. Principe de fonctionnement d’une base de données relationnelle
Exemple de SGBDR de l’entreprise « Aux saveurs BIO ».
On constate que les données formant des enregistrements sont classées dans des tables (Catégorie, Articles, Clients…).
En l’état, il n’est pas facile d’obtenir de l’information et c’est le travail de de MySQL de faire des liens entre les tables comme le montre la capture d’écran ci-dessous.
Sinon « amusez-vous » à obtenir l’information suivante :
Requête (=Question) : liste des clients dont la quantité totale des articles commandés le 14/10/2009 est > 10.
On peut le faire manuellement mais ce sera long et difficile voire impossible quand on possède des données en très grand nombre. SQL est un langage informatique qui permet notamment d’interroger un Bdd Relationnelle.
SELECT CLIENTS.numcH, NomcH, SUM (Quantité) AS [Quantite commandée]
FROM CLIENTS, COMMANDES, CONCERNER WHERE CLIENTS.Numcli = COMMANDES.numcli AND COMMANDES. Numcde = CONCERNER.Numcde AND Datecde = #14/10/2010#
GROUP BY CLIENTS.Numcli, Nomcli HAVING SUM(Quantité)>10;
II. Principes de fonctionnement et de configuration du CMS WordPress
Extrait : https://fr.wikipedia.org/wiki/WordPress#Sp%C3%A9cificit%C3%A9s_techniques
Base de données et MySQL : une base de données (Bdd) sert essentiellement à stocker des informations pour ensuite les traiter, les trier, ou encore les filtrer pour extraire des statistiques ou récupérer des données précises. L'ensemble de ces informations et bases de données sont gérées par un logiciel serveur.
WordPress utilise MySQL qui est un système de gestion de base de données relationnelles libre, gratuit et très utilisé.
WordPress peut ainsi stocker et récupérer les informations présentes sur le site internet par le biais de plusieurs tables présentes dès l'installation du système de gestion de contenu. On retrouve par exemple une table pour stocker les commentaires (pseudo/nom, date, message, e-mail), une autre pour stocker le contenu des publications (articles, pages, menus) ou encore une table concernant les utilisateurs (nom, e-mail, droit accordé).
PHP est un langage de programmation côté serveur qui permet de créer des sites web dynamiques.
De nombreux sites sont programmés à l'aide de PHP parmi lesquels on peut citer Wikipédia, Facebook ou encore WordPress. L’avantage est que PHP est un langage open-source ce qui permet aux développeurs de rajouter des fonctionnalités qui peuvent être réutilisées par d’autres utilisateurs. Enfin, l'utilisation de PHP permet de communiquer avec une base de données (ici MySQL)
Un utilisateur de WordPress n'a pas besoin de connaître PHP pour utiliser ce CMS, sauf s'il souhaite développer les fonctionnalités prédéfinies.
Pour faire simple, un schéma suffit pour comprendre le principe de fonctionnement du CMS WordPress :
Dans la Pratique, on affichera à l’écran dans deux onglets du navigateur (Firefox par exemple) :
• Un onglet WordPress en Back Office (BO) ou Backend
• Un onglet en Front Office (FO) ou Frontend
Cela permet de visualiser directement les actions menées sur votre site en mode administrateur sur le site affiché par un internaute.
III. Installation de WordPress en local sur une clé USB
Pour installer WordPress en local il nous faut télécharger :
• Le CMS WordPress 5.2.3 à télécharger https://fr.wordpress.org/download/
• PHP MySQL langage de programmation et système de gestion de base de données relationnelles (dit SGBDR)
• Un serveur web de type Apache
Vu que vous n’êtes pas des informaticiens, nous allons utiliser XAMPP https://fr.wikipedia.org/wiki/XAMPP
XAMPP est un ensemble de logiciels permettant de mettre en place facilement un serveur Web local, un serveur FTP et un serveur de messagerie électronique.
• Xampp à télécharger sur https://www.apachefriends.org/fr/index.html Wordpress et Wampp sont disponible sur l’ENT dans documents en consultation.
Ne pas les ouvrir mais les copier sur votre clé USB.
NB : si vous voulez installer Xampp sur votre PC, bien choisir la version X32 ou X64 bits https://www.commentcamarche.net/faq/19107-32-ou-64-bits-comment-savoir
Installation de Xampp
a. Exécuter le fichier xampp-windows-x64-7.3.9-0-VC15-installer.exe
Sélectionner les composants nécessaires Apache + MySQL + PHP+ PHPMyAdmin mais par défaut sélectionner tout. > Next
b. Choisir le disque pour installer XAMPP à la racine de votre clé USB !
NB : si vous choisissez le lecteur D, il faudra toujours faire fonctionner Xampp avec un lecteur D.
Dans mon cas Xampp est installer sur le lecteur E donc au lycée, je dois installer une 1ière clé puis la 2ième contenant Xampp sinon vous aurez un message d’erreur
c. Décochez « Learn more about Bitnami for XAMPP » puis NEXT
L’installation commence et peut être plus ou moins longue selon la configuration de votre poste. Afficher le Control Panel now > Finish
d. Démarrer les modules Apache et MySQL. Ils apparaissent en
vert.
Quand vous voudrez quitter WordPress, ne pas « oublier de stopper ces deux modules.
e. Ouvrir votre navigateur (Firefox de préférence) et saisir dans la barre d’adresse «localhost » Le tableau de bord de Xampp apparait et l’adresse est maintenant localhost/dashboard
f. Cliquer sur phpMyAdmin afin de créer votre base de données
L’adresse est maintenant http://localhost/phpmyadmin/
g. Modifier Server connexion collation en uft8mb4_unicode_ci (ce qui permet de gérer les accents de la langue française notamment)
h. Changer la langue en français dans Appearance Settings
i. Cliquer sur l’onglet Bases de données, nommer puis créer votre Bdd
Votre base de données doit apparaitre dans le menu de gauche.
Installation de WordPress sous Xampp
j. Aller dans le menu Xampp puis dans le dossier htdocs
k. Copier ici le fichier zipper WordPress et décompresser le ici Après décompression, supprimer le fichier zip.
l. Aller dans votre navigateur à l’adresse localhost/wordpress/
m. Suivre la procédure d’installation avec les informations suivantes (pas de mot de passe ici)
Puis accéder à la configuration de votre site, choisir comme identifiant admin
n. Se connecter à votre site en local localhost/wordpress/wp-admin
