Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Propulsez votre site avec WordPress Par Midnight Falcon www.openclassrooms.com

Propulsez votre site avec WordPress Par Midnight Falcon www.openclassrooms.com Licence Creative Commons 6 2.0 Dernière mise à jour le 11/03/2014 Sommaire 2 Sommaire ........................................................................................................................................... 3 Partager .............................................................................................................................................. 5 Propulsez votre site avec WordPress ................................................................................................ 5 Partie 1 : Prendre en main Wordpress ................................................................................................ 6 Découvrir WordPress ........................................................................................................................................................ 6 Présentation ................................................................................................................................................................................................................ 6 Introduction .................................................................................................................................................................................................................. 6 Historique .................................................................................................................................................................................................................... 6 Fonctionnalités ............................................................................................................................................................................................................ 6 Mise en place du serveur web ..................................................................................................................................................................................... 6 Qu'est-ce qu'un serveur ? ........................................................................................................................................................................................... 7 Sur Windows : WAMP ................................................................................................................................................................................................. 8 Sur Mac : MAMP ......................................................................................................................................................................................................... 10 Sur Linux : LAMP ...................................................................................................................................................................................................... 11 Installation ................................................................................................................................................................................................................. 11 Création de la base de données ................................................................................................................................................................................ 11 Téléchargement ......................................................................................................................................................................................................... 12 Paramétrage de l’installation ..................................................................................................................................................................................... 13 L'interface d'administration ........................................................................................................................................................................................ 15 Les publications ............................................................................................................................................................... 16 Les articles ................................................................................................................................................................................................................ 16 Gestion des articles ................................................................................................................................................................................................... 17 Catégories et mots-clés ............................................................................................................................................................................................ 18 Les pages .................................................................................................................................................................................................................. 18 Les attributs ............................................................................................................................................................................................................... 19 Le menu .................................................................................................................................................................................................................... 19 Créer un menu .......................................................................................................................................................................................................... 20 Organiser les menus ................................................................................................................................................................................................. 21 Les médias ................................................................................................................................................................................................................ 21 Insertion dans un article ............................................................................................................................................................................................ 24 Gérer les médias non utilisés .................................................................................................................................................................................... 24 Gérer un site participatif .................................................................................................................................................. 25 Les commentaires ..................................................................................................................................................................................................... 25 Activer ou non les commentaires .............................................................................................................................................................................. 26 Les options ................................................................................................................................................................................................................ 26 Modérer les commentaires ........................................................................................................................................................................................ 28 Les utilisateurs .......................................................................................................................................................................................................... 28 Gestion des utilisateurs ............................................................................................................................................................................................. 28 Les rôles .................................................................................................................................................................................................................... 29 Création d'utilisateur .................................................................................................................................................................................................. 29 Modifier l'apparence ........................................................................................................................................................ 30 Changer de thème ..................................................................................................................................................................................................... 31 Ajouter un thème via l'administration ........................................................................................................................................................................ 31 Utiliser un thème téléchargé ..................................................................................................................................................................................... 32 Ajouter des widgets ................................................................................................................................................................................................... 32 Placer un nouveau widget ......................................................................................................................................................................................... 33 Désactiver un widget ................................................................................................................................................................................................. 34 TP : Créez vos premières pages ..................................................................................................................................... 35 Présentation de l'exercice ......................................................................................................................................................................................... 35 Consignes ................................................................................................................................................................................................................. 37 Correction .................................................................................................................................................................................................................. 37 Le thème ................................................................................................................................................................................................................... 37 La page de présentation personnelle ........................................................................................................................................................................ 38 L'article d'introduction ................................................................................................................................................................................................ 39 Le menu .................................................................................................................................................................................................................... 40 Les widgets ............................................................................................................................................................................................................... 41 Ajouter des plugins .......................................................................................................................................................... 41 Gérer les plugins ....................................................................................................................................................................................................... 41 Installer de nouveaux plugins .................................................................................................................................................................................... 42 Mise à jour d'un plugin .............................................................................................................................................................................................. 42 Exemples de plugins ................................................................................................................................................................................................. 42 qTranslate ................................................................................................................................................................................................................. 44 Hupso Share Buttons ................................................................................................................................................................................................ 45 NextGEN Gallery ....................................................................................................................................................................................................... 46 Partie 2 : Développer votre thème .................................................................................................... 47 Premiers pas dans le code .............................................................................................................................................. 47 Utiliser la documentation ........................................................................................................................................................................................... 47 La structure de WordPress ........................................................................................................................................................................................ 47 Système de fichiers ................................................................................................................................................................................................... 47 La base de données .................................................................................................................................................................................................. 48 Le principe des actions ............................................................................................................................................................................................. 48 Théorie ...................................................................................................................................................................................................................... 48 Les fonctions utilisées ............................................................................................................................................................................................... 48 WordPress et la programmation orientée objet ......................................................................................................................................................... 2/113 www.openclassrooms.com 48 Retour en arrière ....................................................................................................................................................................................................... 49 Et votre code dans tout ça ? ..................................................................................................................................................................................... 50 Les thèmes ...................................................................................................................................................................... 50 Structure d'un thème ................................................................................................................................................................................................. 50 Le fichier styles.css ................................................................................................................................................................................................... 51 Un premier fichier PHP .............................................................................................................................................................................................. 51 Un fichier courant : functions.php .............................................................................................................................................................................. 52 Héritage de thème ..................................................................................................................................................................................................... 52 Déclaration du thème enfant ..................................................................................................................................................................................... 53 Surcharge de fichiers ................................................................................................................................................................................................ 54 Ajouter une zone de widgets ..................................................................................................................................................................................... 54 Enregistrer la zone .................................................................................................................................................................................................... 55 Afficher les widgets ................................................................................................................................................................................................... 55 Une méthode alternative : des widgets sans zone .................................................................................................................................................... 56 Ajouter un menu ........................................................................................................................................................................................................ 56 Déclaration du menu ................................................................................................................................................................................................. 56 L'affichage ................................................................................................................................................................................................................. 57 Le processus de rendu .................................................................................................................................................... 58 La boucle de rendu .................................................................................................................................................................................................... 58 Les templates tags .................................................................................................................................................................................................... 58 Rendu d’un contenu .................................................................................................................................................................................................. 60 Les filtres ................................................................................................................................................................................................................... 60 Appeler un filtre ......................................................................................................................................................................................................... 60 Brancher un filtre ....................................................................................................................................................................................................... 61 Ajouter des templates personnalisés ........................................................................................................................................................................ 62 L’internationalisation ........................................................................................................................................................ 63 Les fonctions de traduction ....................................................................................................................................................................................... 63 Traduire un texte ....................................................................................................................................................................................................... 63 Le domaine de traduction .......................................................................................................................................................................................... 64 Ajouter des traductions ............................................................................................................................................................................................. 64 Utiliser Poedit ............................................................................................................................................................................................................ 67 Utiliser les traductions dans un thème ...................................................................................................................................................................... 68 TP : Personnalisez votre thème ...................................................................................................................................... 69 Présentation de l'exercice ......................................................................................................................................................................................... 69 Consignes ................................................................................................................................................................................................................. 70 Indications ................................................................................................................................................................................................................. 70 Correction .................................................................................................................................................................................................................. 70 Déclarer les emplacements du menu et du widget ................................................................................................................................................... 70 Gestion des éléments affichés .................................................................................................................................................................................. 72 Corrigé type ............................................................................................................................................................................................................... 73 Partie 3 : Développer un plugin complet ........................................................................................... 74 Créer des plugins ............................................................................................................................................................ 74 Déclarer le plugin ...................................................................................................................................................................................................... 75 Nos premières fonctions ........................................................................................................................................................................................... 75 Rajouter un filtre simple ............................................................................................................................................................................................ 75 Utiliser une structure objet ........................................................................................................................................................................................ 76 Une structure multifichiers ......................................................................................................................................................................................... 77 Un plugin complet ..................................................................................................................................................................................................... 77 Les objectifs .............................................................................................................................................................................................................. 77 La classe Zero_Newsletter ........................................................................................................................................................................................ 79 Créer des widgets ........................................................................................................................................................... 79 Déclarer un widget .................................................................................................................................................................................................... 79 Une nouvelle classe .................................................................................................................................................................................................. 81 Les paramètres ......................................................................................................................................................................................................... 82 Le rendu final ............................................................................................................................................................................................................. 84 Modifier la base de données ........................................................................................................................................... 84 Exécuter des requêtes SQL ...................................................................................................................................................................................... 84 Créer une nouvelle table ........................................................................................................................................................................................... 84 Tracer l’activation du plugin ....................................................................................................................................................................................... 85 La désactivation et la désinstallation du plugin ......................................................................................................................................................... 86 L'insertion et la sélection ........................................................................................................................................................................................... 89 L'administration ............................................................................................................................................................... 89 Ajouter des menus .................................................................................................................................................................................................... 89 Menu principal ........................................................................................................................................................................................................... 90 Les sous-menus ........................................................................................................................................................................................................ 92 Créer des options ...................................................................................................................................................................................................... 93 Le fonctionnement des options ................................................................................................................................................................................. 93 Le formulaire ............................................................................................................................................................................................................. 95 Génération automatique des champs ....................................................................................................................................................................... 98 Traiter des actions ..................................................................................................................................................................................................... 100 Les shortcodes .............................................................................................................................................................. 100 Utiliser un shortcode ............................................................................................................................................................................................... 100 Format ..................................................................................................................................................................................................................... 101 Paramètres .............................................................................................................................................................................................................. 101 Créer un shortcode .................................................................................................................................................................................................. 105 Partie 4 : Exploiter votre site ........................................................................................................... 105 Mettre en production ..................................................................................................................................................... 105 Sur un hébergement mutualisé ............................................................................................................................................................................... 106 Sur un serveur dédié ............................................................................................................................................................................................... 106 Installation et copie des fichiers .............................................................................................................................................................................. Sommaire 3/113 www.openclassrooms.com 107 Définition du Virtual Host ......................................................................................................................................................................................... 107 Améliorer le référencement ........................................................................................................................................... 108 Des URLs propres ................................................................................................................................................................................................... 108 Un contenu de qualité ............................................................................................................................................................................................. 108 Faciliter l'indexation ................................................................................................................................................................................................. 108 Le sitemap ............................................................................................................................................................................................................... 109 Les robots ................................................................................................................................................................................................................ 110 Optimiser les performances .......................................................................................................................................... 110 Utiliser le cache WordPress .................................................................................................................................................................................... 110 Optimiser l'affichage des pages .............................................................................................................................................................................. 110 Cacher les ressources ............................................................................................................................................................................................. 111 Fusionner les fichiers JS et CSS ............................................................................................................................................................................. Partager 4/113 www.openclassrooms.com Propulsez votre site avec WordPress Par Midnight Falcon Mise à jour : 11/03/2014 Difficulté : Facile Aujourd'hui, de nombreux acteurs du monde informatique se sont mis à la mode des blogs, ces petits sites de contenu gérés la plupart du temps par une personne et qui laissent transparaitre les réflexions de leur auteurs sur les sujets qui les passionnent. Pour faciliter la création de ces sites d'un genre particulier, il est préférable de partir d'un système solide et qui a fait ses preuves, tout en évitant aux auteurs les complications du développement d'un site Internet. WordPress a été créé dans cette optique, c'est donc probablement l'outil qu'il vous faut si vous désirez tenir un blog ou bien simplement un site de présentation personnel ou d'entreprise. Ce cours a pour objectif de vous faire découvrir et utiliser WordPress afin d'être parfaitement autonome avec cet outil ! En première partie, nous aborderons WordPress en tant qu'utilisateur, c'est-à-dire comme webmaster d'un site Internet. Nous apprendrons à gérer le site, rajouter des contenus et changer son aspect visuel grâce à l'interface d'administration qui permet de quasiment tout faire sans avoir à connaître le fonctionnement technique de WordPress. Dans la seconde partie, nous passerons du côté du développeur afin d'aller plus loin dans la personnalisation d'un site sous WordPress. Cette partie n'est pas obligatoire pour gérer un blog (la plupart des utilisateurs de WordPress s'en passe), mais elle permet de modifier l'affichage du site pour qu'il corresponde précisément à vos besoins. Nous poursuivrons dans cette optique avec la troisième partie qui sera focalisée sur la création d'un nouveau module de newsletter pour WordPress, ce qui vous donnera les bases afin, par la suite, de modifier le fonctionnement interne de l'application comme bon vous semblera. Ces deux sections requièrent la maîtrise de PHP ainsi que du HTML et du CSS pour pouvoir être correctement exploitées. Pour terminer, il sera temps de mettre un site WordPress en ligne, de s'occuper de son référencement et de ses performances. Loin d'être la fin de votre travail sous WordPress, c'est là qu'une nouvelle aventure commence ! Partager 5/113 www.openclassrooms.com Partie 1 : Prendre en main Wordpress Découvrir WordPress Ce premier chapitre introductif sera l’occasion de découvrir ce qu’est WordPress et ce qu’il nous permet de réaliser. Nous en profiterons aussi pour l’installer et faire un rapide survol des fonctionnalités dans son interface d’administration. Présentation Introduction WordPress est un logiciel libre principalement spécialisé dans la création de blogs, dont la réalisation est très facile. C’est cependant loin d’être sa seule possibilité et rien ne vous empêchera de créer un site différent. Ainsi, il est bon à savoir que WordPress est un CMS (Content Management System ou Système de Gestion de Contenu en français), c’est-à-dire qu’il permet à l’utilisateur (c'est-à-dire l’administrateur du site) de créer facilement des pages de contenu, comme par exemple : la page de présentation d’une entreprise ; des articles de blog ; une page de contact ; un portfolio pour un artiste ; bien encore des fiches produits sur un site de vente en ligne ; etc. L’idée d’un CMS est de donner la possibilité de facilement créer du contenu sur le site, sans avoir à mettre les mains dans le code ni même avoir de connaissances techniques particulières. Historique WordPress est sorti pour la première fois en 2003 comme un projet dérivé de cafelog, lui-même étant un moteur de blog sorti en 2001. De nombreuses versions sont sorties depuis, chacune apportant son lot de nouveautés par rapports aux versions précédentes, comme les plugins, les widgets, les thèmes, une interface utilisateur améliorée… La version 3 est sortie en 2010 en apportant notamment la uploads/Litterature/ propulsez-votre-site-avec-wordpress.pdf