5. Client serveur - wordpress
Comment un serveur écoute ses clients ?
Durée approximative de l'activité pratique (4h) :
Vous prendrez une feuille pour noter votre avancement et faire des notes pour chacune des étapes ci-dessous. Un rendu feuille par élève.
Le compte rendu final sera à déposer sur filezilla en fin de séance.
Préambules :
Dézipper les archives :
- xamp -> Dans c:\xamp si il existe déjà, écraser les fichiers
- wordpress -> dézipper et copier son contenu dans C:\xampp\htdocs\wordpress
Le but de l'activité pratique est de vous expliquer comment on met en oeuvre un serveur web hébergeant un logiciel permettant de mettre à disposition un site Web d'une part et d'autre part comment un client fait pour s'y connecter.
Wordpress est un CMS mais qu’est-ce qu’un CMS ?
Un système de gestion de contenu ou CMS pour abréger est une application capable de créer, de modifier et de publier du contenu numérique. Dans la plupart des cas, il prend également en charge plusieurs utilisateurs, ce qui leur permet de travailler en collaboration. Par exemple, dans WordPress, il est possible de créer plusieurs utilisateurs administratifs, chacun ayant des privilèges différents. Les systèmes de gestion de contenu incluent également des fonctionnalités de texte et de formatage, la possibilité de télécharger des vidéos, des photos, de l’audio, des cartes ou même votre propre code.
Un système de gestion de contenu se compose de deux composantes principales:
- Une application de gestion de contenu (CMA). Le CMA peut être appelé interface utilisateur graphique (GUI) qui permet à un utilisateur de créer, modifier, supprimer et publier du contenu sans jamais avoir besoin de connaissance du langage HTML ou d’autres langages de programmation.
- Une application de livraison de contenu (CDA). Le CDA est responsable des services de back-end qui gèrent et fournissent du contenu après qu’il soit dans la RMR.
D’autres caractéristiques à mentionner sont les suivantes:
- URL compatibles avec le référencement
- Support en ligne et communautés
- Fonctions utilisateur / groupe
- Divers modèles et modèles
- Assistants d’installation et mises à jour / mises à jour
Les trois systèmes de gestion de contenu les plus populaires dans le monde sont WordPress, Joomla et Drupal.
Installation de Wordpress
Etape N°1: Lancer tout d'abord xamp à l'aide de
, une fenetre s'affiche, si il n'y a pas écrit erreur c'est bon signe :

Puis faites
un tableau de bord s'affiche :

Si les deux premières lignes sont au vert et que vous arrivez à accèder à l'adresse suivantes:
http://localhost, vous pouvez continuer.

Cliquez maintenant sur admin de la seconde ligne, vous avez maintenant accès à votre premier serveur qui est un serveur de base de donnée.

Nous allons créer une base de données vierges afin que wordpress puisse s'installer. Appuyez sur "Nouvelle base de données" puis choisissez un nom pour votre base par exemple wordpress puis le numéro du binôme ou effacer la base de donnée si elle existe déjà, choisissez alors l'encodage de la base de donneés. On choisira par préférence utf8_general_ci qui permet d'être générique et de stocker les différents caractères de part le monde dans la base de données.

La partie base de données est maintenant terminée.
Etape N°2: Il faut maintenant dézipper le fichier wordpress et copier son contenu dans C:\xampp\htdocs
vous avez maintenant un nouveau répertoire en plus :

Maintenant allez à l'url suivante pour lancer l'installation de wordpress :
http://localhost/wordpress/wp-admin/setup-config.php
Etape 1 :

Etape 2 :

Etape 3 : mettez root comme identifiant avec un mot de passe vide. Attention si vous deviez faire cette installation dans un environnement ouvert, vous choisireriez un mot de passe fort.

Etape 4 :

Etape 5 : Vous allez devoir indiquez une adresse de messagerie, préférez une adresse mail d'un compte secondaire et non pas votre adresse personnelle

Etape 6 : Message de succès puis vous pouvez utiliser la mire de connnexion pour vous logguer.

Utiliser l'adresse mail pour vous y connecter.
Vous voila sur wordpress

