WordPress en bref

1. Présentation CMS

Content Management System (Système de gestion de contenu).

= Un CMS est une application Web qui permet de créer et gérer des sites Web sans aucune connaissance technique et qui est indépendante de tout prestataire.

—> un bon CMS : facilité, flexibilité, scalabilité

Quelques CMS : WordPress > Joomla, Magento > Shopify, Drupal, E-majine, Ez, Prestashop, Typo3, Dotclear, Spip…

2 côtés d'un CMS :

• Le Front-end = face publique.

• Le Back-end = face cachée du site.

2. Installation du CMS WordPress

Présentation de WordPress

• WordPress est un système de gestion de contenu gratuit (SGC ou content management system (CMS) en anglais) et open-source.

• Ce logiciel libre écrit en PHP repose sur une base de données MySQL et est distribué par l'entreprise Américaine Automattic.

• Les fonctionnalités de WordPress lui permettent de créer et gérer différents types de sites Internet : Blog, site e-commerce, site vitrine ou encore portfolio.

• Il est distribué selon les termes de la licence GNU GPL version 2.

• Le logiciel est aussi à l'origine du service WordPress.com.

Différence entre WordPress.org et WordPress.com

wordpress.org

• Site officiel du CMS

• Téléchargement de la version open source

• Thèmes

• Extensions

• Documentation

• Besoin d'avoir son propre hébergeur et son nom de domaine

wordpress.com

• Plateforme d'hébergement gratuite pour les sites WordPress

• Créée, hébergée et maintenue par la société Automattic.

• Service de base gratuit puis extensions payantes

• Différentes offres: personnel, prémium et entreprise

• Maintenance réalisée par Automattic.

• Pas d'accès au FTP

• Publicité

• Personnalisation limitée

La plupart des CMS fonctionnent avec un système de trois serveurs, chacun d’entre eux ayant un rôle dédié :

• Le serveur Web : Exemple(Apache, Nginx, IIS)

• Le serveur de base de données (MySQL, MariaDB, Oracle, Informix, SQL Server).

• Le serveur d’application. Le serveur le plus utilisé s’appelle Apache avec le module PHP.

WAMP (ou LAMP)

Les rôles de ces quatre composants sont les suivants :

• Linux ou Windows assure l'attribution des ressources aux autres composants (Rôle d'un Système d'exploitation ou OS pour Operating System) ;

• Apache est le serveur web « frontal » : il est « devant » tous les autres et répond directement aux requêtes du client web (navigateur) ;

• MySQL est un système de gestion de bases de données (SGBD). Il permet de stocker et d'organiser des données ;

• Le langage de script PHP permet la génération de pages web dynamiques et la communication avec le serveur MySQL

Il existe plusieurs packaging qui permettent de configurer un WAMP :

• EasyPHP : http://www.easyphp.org/

• WampServer : http://www.wampserver.com/

• Xampp : https://www.apachefriends.org/fr/index.htm

Installation

Télécharger et installer WampServer : https://sourceforge.net/projects/wampserver/

—> On a accès à localhost/phpmyadmin/ pour gérer les bases de données (MySQL ou MariaDB).

Dans PhpMyAdmin, on se connecte à MySQL et on crée une base de données vide (ex : hello-world-db).

Télécharger WordPress : https://fr.wordpress.org/download/#download-install

—> On a accès en local au projet avec http://localhost/hello-world/.

On se connecte à la base de données précédemment créée.

On lance “l’installation”.

On se connecte.

On arrive bien sur le tableau de bord du site.

3. L’administration du site (back office)

Tableau de bord = accueil de l’administration

Barre d’outils

Menus d’administration

Ecrans d’administration (modules)

Options de l’écran

Réglages du site

4. Les articles

Actualité chaude.

Notion d'article

Créer un article

Administrer un article

Connaître son workflow de publication

Classer les articles dans des catégories = obligatoire

Associer des mots-clés

Afficher les articles ~ selon le thème choisi

Gérer les permaliens

Gérer les widgets

S’abonner au flux RSS

5. Les pages

Actualité froide.

Notion de page

Créer une page

Administrer une page

Gérer les menus

Gérer les widgets

6. Les medias

Notion de média

Gérer les médias

Définir des tailles de médias

Référencement du média

7. La mise en forme du contenu

Mettre en forme le contenu des articles et des pages

Mettre en forme du texte au niveau des caractères et des paragraphes

Insérer des images simples

Insérer des galeries d’images

Apercevoir les contenus

8. Les commentaires

Notion de commentaire

Créer un commentaire

Administrer les commentaires

9. Les utilisateurs

Notion d'utilisateur

Créer un utilisateur

Gérer l'utilisateur

Optimiser les droits des utilisateurs en fonction de leur rôle

10. Les extensions

https://wordpress.org/plugins/

Découvrir les extensions

Utiliser les extensions

Rechercher les extensions

Choisir une extension en fonction de différents critères

11. Les mises à jour

Découvrir les mises à jour

Éviter les pièges

12. Les thèmes

Découvrir les thèmes

Utiliser les thèmes

Rechercher les thèmes

Choisir un thème en fonction de différents critères

Paramétrer un thème

13. La sauvegarde et la restauration

Sauvegarder son site

Restaurer son site

Site local

Site distant

14. Gutenberg

Désuet.

15. WordPress et PHP

Découvrir l'interaction entre WordPress et PHP

Découvrir le codex

codex WordPress est le guide de référence officiel de WordPress

Découvrir la boucle et ses fonctions

bloginfo()

wp_nav_menu()

Découvrir les filtres

Découvrir les hooks

Découvrir les actions

Découvrir les globales

Découvrir les classes

Découvrir WP_Query

Découvrir wpdb

Découvrir les principales méthodes de requêtes pour la base de données

16. Les thèmes enfants

Découvrir les thèmes enfants

Créer un thème enfant

Utiliser un thème enfant

Paramétrer un thème enfant

(+) Seul le fichier functions.php n’écrase pas le parent. Il est chargé en plus, et avant le fichier functions.php parent.

17. La création de son propre thème

Principe des zones d’affichage

La structure des thèmes

Les fichiers des thèmes

L’appel des fichiers

Les templates

Créer une boucle

Les marqueurs

18. La création de sa propre extension

Créer un fil d’Ariane dans functions.php

Créer une extension Widget avec PHP

Créer une extension avec PHP/MySQL

19. Sécuriser son site

20. Liens utiles

{Bonus} WordPress sans WampServer

Merci à Pierrick Anceaux.

L’objectif est de pouvoir utiliser WordPress sans WampServer, à travers un IDE (ici, PhpStorm). [créer la db]

Le plus simple a été d'avoir utilisé PhpStorm pour un projet 'bidon' (Symfony par exemple):

Ainsi on aura une database avec le login/motdepasse et l'adresse ip

[host phpmyadmin]

[host wordpress]

[initialiser]

[epilogue]