CMS/LMS
Séquence 2 : Installation / Configuration et Personnalisation de CMS
CMS/LMS
Ndeye Massata Ndiaye
Séquence 2 : Installation / Configuration et Personnalisation de CMS
Préparation de l’environnement de développement du site web
Choisir un CMS adapté
Dans la séquence 1, vous avez appris les types de CMS en fonction de leur usage. Le choix d’un CMS est déterminant
dans un projet de développement de site web. La réussite du projet dépend du choix et de la maitrise du CMS.
Par exemple, si le projet porte sur la mise en place d’un site de vente de produit cosmétiques, choisir un CMS de type
e-commerce est plus judicieux qu’un CMS générique comme Joomla auquel il faudra rajouter des plugins pour les
fonctions de vente en ligne.
Installer un serveur web local
Pour installer un CMS, il faut disposer d’un serveur et d’une base de données. Si vous êtes débutant, il est plus prudent
de développer votre site web en local, au niveau de votre ordinateur personnel. Lorsque vous avez terminé
l’implémentation du site web, le site peut être déployé sur un serveur web distant, accessible par internet.
Pour transformer votre ordinateur en serveur web local, il existe plusieurs environnements de développement web
selon votre système d’exploitation :
- WAMP et Easyphp compatibles avec Windows
- MAMP compatible avec OS X
- XAMPP compatibles avec Linux, Windows, Mac OS X
Ces environnements fournissent les outils nécessaires pour développer votre site web :
- Un serveur Apache
- Un serveur de base de donnée MySql
- Un gestionnaire de base de données : phpMyAdmin
- Un interpréteur de de script PHP
Chaque environnement possède une interface d’administration permettant de démarrer/arrêter le serveur web et de
configurer le serveur web local.
Pour installer un environnement, il faut le télécharger sur le site web officiel et suivre les instructions d’installation.
L’interface de serveur vous permet de le configurer et de démarrer votre serveur web.
Voici un lien qui explique l’installation d’un serveur Wamp : https://www.numelion.com/installer-wamp.html
Ndeye Massata Ndiaye 1
CMS/LMS
Séquence 2 : Installation / Configuration et Personnalisation de CMS
Configuration du CMS
Prérequis :
- CMS choisi
- Serveur web fonctionnel
Nous choisissons le CMS WordPress utilisé pour réaliser divers types de site web.
Etape 1 : Préparation des fichiers WordPress et activation de Wamp
- Télécharger la dernière version du CMS et décompresser le fichier .zip
- Allez dans le dossier d’installation de votre serveur web \wamp64, ensuite dans le dossier \www. Le dossier
\www est le dossier principal de vos sites web, pour une bonne organisation, créer un dossier pour chaque
projet de site web.
- Créer un dossier portant le nom de site web, par exemple monsiteperso
- Maintenant que le dossier de votre site web est prêt, mettez tous les fichiers de WordPress dans le répertoire
monsiteperso
- Activer votre serveur Wamp si ce n’est pas encore fait. Pour cela, recherchez sur votre PC l'emplacement de
l'application WampServer et exécutez-la. Vous pouvez également la trouver via le menu
Démarrer/Programmes/WampServer64. Dès que l’icône Wamp est vert, votre serveur est en service.
Etape 2 : Installation de WordPress et création de la base de données
- Retour sur l'icône Wamp (verte), cliquer sur localhost ;
- Un onglet dans votre navigateur Web s'ouvre. Il donne des instructions quant aux prochaines étapes pour
installer WordPress ;
- Cliquez sur le bouton C'est parti situé en bas de page ;
- Renseignez le nom de la base de donnée (créée dans l'onglet phpMyAdmin), le nom de l'utilisateur, dans notre
cas “root”, pas besoin de mot de passe, ni d'adresse pour la base de données (ou insérez localhost). Il n'est pas
nécessaire de modifier le préfixe de la table ;
- Cliquez sur Valider ;
- On vous indique que c'est parfait. Cliquez sur Lancer l'installation ;
- Une page s'affiche vous demandant des infos sur le site WordPress à créer et votre profil utilisateur ;
- Renseignez le titre de votre futur site WordPress. Il s'affichera dans l'interface d'admin de WordPress, sur la
page d'accueil du site et dans l'élément <title> du code source de vos pages Web ;
- Complétez le champ Nom d'utilisateur et le champ Mot de passe pour vous créer un profil utilisateur et
accédez à l'admin de votre site Web ;
- Insérez votre adresse mail pour recevoir les notifications d'activités de votre site et le lien de renouvellement
de mot de passe. Cette fonction sera opérationnelle lorsque votre site sera en ligne et que votre hébergeur
autorise la fonction email sur votre serveur ;
- Il n'est pas utile de cocher la case de visibilité auprès des moteurs de recherche. Nous sommes en local ;
- Cliquez sur Installer ;
- Cliquez sur Se connecter et renseignez vos identifiant et mot de passe ;
- Vous avez désormais accès à l'admin ;
- Pour visualiser votre site WordPress en local, cliquez sur le nom de votre site situé en haut à gauche dans la
barre noire de l'administration.
Etape 3 : Administrateur du site web
A l’issue de l’étape 2, WordPress est installé sur le serveur web local.
Pour accéder à l’interface front-office, tapez l’URL suivante :
- http://localhost/NomDuSite
ou
- http://127.0.0.1/NomDuSite
Ndeye Massata Ndiaye 2
CMS/LMS
Séquence 2 : Installation / Configuration et Personnalisation de CMS
Pour accéder à l’interface back-office, tapez l’URL suivante :
- http://localhost/NomDuSite/wp-admin
ou
- http://127.0.0.1/NomDuSite/wp-admin
Le back-office de WordPress offre un ensemble de fonctionnalités permettant de réaliser des pages web selon les
besoins définis dans le cahier de charge.
Personnalisation du CMS
Trois éléments permettent de personnaliser un site WordPress :
- Le thème du CMS permet de personnaliser l’apparence du site. WordPress propose un thème par défaut
accessible via le menu Apparence/Thèmes.
- Le menu Apparence/Menus permet de personnaliser les menus du site web.
- Les widgets, Apparence/Widgets, permettent également de personnaliser le site web. Ce sont de petits
modules qui peuvent enrichir le site web comme une barre de recherche, les nuages de tags.
Bonnes pratiques :
- Assurez vous que le thème sélectionné comprend toutes les fonctionnalités que vous souhaitez ;
- Assurez-vous que les thèmes, les widgets ou tout autre extensions soient téléchargés dans le site officiel ou
accrédité de WordPress disponibles au niveau du back-office.
Mise en ligne du site web
Une fois que le site est finalisé, il peut être hébergé dans un serveur web distant pour qu’il soit accessible via Internet.
Pour ce faire, vous avez besoin de deux éléments essentiels :
- Le dossier du site web, c’est le dossier se trouvant dans le répertoire du serveur local et portant le nom site
web.
- La base de données
Etape 1 : Acheter un nom de domaine
Etape 2 : Sélectionner un hébergeur de site web
Etape 3 : Exporter les fichiers de votre site web
Etape 4 : Exporter la base de données
Etape 5 : Transférer les fichiers de votre site web vers le dossier du serveur distant
Etape 6: Importer la base de données
Etape 7 : Lancer votre site web
Ndeye Massata Ndiaye 3
