WordPress. Présentation HETIC

Transcription

1 WordPress Présentation HETIC

2 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

3 WordPress WordPress est un système de gestion de contenu (CM)

4 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

5 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

6 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

7 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

8 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 : Version à venir : 3.4 (en beta 4 )

9 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

10 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

11 Un outil tendance

12 Un outil sollicité Parts de marché des CM open-source

13 Un outil populaire

14 Un outil très téléchargé

15 Quand l utiliser?

16 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

17 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

18 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

19

20 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

21

22 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

23

24

25

26 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

27

28

29 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

30

31

32 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

33

34 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 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

35

36

37 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

38

39

40 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.

41 tructurer l information Types de contenu et taxonomies

42 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.

43 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!

44 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

45 Page d administration

46 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

47 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!

48 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.

49 De base

50 La version évoluée!

51 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

52 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»

53 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

54 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

55 Administration d une taxo

56 Un peu de technique Thèmes / Extensions

57 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

58 The Loop!

59 Hiérarchie des templates

60 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é

61 Depuis un thème existant 2 types de thèmes Gratuits (Répertoire officiel) 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

62 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

63 Ajouter une fonctionnalité

64 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 s Etc

65 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 à la publication d un article Filtre Modifier un comportement Exemple : Ajouter une signature à la publication d un article

66 Une extension WordPress 1 fichier PHP placé dans le dossiers «plugins». Une entête spécifique

67 Trouver et installer un plugin Référentiels des plugins de WordPress Plus de extensions Il existe des extensions payantes GravityForms WPML Etc.

68 Créer un réseau de sites

69 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

70 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

71 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

72 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 : Destination : monevent.monsite.fr

73 écuriser son site WordPress

74 1 ère chose à faire AUVEGARDE AUTOMATIQUE et JOURNALIERE du site Via : erveur : Mode linux, etc Plugins : wp-db-backup, vaultpress

75 implement & rapidement upprimer le compte admin Modifier le préfixe des tables de WordPress wp_ Forcer le HTTPs pour la console d administration Installer des plugins de sécurité : WP ecurity can ecure WordPress

76 Plus poussée Filtre sur IP Restreindre la connexion à plage IP définie Authentification HTTP Apache/htaccess API Tierces ecureid LDAP Etc

77 Performances de WordPress

78 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

79 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

80 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.

81 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

82 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 : blogs, cluster MyQL Blogs de l express : blogs, serveur de cache quid

83 élection d extensions

84 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é

85 Recherche Relevanssi Résultats par pertinence Exclusion de termes commun (de, le, la, et, etc.) uggestions de recherche

86 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.

87 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

88 Formulaires Contact Form 7 Plus de souplesse sur le code HTML généré Gratuit & rapide GravityForms Ultracomplet Payant

89 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

90 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

91 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

92 Rôles utilisateurs User Role Editor Permet de créer des nouveaux rôles Permet de modifier les droits d accès