Vous pouvez maintenant créer votre propre site web avec une facilité déconcertante.

Utilisation de Wordpress
Étape 2 – Naviguer dans le tableau de bord WordPress
Une fois l’installation terminée, la première chose que vous voudrez faire est de vous connecter au tableau de bord de l’administrateur WordPress. Habituellement, il existe un lien vers la page de connexion sur le blog WordPress. Cependant, certains thèmes n’ont pas ce lien. Dans ce cas, la façon la plus simple de se connecter à WordPress est en ajoutant wp-admin à la fin de l’adresse de votre site Web comme ceci:
http://127.0.0.1/wordpress/wp-admin
Cette URL vous dirigera vers l’écran de connexion où vous devrez entrer le nom d’utilisateur et le mot de passe de l’administrateur. Rappelez-vous, vous avez entré ces informations pendant l’installation de WordPress. Si vous avez oublié votre mot de passe, cliquez sur Perdu votre mot de passe ?

Après avoir ouvert une session, vous verrez le tableau de bord de l’administrateur. Il est conçu pour vous donner un aperçu de votre site Web complet et contient 3 sections principales:

- Une barre d’outils en haut de la page. Elle contient des liens vers les fonctions et les ressources d’administration les plus couramment utilisées. Par exemple, si vous parcourez le nom de votre site Web, vous obtiendrez un lien vers la version publique de votre site. Il affiche également des notifications simples, comme des mises à jour et des nouveaux commentaires.
- Le menu de navigation principal sur le côté gauche. Il contient des liens vers tous les écrans administratifs de WordPress. Si vous passez la souris sur un élément de menu, un sous-menu avec des éléments supplémentaires sera affiché.
- L’espace de travail principal.
La première fois que vous vous connectez au panneau d’administration de WordPress, vous verrez un module de bienvenue qui contient des liens utiles pour vous aider à démarrer. Une fois que vous êtes à l’aise avec le tableau de bord, appuyez sur le bouton Dismiss/Cacher pour cacher ce module.
Autres modules :
- D’un coup d’oeil – cet espace vous indiquera le nombre de messages, de pages et de commentaires que vous avez. Il affiche également la version et le thème WordPress que vous exécutez.
- Activités vous donne un peu plus d’informations sur vos dernières articles et commentaires. Il montre l’état de tous les commentaires et une courte liste des commentaires les plus récents.
- Brouillon rapide . La saisie de contenu dans cette boîte créera une nouvelle article sur le blog. Cependant, vous ne pouvez pas publier l’un ici, car cette boîte est uniquement pour prendre des idées de blog pour vous revenir plus tard.
- Nouvelles de WordPress . Ce module affiche les dernières nouvelles de WordPress.
Chacune de ces fenêtres a une flèche que vous pouvez utiliser pour masquer rapidement la boîte. Vous pouvez également les faire glisser et déposer à différents endroits.
Étape 3 – Article de contenu
La création d’un site Web avec WordPress commence par la création d’un nouvel article ou d’une nouvelle page. Vous vous demandez peut-être quelle est la différence entre les articles et les pages?
La réponse est simple. Les messages de WordPress peuvent être catégorisés, marqués, archivés. Les messages WordPress sont utilisés pour publier du contenu daté. En revanche, les pages sont principalement destinées au contenu statique et sans date. Ils n’ont pas de catégories ou d’étiquettes. Contactez-nous ou À propos sont de bons exemples de pages.
Étape 3.1 – Créer un nouvel article
Pour créer un nouvel article WordPress, ouvrez la section Ajouter sous Articles ou sélectionnez Créer -> Article dans la barre d’outils supérieure.
Vous recevrez un écran d’édition avec un ensemble de fonctionnalités d’affichage. Premièrement, entrez un titre pour votre article. Deuxièmement, entrez le contenu de votre article dans le champ du dessous. Si vous souhaitez formater votre texte, utilisez les options de la barre d’outils. Il est similaire à celui que vous pouvez trouver dans MS Word ou tout autre éditeur de texte.
Sur le côté droit de l’écran, vous pouvez voir les méta-boîtes. Chaque boîte a une fonction particulière.
- Publier . Ici, vous pouvez modifier l’état et la visibilité de votre article, le planifier. En cliquant sur le bouton Publier , votre article sera diffusé directement. Si vous décidez de supprimer l’article, appuyez sur le bouton Déplacer vers la corbeille .
- Catégories . Dans cette boîte, vous pouvez affecter votre article à une catégorie spécifique. Vous pouvez même en créer un en appuyant sur le bouton + Ajouter.
- Les étiquettes permettent d’ajouter rapidement de nouvelles étiquettes pour trouver votre article plus aisément.
- Image à la Une. Ici, vous pouvez attribuer une image en vedette à un article. Il sera visible en haut de l’article (l’emplacement de l’image peut être différent selon le thème).
Étape 3.2 – Créer une nouvelle page
Pour créer une nouvelle page WordPress, ouvrez la section Ajouter sous le menu Pages ou cliquez sur Créer -> Page dans la barre d’outils supérieure.
Vous verrez que l’éditeur de texte WYSIWYG est identique, tout comme la section Articles. Ainsi, la procédure d’entrée et de formatage de texte est la même.
Vous pouvez également constater que la section Pages n’a pas de méta-boîtes de tags et de catégories. Au lieu de cela, il a une boîte appelée Attributs. Dans cette section, vous pouvez modifier l’ordre de vos pages et définir les pages parents. Ceci est utile si vous souhaitez avoir plusieurs pages sous une page parent.
Étape 4 – Installation de plugins WordPress
Le but principal des plugins WordPress est d’étendre les fonctionnalités de WordPress. Juste en installant et en activant un plugin, vous pouvez ajouter de nouvelles fonctionnalités au site WordPress sans aucune connaissance du codage. Il existe des milliers de plugins gratuits et payants construits à des fins différentes: du partage de médias sociaux à la sécurité. Ainsi, vous trouverez sûrement un plugin qui correspond à vos besoins.
L’installation de plugins WordPress est une tâche facile même pour un débutant. Des plugins Free et Freemium sont disponibles sur le répertoire de plugins WordPress.org. Tout comme les thèmes, ceux-ci peuvent être installés en utilisant l’installateur WordPress intégré. Pour installer un plugin WordPress, appuyez sur le bouton Ajouter sous Extensions et entrez le nom du plugin que vous souhaitez installer dans le champ de recherche. Appuyez sur Installer , puis sur Activer.
Il existe des milliers de plugins WordPress Premium (payants) qui ne peuvent pas être installés à partir du répertoire officiel de plugins WordPress. Si vous avez acheté un plugin premium, vous devrez le télécharger manuellement sur WordPress. Le processus est assez similaire à l’installation des thèmes. Pour continuer, appuyez sur le bouton Ajouter sous Plugins et cliquez sur Mettre une extension en ligne . Maintenant, sélectionnez une archive de plugin et téléchargez-la. Enfin, installez et activez le plugin. Si vous avez besoin d’un guide détaillé, consultez ce didacticiel

