Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
0% ont trouvé ce document utile (0 vote)
18 vues27 pages

CMS Wordpress

Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Télécharger au format pdf ou txt
Vous êtes sur la page 1/ 27

CMS Wordpress

5ème année - Génie logiciel et multimédia


Pr.ELHOZMARI MAJDA
2022/2023
Plan

 Introduction

 Environnement et caractéristiques

 Le tableau de bord de WordPress

 Le thème WordPress

 Les plug-ins

 WordPress avancé
Introduction : C’est quoi CMS ?

Un système de gestion de contenu (CMS) (Content Management System)


 Regroupe une catégorie de logiciels qui permettent de concevoir, gérer et
mettre à jour des sites Web ou des application mobile de manière
dynamique.
 Pour pouvoir être définis comme CMS, les logiciels doivent pouvoir :
 Etre utilisés simultanément par plusieurs individus
 Proposer une chaîne de publication de contenu
 Permettre de gérer séparément la forme et le contenu
 Gérer le système de versionning
 Avoir un contenue multilingue
Introduction : C’est quoi CMS ?

 Les CMS autorisent également la structuration du contenu d'un site Web


(catégories, pages, articles)
 La hiérarchisation des utilisateurs du site, en leur attribuant un titre précis
et/ou des autorisations particulières (administrateur, contributeur, etc.)
 Moteur de recherche est integré
 Gestion des accès protégé par login et mot de passe
 Gestion du Workflow
 Système de plugin
 Wordpress, Drupal, Adobe, Joomla.
Introduction : Pourquoi choisir WordPress ?

 Gratuit et Open source


 Respectueux a des standards
 Ergonomique
 Rapide a installer
 Personnalisable grâce a de nombreux thèmes et extensions
Introduction : Pourquoi choisir WordPress ?

 Gestion des pages


 Les commentaires
 Protection des articles par mot de passe
 Importer du contenu depuis divers plateforme
 Interface XML_RPC
 Bibliothèque de médiat (Video , images …)
 Puissant et modulable
WordPress : son histoire et ses particularités.

 Création 27 mai, 2003 (Matt Mullenweg et Mike Little)


 Version 1.1
WordPress : son histoire et ses particularités.

 May 2004
 Version 1.2
WordPress : son histoire et ses particularités.
 2012,
 Thème
 Gestionnaire des medias
 Aider les utilisateurs de créer les galeries d’image
 December 2013,
 WordPress 3.8 introduit MP6, nouveau interface admin interface
 Interface adapté a tous type et taille d'écran.
WordPress : son histoire et ses particularités.
 2015,
 WordPress 4.2, 4.3, et 4.4
 Introduit
 Localisation , Emojies, personnaliser les themes, et mise en place d'une infrastructure
pour l'API WordPress REST.
 EComerce pluging
WordPress : son histoire et ses particularités.
 In 2019,
 Version 5.1 et 5.2,
 Implement Site Health : afficher des notifications aux utilisateurs lorsqu'une
ancienne version de PHP est détectée.
WordPress : son histoire et ses particularités.
 2022,
 Version 5.9
 Plus de blocs edition de site
 nombreux thèmes WordPress commenceront à offrir une meilleure expérience
d'édition de site basée sur l'éditeur de blocs.
Environnement et caractéristiques

 Caractéristiques techniques de WordPress.


 WordPress nécessite PHP 5.2.5 ou ultérieur
 Une base de données mysql en version 5,0 ou ultérieur.
 Le code généré est valide W3C, donnant une très bonne base pour
traiter les problématiques d’interopérabilité, d’accessibilité et de
référencement naturel
 Possède une Interface XML-RPC, permettant la mise à jour du site à
partir d’un autre site ou d’une application cliente (notamment pour les
environnements mobiles tels que iOS, Android, BlackBerry, windows
phone,…),
 Import de données, wordpress importe facilement les données
provenant de plateformes de blogs (tumblr, wordpress.com,
blogger,…).
 Compatible avec toutes les offres Cloud du marché respectant les
prérequis PHP, MySQL.
Environnement et caractéristiques

 Fonctionnement de WordPress.
 Être Open Source est l’un des avantages de WordPress. Et grâce
à sa licence GPL « General Public Licence » on peut consulter le
code source et le modifier sans contrainte juridique.

 Et cette licence implique plusieurs choses :

 Tout le monde peut créer des forks de WordPress ;


 Tout le monde peut lire le code du CMS, le modifier et le partager,
