| CM | TD | TP |
|---|---|---|
| 3 | 5 | 5 |
Utiliser WordPress :
Et pour moi :
Tout le monde veut un site web beau, responsive, intéractif, rapide, bien référencé, bien sécurisé...
et gratuit
Comment ils font ?
Langages de la programmation web :
Langage : beaucoup de liberté, mais on ne doit pas réinventer le roue
Framework : ensemble d'instructions dans un langage ; on peut faire moins de choses, mais on a moins de choses Ă contrĂ´ler.
Quelques frameworks :
On peut simplifier encore plus la programmation web avec un CMS : on réduit la liberté, et on améliore l'usabilité.
CMS (Content Management System, système de gestion de contenu) : logiciel pour gérer facilement un site web dynamique :
Quelques CMS : WordPress, Joomla!, Drupal, Squarespace, Vapid, TYPO3, MODX...
Le plus utilisé est WordPress pour plusieurs raisons : bonne documentation, de nombreux thèmes et extensions, interface intuitive.
WordPress est libre, sous licence GPLv2, mais développé par la société Automattic.
Créé en 2003 (très vieux). La version actuelle est la 5.2.3 (septembre 2019).
Attention !
Le CMS offre beaucoup plus de possibilités, et c'est gratuit.
Un site web avec WordPress contient
Pour acceder au back office, il faut s'idéntifier :
nom-du-site/wp-login.php
Le back office sert à paramétrer le site web. Le menu à gauche permet d'accéder à chaque section.
La plupart des pages du back office ont deux boutons (en haut Ă droite) :
Tout est très intuitif.
Par défaut on est sur le Tableau de bord (dashboard), qui affiche des informations générales sur le site web.
Un article est une rubrique éphémère, une actualité.
Il est daté, signé par un auteur, classé dans (au moins) une catégorie et avec des étiquettes.
Les articles sont souvent affichés dans une liste d'articles récents dans la page d'accueil.
L'éditeur de texte pour écrire des articles, appelé Gutenberg, est basé sur de blocs : paragraphe, titre, liste, image, etc.
Chaque contenu (texte, média, widget) est inséré dans un bloc dédié paramétrable.
Quelques blocs remarquables :
Bannière : mettre un texte avec une image derrière. On ajoute un effet de parallaxe avec l'option Arrière-plan fixe.
Média et texte : combiner un texte avec un média.
Lire plus : couper l'article pour que tout ne soit pas affiché dans les listes d'articles récents
Saut de page : faire une pagination, séparer l'article en plusieurs pages.
Espacement : ajouter un espace verticale entre les blocs.
Une catégorie regroupe des articles sous une thématique proche. On peut les imbriquer pour faire une hiérarchie.
Tout article doit être dans au moins une catégorie.
Ce sont des mots-clé ou tags pour retrouver un article par une recherche.
C'est moins structuré que les catégories.
Une page est comme un article, mais statique et permanent. Par exemple : la page de contact ou de présentation.
Une page n'a pas de catégorie, ni étiquette, ni auteur.
Les pages sont souvent accessibles via un menu.
On fait les menus dans Apparence/Menus
On choisit sa structure et son emplacement.
Le menu peut contenir aussi des articles, des catégories et des liens externes.
Différences entre catégories et étiquettes
Dans Médias on gère les images, fichiers de son et de vidéo du site web.
Ces fichiers sont sauvegardés dans le répertoire
wp-content/uploads/.
Dans Commentaires on peut gérer tous les commentaires sur tous les articles/pages.
Les réglages généraux se trouvent sur Réglages/Discussion.
Différences entre articles et pages
On gère la liste des utilisateurs dans Utilisateurs
Chaque utilisateur a un rôle : abonné (moins de droits), contributeur, auteur, éditeur ou administrateur (plus de droits), et voir un espace d'administration différent.
[Plus]
Une extension (plugin) est une fonctionnalité qu'on ajoute au site web.
Dans Extensions on a accès à toutes les extensions installées (actives ou pas).
Dans Apparence/Thèmes on ajoute et active le thème du site web.
On peut régler les paramètres d'un thème sur Apparence/Personnaliser : couleurs, en-tête, arrière-plan, etc.
Un widget est un plugin qui permet d'insérer une fonctionnalité sur le site web : calendrier, tag cloud, barre de recherche...
La liste de widgets se trouve sur Apparence/Widgets.
Les paramètres du site web, indépendants des extensions et du thème, sont dans Réglages. À noter :
Réglages/Permaliens pour choisir l'URL des éléments du siteRéglages/Lecture pour choisir la page d'accueilRéfléchir au sujet du site web que vous allez créer avec WordPress pour ce module.