Plugins WordPress essentiels
Il existe tellement de plugins WordPress – il est difficile de choisir le bon. En fait, plusieurs plugins peuvent répondre au même problème, par exemple, il existe des douzaines de plugins de mise en cache WordPress. C’est pourquoi nous avons décidé d’énumérer les plugins WordPress qui sont essentiels pour chaque blog WordPress.
- Google Sitemaps XML. Ce plugin générera automatiquement des cartes de site XML pour une meilleure optimisation des moteurs de recherche. Il est facile à utiliser et à le mettre à jour régulièrement.
- Yoast SEO. Probablement le plugin SEO le plus populaire pour WordPress. Cela vous aidera à améliorer l’optimisation des moteurs de recherche. Des méta-tags à des suggestions d’écriture – Yoast SEO plugin a tout.
- Wordfence Security. Ce plugin gardera votre WordPress en toute sécurité contre les pirates informatiques et les logiciels malveillants. Il dispose de modules de pare-feu et de logiciels malveillants qui sont super utiles.
- Contact Form 7 . Un plugin de formulaire de contact WordPress simple mais très puissant. Créez un formulaire de contact ou même de génération de leads avec ce plugin.
Il n’est pas conseillé de surcharger WordPress avec des douzaines de plugins, car cela peut réduire les performances du site. Gardez votre WordPress propre en installant uniquement des plugins essentiels et en supprimant ceux que vous n’utilisez pas.
Étape 5 – Installation de thèmes WordPress
L’apparence du site WordPress peut être modifiée en appliquant des thèmes. Il existe des thèmes WordPress gratuits et premium. Certains d’entre eux sont universels et peuvent être utilisés sur n’importe quel site Web. D’autres sont conçus dans un but bien spécifique, par exemple, les thèmes e-commerce.
WordPress a rendu l’installation de thèmes très simple. Il suffit littéralement de quelques minutes pour installer des thèmes WordPress gratuits. Pour ce faire, accédez à la section Apparence et recherchez un thème intéressant . Vous pouvez même filtrer les thèmes par fonctions ou couleurs.
La fonctionnalité de prévisualisation de thème vous permet de voir comment votre site Web apparaîtra avec un thème. Ceci est utile, car cela vous permettra d’économiser du temps – vous n’aurez plus à installer plusieurs thèmes pour trouver le thème adapté à vos besoins.
La méthode ci-dessus convient uniquement aux thèmes gratuits. Que se passe-t-il si vous avez acheté un thème premium ? Dans ce cas, vous devrez charger les fichiers de thème manuellement. Accédez à la même section Apparence –> Thèmes –> Ajouter , appuyez sur le bouton Mettre un thème en ligne et sélectionnez le fichier .zip du thème. Cela peut prendre jusqu’à quelques minutes pour que le processus de téléchargement soit terminé. Une fois cela terminé, il suffit d’Activer le thème. Besoin d’étapes plus précises? Consultez un didacticiel complet sur comment installer des thèmes .