etc.
Environnement et caractéristiques

 Fonctionnement de WordPress.
 Les langages de WordPress
Plusieurs langages informatiques sont utilisés pour son fonctionnement :
 PHP : pour faire fonctionner WordPress
 SQL : une base de données pour stocker vos contenus
 HTML : pour générer le rendu des contenus
 CSS : pour la mise en forme des contenus
 JavaScript : pour enrichir les fonctionnalités du site
 API REST. : pour permettre d’envoyer et de recevoir des données au format JSON
 Calypso : c’est une interface d’administration du CMS
 Gutenberg : l’éditeur actuel
Environnement et caractéristiques
 Environnement technique :
client/serveur
PHP
 PHP est un langage de script HTML exécuté du côté du serveur. Il veut
dire « PHP : Hypertext Preprocessor ». Sa syntaxe est largement inspirée
du langage C, de Java et de Perl, avec des améliorations spécifiques.
Le but du langage est d'écrire rapidement des pages HTML dynamiques.

 Utilisation pratique –
 Forums et Messageries –
 Commerce électronique –
 Banque / Comptes en ligne –
 Publication en ligne –
 Moteurs de recherche –
 Tout ce que vous voulez, (sauf les jeux)
PHP : Pages statiques vs pages

 Une page statique et une page écrite directement en


HTML. Elle peut éventuellement incorporer du code
Javascript lui donnant un semblant de 'dynamisme' mais
uniquement du côté du navigateur et des données
locales.
 Pour des traitements plus lourds nécessitant l'accès à
une base de données, un formatage de tableau en
fonction de résultats, une recherche poussée, du
graphisme, il faut passer par des pages dynamiques et
par un langage qui sera exécuté du côté du serveur :
ASP sur les serveurs Microsoft/IIS, Perl, PHP...
Pages dynamiques et PHP

 PHP est un langage côté serveur. Lors du chargement d'une


page PHP, c'est le serveur qui va lire, interpréter et exécuter le
code.
 Puis il renvoie le résultat, généralement sous la forme de code
HTML au navigateur. Ainsi le navigateur et l'utilisateur ne
voient jamais le véritable code PHP exécuté.
 De plus le résultat étant une page web classique en HTML,
pas besoin d'installer sur le client des composants spécifiques
(java, ...). Il n'y a donc pas de notion de vitesse d'exécution
du côté du client, mais celle du serveur est prépondérante.
Exemple
WordPress : Structure

De base WordPress permet de poster 3 types de


contenu:

Post (Contenue dynamique )


Page (Contenue statique )
Attachement (contenue multimédiat)
WordPress : structure (Article)

Les articles (Posts) peuvent contenir :


 Titre : le titre du poste
 ID : identifiant unique du post
 Content : le contenu en HTML
 Author : chaque post est attribué à un seul auteur
 Date : la date et heure de publication du post
 Category : un post appartient à au moins 1 catégorie
WordPress : structure (Page)

 Une page Sert à publier du contenue statique, exemple page « A Propos»


qui décrit l’objet du site.
 Coté technique, une page est quasiment identique au post, a savoir elle
possède aussi un titre ID…
 Une page n’a pas de catégorie ni tag
 Une page peut être enfant ou parent d’une autre
 Pour plusieurs pages d’un même niveau un ordre peut être établi.
 Des templates.si vous souhaitez qu’une certaines pages ait un design
particulier
WordPress : structure (thème)

 Apres avoir entré votre contenu dans le BO ,Wordpress se charge de


l’afficher sur votre thème
 Un thème est un dossier que l’on place dans wp-content/themes. Il
contient :
 Style CSS
 Index.php
 Screenshot.png
 Des templates
WordPress : structure (Plugin)

 Elementor web site builder : construire les pages avec un bon design
 Yoast seo : géré le référencement
 Wp fastest cach : gérer la cache et accélérer la vitesse de chargement du
site
 Updraft plus : faire la sauvegarde automatique du site. Si il ya une mise
ajour du plugin oubien theme le site peut retrouver un bug donc le site
devient inaccessible, vous pouver donc faire la restauration.
 Cookie notice : faire la notification de cookies pour etre conforme au
RPGD
 Formidable form : pour construire les formes
 WordFence : Detecter les attaques
Travailler en local et en ligne
Travailler en local et en ligne

Vous aimerez peut-être aussi