WordPress Présentation HETIC
Votre orateur Amaury Balmer Co-fondateur de WordPress Francophone 7 ans d expérience sur WordPress Auteur de : 2 livres Pearson 1 DVD Elephorm Dizaine d extensions open-source Directeur technique du studio de développement BeAPI
WordPress WordPress est un système de gestion de contenu (CM)
La petite histoire WordPress est un fork de l outil de blog «b2» Matthew Mullenweg b2 est un logiciel développé par un français Michel Valdrighi
Derrière WordPress 2 entités importantes! Automattic, société commerciale : Paye les salaires d un grand nombre de développeurs Propose le service WordPress.com Financé à travers un support high level au U. La fondation WordPress : Possède et protège la marque WordPress
En France Association WordPress Francophone upporte la traduction française de WordPress Publie le portail WordPress Francophone News FAQ Forums Organise et sponsorise des évènements WordPress http://www.wordpress-fr.net
La licence WordPress est distribué selon les termes de la GNU GPL Cette licence permet un usage en entreprise Le code source est ouvert, modifiable et redistribuable
Les versions WordPress évolue à un rythme de 1 à 2 versions majeures par an. Pour chaque version majeure, on a entre 2 et 5 versions mineures pour corriger les bugs bloquants et problèmes de sécurité Version stable : 3.3.2 Version à venir : 3.4 (en beta 4 )
Les prérequis WordPress est développé en PHP5.2 et MyQL5 Il faut utiliser WordPress 3.1 chez un hébergeur PHP4 WordPress est compatible avec les serveurs web : Apache2 Nginx Lighttpd Cherokee Microsoft II
Un outil en phase avec le marché et interopérable Compatible tout navigateur moderne (à partir de IE7) Il est possible d écrire sur un site WordPress depuis iphone/ipad Les API de publications ATOM et XML-RPC sont supportées. Android Windows Phone Nokia Blackberry
Un outil tendance
Un outil sollicité Parts de marché des CM open-source
Un outil populaire
Un outil très téléchargé
Quand l utiliser?
Moteur de blog ou CM? Au départ, c était un moteur de blog Au fil des évolutions, c est devenu un CM complet : Utilisateurs & Rôles Multi sites Gestionnaire de menus Bibliothèque de médias (miniature, galerie) Types de contenu et taxonomies Workflow, Révisions des contenus
Etudes de cas Blog ite vitrine ite avec un boutique simple ite de presse ite institutionnel ite communautaire Plateforme de sites Applications spécifiques (facebook, divers) Fear, Cinéday
Blog WordPress propose toutes les fonctionnalités imaginables pour les blogs Le nombre de thèmes et d extensions dédiés à cet usage est impressionnant. Aucun développement n est à prévoir 99% du temps. Juste de la personnalisation graphique. Fonctionnalités clefs : Commentaires Widgets EO
ite vitrine ite de marques, site de magasins ite d opération spéciales Fonctionnalités clefs : Type de contenu «pages statiques» Formulaires Gestionnaire de menus Gestionnaire de médias Génération automatique de miniature Budget peu important, formation cliente rapide
ite avec boutique simple Dans beaucoup de sites institutionnels, il y a généralement un besoin clients de vendre à faible quantité des produits. Publications Formations Packs Les plugins comme WooCommerce permettent d ajouter facilement la vente en ligne
ite de presse Fonctionnalités clefs : Workflow de publications Rôles & Permissions des utilisateurs Possibilité de prévisualiser avant publication Révisions des articles Référencement itemap XML pour Google et Google News EO en général
ite institutionnel WordPress permet d intégrer n importe quelle charte graphique. Les seules contraintes sont celles du HTML. Fonctionnalités clefs : Page statique Galerie photos Types de contenus personnalisés pour Offres d emplois Communiqués de presse Espace presse
ite communautaire BuddyPress peut facilement s activer depuis WordPress. La couche sociale donne une profondeur au site, cela permet de réaliser : Des blogs communautaires Des intranets légers
Plateforme de sites Depuis WordPress 3.0, on peut générer des sites à la volée. Via les sous domaines ou les sous dossiers http://www.monsite.fr/user/ http://user.monsite.fr Il est possible de mapper des domaines sur les sites créés. On utilise des plateformes dans différents cas : Blogs grand public ites culturels pour les mairies
Applications spécifiques (Facebook, divers) Interface connue par un grand nombre de professionnels Pas de formation spécifique à réaliser Technologies accessibles PHP, MyQL Intégration facile avec les API Facebook Grand nombre de plugins Facebook
Les choses que WordPress sait moins bien faire Pas de module de vente en ligne ultra complet. Préférer l association avec des outils dédiés comme Prestashop Magento Pas de module multilingue parfait. WPml permet de tout traduire, mais bug pas mal imple Punctual Translation, permet des traductions de certaines pages uniquement.
tructurer l information Types de contenu et taxonomies
C est quoi? Types de contenu Taxonomies Permet de gérer du contenu personnalisé comme: Permet de classifier le contenu comme: Communiqués de presse Catégories Annuaire Tags Évènements Rubriques Questions/Réponses Domaines Cela correspond au CCK/Fields de drupal. Etc.
Types de contenu En anglais, les types de contenu sont appelés : CPT : Custom Post Types WordPress possède plusieurs types de contenu par défaut : Articles Pages Médias Révisions Éléments du menu WordPress utilise l API publique mise à disposition!
Types de contenu L API publique permet : La génération automatique de la console d administration La gestion des droits d accès personnalisés L affichage dans le gestionnaire de menus La génération des règles de réécriture On peut en créer : Manuellement en appelant la fonction register_post_type() Depuis la console d administration avec des extensions Comme drupal
Page d administration
La fin du tout catégorie Fonctionnalité récente dans l histoire de WordPress, apparue dans la version 3.0 Commence seulement à être exploité par les créateurs de thèmes premium. Cette fonctionnalité permet une séparation réelle du contenu contrairement aux catégories
Les champs personnalisés À la base, les champs personnalisés (post meta) permettaient de stocker des informations liées aux articles : Notation Image associée Compteurs de vue Méta données EO Etc. Les champs personnalisés sont le parfait complément des types de contenu!
CPT & Post Meta Les CPT ne suffisent pas. Les Post Meta permettent d ajouter des champs additionnels par type de contenu. Exemple : Annuaire de films Date de sortie Auteur Durée Distributeur Genre Etc.
De base
La version évoluée!
Les plugins qui agrémentent les Post Meta La communauté est très prolifique! Plus d une dizaine d extensions permettent de créer des champs personnalisés évolués à la volée! Ces plugins peuvent créer tout type de champs Texte, multi-ligne, fichier, éditeur visuel, liste déroulante, etc. Plugins notables: Advanced Custom Fields WPalchemy
Les taxonomies Les taxonomies dans WordPress permettent la classification des contenus dans des termes. Exemple pour un type de contenu «Films» Genre Distributeur Langue Pays de tournage Etc. On peut alors lister tous les films de la taxonomie «Genre» pour le terme «Comédie»
Taxonomies par défaut de WP 4 taxonomies Catégories Mots clefs (Tags) Menus Catégories de liens WordPress fait appel à la même API publique pour déclarer ces 4 taxonomies
Ajouter une taxo Comme les CPT, on peut déclarer les taxonomies par 2 moyens : Manuellement en appelant la fonction register_taxonomy() Depuis la console d administration via des extensions comme : imple Taxonomy (BeAPI) Custom Taxonomies Ultimate Taxonomy Manager
Administration d une taxo
Un peu de technique Thèmes / Extensions
Les thèmes Aucun moteur de template utilisé (smarty) Utilisation du langage PHP Une API lisible et complète est mise à disposition des développeurs. Template Tags Conditionnal Tags Query Posts Codex = Wiki = Documentation
The Loop!
Hiérarchie des templates
Méthodologies 1. Création depuis un thème existant Plus rapide Marge de manœuvre moins importante Le code n est pas forcément de bonne qualité 2. Création depuis un HTML sur mesure Personnalisation plus poussée éparation nette des métiers Plus long mais de bonne qualité
Depuis un thème existant 2 types de thèmes Gratuits (Répertoire officiel) http://wordpress.org/extend/themes/ Premium (Theme Forest, WooThemes ) Attention Ne pas se fier uniquement aux images vendeuses Chercher des retours utilisateurs Vérifier que le thème se prête à la structure souhaitée
Depuis une intégration HTML Peu de contraintes liés à WordPress Widgets? Menu Compatibilité avec les normes HTML 4 et 5 Contrôle 100% de la génération HTML Editeur visuel TinyMCE
Ajouter une fonctionnalité
Les extensions Le CM propose de nombreuses API pour développer : Administration : réglages, édition Rewriting Rôles et utilisateurs Créer des tables QL Déclarer des types de contenus/taxos Envoyer des emails Etc
API des plugins Mécanisme de hooks (crochets) Les plugins peuvent s attacher à un hook 2 types de hooks : Action Ajouter un comportement Exemple : Envoyer un email à la publication d un article Filtre Modifier un comportement Exemple : Ajouter une signature à la publication d un article
Une extension WordPress 1 fichier PHP placé dans le dossiers «plugins». Une entête spécifique
Trouver et installer un plugin Référentiels des plugins de WordPress http://wordpress.org/extend/plugins/ Plus de 19 000 extensions Il existe des extensions payantes GravityForms WPML Etc.
Créer un réseau de sites
Modes de fonctionnement ous domaines Ex: site1.example.com et site2.example.com Bon pour le EO Architecture serveur/dn ous dossiers Ex: example.com/site1 et example.com/site2 Aucun prérequis serveur Pratique pour le multilingue
Architecture 8 tables par site Format : wp_8_posts Voir plus avec les plugins 1 base utilisateurs commune à l ensemble de la plateforme Chaque site dispose de : es extensions es thèmes es utilisateurs
mu-plugins Activation automatique sur l ensemble de la plateforme Dossier à créer dans wp-content Pas d activation/désactivation Chargement automatique Objectifs : mapping de domaine personnalisation processus création de site
Extras Domain mapping Pointer un domaine sur un site du réseau WordPress sunrise.php Personnaliser le chargement du site/blog A placer dans wp-content/ Exemple : Domaine : www.monevent.fr Destination : monevent.monsite.fr
écuriser son site WordPress
1 ère chose à faire AUVEGARDE AUTOMATIQUE et JOURNALIERE du site Via : erveur : Mode linux, etc Plugins : wp-db-backup, vaultpress
implement & rapidement upprimer le compte admin Modifier le préfixe des tables de WordPress wp_ Forcer le HTTPs pour la console d administration http://codex.wordpress.org/administration_over_l Installer des plugins de sécurité : WP ecurity can ecure WordPress
Plus poussée Filtre sur IP Restreindre la connexion à plage IP définie Authentification HTTP Apache/htaccess API Tierces ecureid LDAP Etc
Performances de WordPress
Les sources de limitation Le serveur web Lenteur d affichage de la page complète Le serveur PHP Crash serveur Le serveur MyQL Augmentation du temps de génération de la page HTML
erveur web -Vitesse de chargement Les optimisations HTTP sont importantes et indépendantes de WordPress! Il faut bien configurer son serveur web et ajouter La gestion du cache Les dates d expiration La compression à la volée Il est possible de minifier son code HTML, J et C avec le plugin WP-Minify afin de limiter le nombre de requêtes HTTP
erveur PHP - Plugins de cache Il faut limiter la consommation CPU pour le traitement PHP Optimisation serveur : Installer des extensions PHP de cache Opcode APC, Xcache ou eaccelerator Plugins de cache Génère et sert une copie HTML des pages de votre site WP-super-cache, DB Cache Reloaded, W3 Total Cache, etc.
erveur MyQL - Audit du code WordPress possède le défaut de générer un grand nombre de requêtes QL nativement. Il est important d utiliser les API de WordPress afin de limiter le nombre de requêtes QL. Un trop grand nombre de requêtes QL augmente la charge serveur et ralentit la génération de la page HTML. Il est important d activer le cache de MyQL
Montée en charge erveur de cache en reverse proxy quid, Nginx ou Varnish erveur de fichiers AN & Cluster MyQL Classe de connexion HyperDB Exemples : WordPress.com : 500 000 blogs, cluster MyQL Blogs de l express : 1 000 blogs, serveur de cache quid
élection d extensions
EO itemap XML Feed Compatible WP 3.0, CPT, Multisite Ultimate EO 404 monitors Rewrite title de toutes les pages WordPress EO Usine à gaz mais bien noté
Recherche Relevanssi Résultats par pertinence Exclusion de termes commun (de, le, la, et, etc.) uggestions de recherche
Accès mobile WPtouch Compatible et optimisé martphone WordPress Mobile Moins fun, mais plus grande compatibilité avec les téléphones de l époque WAP.
E-commerce Nouvelle génération Jigoshop Responsive design Woocommerce Best seller avec la qualité des thèmes Ancienne génération ehop Compatible CPT & Paypal Peu extensible WP-eCommerce De nombreux ponts de paiement disponible
Formulaires Contact Form 7 Plus de souplesse sur le code HTML généré Gratuit & rapide GravityForms Ultracomplet Payant
Navigation WP-PageNavi Pagination du contenu comme Google Yet Another Related Posts Plugin Affichage de contenu relatif Algo puissant fonctionnant sur titre, contenu, extrait, taxonomies, etc. Breadcrumb NavXT Génération de fil d arianne
Développeurs imple Taxonomy Advanced Custom fields Créer des taxonomies Ajouter de champs additionnels imple Custom Post Types Créer des types de contenu Interface WPalchemy Ajouter de champs additionnels Relations Post Types Invocation en code source Relation entre CPT
Utilitaire TinyMCE Advanced Permets de customiser en glisser-déposer l éditeur visuel de WordPress Add to any / Recommend to a friend Boutons de partage vers les réseaux sociaux Viper's Video Quicktags Boutons pour ajouter des vidéos dans le contenu depuis les principaux services
Rôles utilisateurs User Role Editor Permet de créer des nouveaux rôles Permet de modifier les droits d accès