• 10 heures
  • Moyenne

Ce cours est visible gratuitement en ligne.

course.header.alt.is_certifying

J'ai tout compris !

Mis à jour le 07/12/2022

Installez WordPress

Installez WordPress

Pour faire fonctionner WordPress, il va falloir créer un serveur web avec PHP, et une base de données MySQL. Nous faisons le choix dans ce cours de travailler en local sur votre ordinateur. 

Créez un serveur web local avec PHP

Dans le cas de MAMP, les fichiers que nous souhaitons exploiter pour notre site web devront se trouver dans les dossiers suivants :

  • dans  C:\MAMP\htdocs  sous Windows ;

  • ou dans  /Applications/MAMP/htdocs  sous Mac.

Dans le cadre de notre projet fil rouge, nous allons créer un dossier dédié que nous appellerons bricotips  dans le dossier htdocs  .

Nous garderons cette adresse web pour notre site WordPress tout le long de ce cours. Par la suite, vous pourrez bien sûr déployer votre site WordPress en ligne, et utiliser votre propre nom de domaine.

Créez la base de données

Nous allons donc créer une nouvelle base de données que l’on nommera “bricotips”.

Nous ajoutons une nouvelle base de données bricotips dans phpMyAdmin
La base de données bricotips ajoutée dans phpMyAdmin

Téléchargez le code source du WordPress

Pour installer WordPress, il va falloir récupérer son code source, c'est-à-dire l’ensemble des fichiers permettant à l’application de fonctionner.

Pour récupérer le code source, il suffit d’aller sur le site WordPress français, à https://fr.WordPress.org/, et de cliquer sur le bouton bleu en haut à droite, “Obtenir WordPress”.

On clique sur le bouton
Le bouton pour aller sur la page de téléchargement de WordPress

La page de téléchargement vous présentera différentes solutions pour héberger votre site WordPress. Nous n’en tiendrons pas compte, car nous allons l’installer en local sur l’ordinateur : nous avons juste besoin du code source. Pour cela, vous trouverez plus bas le bouton “Télécharger WordPress X.X.X”.

Le bouton de téléchargement du code source de WordPress
Télécharger le code source de WordPress

Procédez à l’installation et à la première connexion

Maintenant que nous avons téléchargé le code source, voyons ensemble pas à pas comment installer WordPress sur notre serveur, et effectuer la première connexion :

Félicitations, votre site est installé et prêt à être modifié !

Installez un thème

Au moment de l’installation de WordPress, un thème est activé par défaut. En général, c’est le dernier thème proposé par les créateurs de WordPress.

Pour ce cours, nous utiliserons le thème “Twenty Twenty”. Pour l’activer, il faut aller dans le back office, puis dans la section Apparence/Thèmes du menu latéral. Vous y verrez les différents thèmes disponibles sur votre installation WordPress, que vous pourrez activer.

Dans la section Apparence/Thèmes, nous voyons la liste des thèmes installés et activables
Liste des thèmes installés et activables

Il est possible qu’au moment où vous suivez ce cours, le thème “Twenty Twenty” ne soit pas disponible. Cela n’est pas grave, car en cliquant en haut sur le bouton “Ajouter”, vous arriverez sur une page vous permettant de rechercher et d’installer des thèmes créés par la communauté. Donc au besoin, cherchez-y le thème “Twenty Twenty” et installez-le.

Une fois que le thème est disponible sur la page Apparence/Thèmes, il suffit de passer la souris par-dessus, et de cliquer sur “Activer”.

Votre thème est maintenant activé, et vous constaterez un affichage différent sur la page d’accueil.

Une capture d'écran de la page d’accueil du BricoTips avec le thème Twenty Twenty activé
La page d’accueil du thème Twenty Twenty activé

Paramétrez un thème

Chaque thème dispose de paramètres spécifiques qui ont une incidence sur l’affichage des pages. En général, on retrouve tout ce qui est lié :

  • au logo ; 

  • aux couleurs ;

  • au nom du site

  • aux menus

  • et aux pages principales

Mais certains thèmes ont des paramètres complémentaires pour pousser encore plus loin la personnalisation. C’est au cas par cas.

Mais où se passe cette personnalisation ?

Une fois qu’un thème est activé, vous trouverez l’accès à la personnalisation dans le back office, dans Apparence/Personnaliser.

Nous allons personnaliser ensemble le thème Twenty Twenty dans la vidéo qui suit. Nous aurons donc besoin du logo de BricoTips et du favicon. Vous pouvez télécharger ces images en ZIP sur ce lien.

Notre thème est maintenant personnalisé, mais cela ne nous empêchera pas de revenir sur certains réglages (notamment la partie Menu, une fois que nous aurons créé les premières pages).

En résumé

  • WordPress nécessite un serveur PHP et une base de données MySQL pour être installé, que ce soit sur votre ordinateur ou sur un serveur en ligne.

  • Avant l’installation, il faut bien créer une base de données MySQL en utilisant phpMyAdmin, par exemple.

  • Pour installer WordPress, il faut récupérer le code source sur le site officiel français à https://fr.WordPress.org/

  •  Une fois les fichiers sources sur le serveur, l’installation se fait étape par étape en accédant à l’URL du serveur web pointant sur votre dossier d’installation.

  •  Une fois WordPress installé, vous pouvez télécharger et/ou activer les thèmes de votre choix, et les personnaliser directement dans le back office.

Maintenant que nous avons installé WordPress et un thème, nous allons aborder comment créer un thème enfant et comment personnaliser notre propre thème WordPress. Suivez-moi dans le prochain chapitre !

Exemple de certificat de réussite
Exemple de certificat de réussite