Aller au contenu principal

WordPress - Installation

L'atelier de l'artisan du Web

Notions théoriques​

WordPress est l'outil de choix pour des millions de sites Web grâce à sa facilité d'utilisation et sa flexibilité.

WordPress permet à quiconque, de l'artisan au grand créatif, de présenter son travail au monde.

astuce

WordPress est une plateforme idéale pour créer votre portfolio numérique, offrant une gamme étendue de thèmes et de plugins pour personnaliser votre site.

Pourquoi WordPress ?​

  1. Facilité d'installation et de gestion : WordPress est connu pour son installation en "cinq minutes".
  2. Personnalisation : Avec des milliers de thèmes et plugins, vous pouvez créer un site unique.
  3. Communauté : Une vaste communauté signifie beaucoup de soutien et de ressources.
Question ?

WordPress est un CMS, mais qu'est-ce qu'un CMS ?

Qu'est-ce qu'un CMS ?​

Un système de gestion de contenu (CMS, Content Management System) est une application logicielle qui fournit une infrastructure permettant de créer, gérer, stocker et déployer facilement le contenu d'un site Web.

Un CMS est souvent utilisé pour gérer le contenu de sites Web et simplifier la publication Web pour les utilisateurs sans expertise technique avancée.

Avantages d'un CMS

Accessibilité​

Un CMS permet aux utilisateurs de créer et de gérer du contenu via une interface graphique intuitive, souvent avec la possibilité de voir un aperçu en temps réel des changements. Cela rend la gestion de sites Web accessible à des personnes qui ne sont pas familières avec le codage ou le développement Web.

Séparation du contenu et de la présentation​

Les CMS séparent généralement le contenu (texte, images, etc.) de la présentation (design, mise en page), ce qui signifie que les utilisateurs peuvent modifier le contenu sans affecter l'apparence du site, et vice versa.

Flexibilité et extensibilité​

De nombreux CMS offrent une large gamme de thèmes et de plugins (ou modules/extensions) qui permettent de personnaliser l'apparence et d'étendre les fonctionnalités du site sans avoir besoin de modifier le code source.

Collaboration​

Un CMS peut prendre en charge plusieurs utilisateurs avec différents rôles et permissions, ce qui facilite le travail collaboratif sur le contenu du site.

Maintenance​

Les CMS sont généralement accompagnés de mises à jour régulières qui incluent de nouvelles fonctionnalités, des améliorations de performances et des correctifs de sécurité.

Exemples populaires​

Des exemples de CMS très répandus incluent WordPress, Joomla, Drupal, Magento (pour le e-commerce), et Squarespace. Chaque CMS a ses propres forces et sa propre communauté d'utilisateurs.

Utilisation​

Les CMS sont utilisés pour une variété de sites Web, comme les blogs personnels, les sites d'entreprise, les boutiques en ligne, les forums, et les sites de médias. Ils sont appréciés pour leur facilité d'installation et de gestion, ce qui permet de lancer un site Web rapidement.

Un CMS est un outil essentiel pour les personnes et les entreprises souhaitant publier, gérer et organiser du contenu Web sans se plonger dans les complexités du développement Web. Il est un pilier de la présence en ligne et de la communication digitale.

Configuration de WordPress​

  • Le fichier de configuration de WordPress est : wp-config.php.

    Ce fichier permet, entre autre, de définir les informations de connexion à la base de données.

  • Le nom du répertoire par défaut où les thèmes WordPress sont stockés est : wp-content/themes.

    Si un thème bloque le site, il suffira de supprimer ce répertoire pour dépanner le site.

Le serveur Web intégré de PHP​

Pour exécuter les fichiers PHP de WordPress, afin d'apprendre à utiliser ce CMS, nous allons utilisé le serveur Web intégré de PHP.

astuce

Le serveur Web intégré de PHP est léger et permet d'exécuter des applications PHP sans avoir besoin d'un logiciel de serveur Web complet (comme Apache ou Nginx).

Pour démarrer le serveur intégré de PHP, il suffit d'utiliser :

  • la commande php -S,
  • suivie de l'adresse d'écoute (par exemple localhot)
  • et du port précédé de : (par exemple :8000).

Par exemple, php -S localhost:8000 démarre le serveur sur l'hôte localhost et le port 8000.

Lorsqu'il est exécuté, le serveur traite les requêtes HTTP et sert les fichiers PHP et statiques depuis le répertoire courant.

Caractéristiques du serveur intégré de PHP
  • Facilité d'utilisation : Vous pouvez démarrer un serveur Web avec une seule ligne de commande, ce qui est pratique pour les tests rapides ou le développement local.
  • Aucune configuration compliquée : Contrairement aux serveurs Web traditionnels, aucune configuration complexe n'est nécessaire pour commencer à servir des applications PHP.
  • Développement et test : Il est idéal pour le développement et les tests unitaires, offrant une plateforme rapide pour itérer sur le code PHP.
  • Pas pour la production : Le serveur intégré n'est pas conçu pour les environnements de production. Il ne gère pas les charges élevées, la mise en cache ou les configurations de sécurité avancées.
  • Routage des scripts : Vous pouvez spécifier un script de routage qui sera exécuté pour chaque requête, permettant de simuler des configurations plus complexes ou de gérer des URL réécrites.