Étape 6 – Garder WordPress mis à jour
L’un des facteurs les plus importants pour avoir un environnement sécurisé est de toujours mettre à jour et d’utiliser la dernière version de WordPress, des thèmes et des plugins. La plupart des mises à jour incluent les ajustements de sécurité, les corrections de vulnérabilité et les empêchent d’être exploitables dans les versions futures. Une pratique courante chez les pirates informatiques est qu’ils profitent des pages Web qui utilisent une version obsolète de WordPress avec une vulnérabilité connue.
Par défaut, WordPress est automatiquement mis à jour lors de la publication d’une nouvelle version, mais cela peut ne pas toujours fonctionner ou la fonctionnalité peut être désactivée sur certains hébergeurs. Généralement, lorsqu’une nouvelle version de WordPress arrive, une notification s’affiche en haut de votre tableau de bord. Vous pouvez également mettre à jour vos thèmes et vos plugins via la section Dashboard-> Mises à jour .

Étape 7 – Utilisation de noms d’utilisateur et de mots de passe uniques
Admin est le nom d’utilisateur défini par défaut dans toutes les installations WordPress. Il est fortement recommandé de le modifier, car il ajoutera une couche supplémentaire de sécurité à vos identifiants de connexion. Imaginez une situation où quelqu’un connaît votre mot de passe, mais il ne connait pas le nom d’utilisateur. Le résultat final est que la personne ne pourra toujours pas accéder à votre tableau de bord parce qu’il ne connait pas le nom d’utilisateur. Laisser le nom admin en administrateur peut rendre le travail du piratage beaucoup plus facile, donc il devrait toujours être changé.
Lors de la configuration d’un mot de passe, assurez-vous d’inclure des chiffres, des lettres majuscules et des symboles spéciaux. Dans le cas où vous rencontrez des difficultés à vous souvenir de tous les mots de passe, vous pouvez les stocker en utilisant des outils tels que Last Pass. Cela vous permettra de ne plus vous soucier de vous souvenir de tous les mots de passe différents tout en vous permettant de d’avoir des mots de passes très difficiles à deviner.
Étape 8 – Sauvegarde de WordPress
La génération de sauvegardes est une tâche cruciale pour tout site Web. Non seulement cela augmentera votre sécurité, mais cela vous fournira également un moyen fiable de restaurer votre site en cas d’erreurs ou de problèmes inattendus. Vous pouvez effectuer une sauvegarde manuellement ou utiliser une automatisation . Le processus manuel implique le téléchargement des fichiers et la base de données MySQL d’un site WordPress. Toutefois, si vous créez de nouveaux messages, modifiez ou gérez plusieurs sites Web différents, tout télécharger manuellement à chaque fois peut-être un véritable problème.
De plus, de nos jours, la plupart des fournisseurs d’hébergement offrent des sauvegardes automatiques de compte. En tant que mesure de sécurité supplémentaire, vous pouvez utiliser des plugins WordPress pour automatiser les sauvegardes mensuelles, hebdomadaires ou même quotidiennement. Cela vous permettra d’économiser beaucoup de temps et vous donnera également l’option de stocker les fichiers et la base de données WordPress de sauvegarde dans un emplacement à distance tel que DropBox . Vous pouvez utiliser ces plugins :
- UpdraftPlus qui est un plugin avec la possibilité de sauvegarder WordPress dans un emplacement distant et le restaurer.
- BackUpWordPress est un plugin de sauvegarde léger avec automatisation. Il vous permet d’exclure certains dossiers, de programmer sa date d’exécution et de prendre en charge plusieurs langues différentes.
|
<<< Questions >>> |
|
Pour les questions suivantes, vous répondrez sur votre copie et indiquerez les références aux fichiers que vous aurez utilisé. Sauvegarder chaque version de votre programme avec le numéro de question dans le nom du fichier. Q2.1 Expliquer à quoi sert un CMS (pas de copier-coller) Q2.2 En quoi l'architecture client-serveur est-elle utile pour wordpress ? Q2.3 Faites l'installation du CMS wordpress sur votre poste. Quelle difficulté avez-vous rencontrée ? Combien de temps avez-vous mis ? Q2.4 Quelle url allez-vous utiliser pour accèder à l'écran d'administration ? Q2.5 Quelle est la différence entre un article et une page ? Q2.6 Créer un article sur la section SIN du lycée edmont labbé. Mettez une image de la salle, expliquer ce que l'on y fait sommairement. Q2.7 Créer une page de demande de renseignement sur la section SIN du lycée edmont labbé. Q2.8 Quelles sont les deux types de plug'in existant pour wordpress ? Q2.9 Donnez le nom d'un plug-in qui pourrait gèrer le RGPD dans votre site web ? Q2.10 Pourquoi faut-il que wordpress soit toujours mis à jour ? Q2.11 Quelle est la version la plus récente de wordpress ? Que pensez-vous de cette version par rapport à celle que vous venez d'installer ? Quel est le risque encouru à utiliser cette version ? Q2.12 Comment sécuriser un peu plus wordpress ? Comment s'appelle le gestionnaire de mot de passe ? Comment cela fonctionne-t-il ? Q2.13 Pourquoi faut-il avoir une sauvegarde de son site ? Quel est le but ? Mini-Projet : Q2.14 Ajouter 3 articles par rapport à votre projet Trebuchet réalisés avec les ITEC. Le but est de représenter l'option concrètement et sous forme de site web. Faites valider par votre professeur Q2.15 Dans mon entreprise, il y a plusieurs personnes qui peuvent contribuer aux sites web. Comment faire pour qu'il puisse interagir intelligemment entre eux ? Delphine s'occupe de la validation des articles. Georges est sur le terrain et il prendre les photos et images, il crée des articles. Fabien est aussi sur le terrain et occupe le même rôle que Georges. Didier est indépendant et publie des articles de cuisine indépendamment des autres membres de son équipe. Les lecteurs de leur site souhaitent être alertés des nouveaux contenus quand ils sont publiés. Rappler les différents rôles possible sous wordpress et proposer une distribution de rôles par utilisateur. Q2.16 Que pensez-vous de wordpress ? Donnez deux avantages et deux inconvénients à utiliser cette solution CMS. Q2.17 Faites une synthèse au format A4 de l'activité. Faites ressortir la chose essentielle pour vous par rapport à l'activité. |
Créé avec HelpNDoc Personal Edition: Outil de création d'aide complet