Test de mémorisation/compréhension​


Quel est l'avantage principal de l'utilisation de WordPress pour créer un portfolio ?


Quel outil peut être utilisé pour installer WordPress localement ?


Pourquoi est-il utile de versionner son portfolio avec Git ?


Le serveur Web intégré de PHP est-il recommandé pour les environnements de production ?


Pourquoi WordPress est-il considéré comme une plateforme idéale pour créer un portfolio numérique ?


Quel est le principal avantage d'un CMS comme WordPress pour les utilisateurs sans compétences techniques ?


TP pour réfléchir et résoudre des problèmes​

Activité : Installation de WordPress et premiers pas dans l'interface.

1. Créer une base de données​

Création d'une base de données pour WordPress

  • Ouvrez le logiciel HeidiSQL (logiciel client de "MySQL/MariaDB").
  • Créez une nouvelle base de données :
    • Nom = "portfolio"
    • Utilisateur = "portfolio"
    • Mot de passe = "portfolio"
astuce

Pour créer une base de données et un utilisateur, vous pouvez consulter la 'Gestion des permissions' de MariaDB.

2. Télécharger WordPress​

Téléchargement de WordPress

  • Rendez-vous sur le site officiel de WordPress à l'adresse suivante : https://wordpress.org/.
  • Cliquez sur le bouton "Get WordPress" et téléchargez la dernière version de WordPress.
  • Une fois le téléchargement terminé, vous obtiendrez un fichier ZIP contenant les fichiers WordPress.

3. Décompresser le fichier ZIP​

Décompression de l'archive WordPress

  • Localisez le fichier ZIP téléchargé sur votre ordinateur.
  • Faites un clic droit sur le fichier ZIP et choisissez "Extraire tout...".
  • Sélectionnez le dossier de vos Documents pour décompresser les fichiers WordPress.

4. Démarrer le serveur Web​

Démarrage du serveur Web intégré de PHP

  • Ouvrez le dossier de vos Documents dans l'Explorateur.
  • Saisissez cmd dans la barre d'adresse de 'Explorateur pour démarrer un terminal (invite de commande).
  • Changez le répertoire courant du terminal pour pointer vers le répertoire où vous avez décompressé WordPress : cd wordpress.
  • Une fois dans le répertoire WordPress, démarrez le serveur Web intégré de PHP en utilisant la commande suivante : php -S localhost:8000.
attention

Assurez-vous que PHP est installé et que le chemin d'accès à l'exécutable PHP est ajouté à votre variable d'environnement PATH.

Si besoin, consultez le tutoriel Installer PHP sous Windows

5. Démarrer le client Web​

Accès à la fenêtre d'installation de WordPress

  • Ouvrez votre navigateur Web préféré.
  • Saisissez l'URL suivante dans la barre d'adresse : http://localhost:8000.

6. Installer WordPress​

Réalisation des étapes de l'installation de WordPress

  • La page de bienvenue de WordPress vous demandera de choisir votre langue. Sélectionnez "Français" et cliquez sur "Continue".

  • La page suivante vous présentera les informations nécessaires pour l'installation. Cliquez sur "C’est parti !".

  • Entrez les détails de votre base de données (nom de la base de données, nom d'utilisateur, mot de passe, adresse de la base de données et préfixe de table). Cliquez sur "Envoyer".

  • WordPress vérifiera la connexion à votre base de données. Si tout est correct, cliquez sur "Exécuter l'installation".

  • Sur l'écran suivant, entrez le titre de votre site, le nom d'utilisateur admin, le mot de passe et l'adresse e-mail. Cochez l'option pour décourager les moteurs de recherche d'indexer votre site. Cliquez sur "Installer WordPress".

7. Utiliser WordPress​

Visualisation de votre site Web dans le navigateur

  • Une fois l'installation terminée, vous serez redirigé vers une page de confirmation avec un bouton "Se connecter". Cliquez sur ce bouton.
  • Connectez-vous avec le nom d'utilisateur admin et le mot de passe que vous venez de créer.
  • Vous serez maintenant dans le Tableau de bord de WordPress.
  • Pour voir votre site, il suffit de cliquer sur le bouton "Home" : .
astuce

Quand vous souhaiterez retourner au tableau de bord de votre WordPress,

il suffira d'ajouter /wp-admin à votre URL : http://localhost:8000.

Votre installation de WordPress est maintenant complète et vous pouvez commencer à personnaliser votre site.