13.0 Introduction Dans cette Unité, nous allons examiner les fonctionnements internes d une des plateformes de publication web les plus largement utilisées de nos jours sur l Internet, WordPress. C est une des manières les plus simples de placer un site web en ligne et elle sert en tant qu excellente plateforme pour tester vos compétences de conception de site. Au cours des deux prochaines Unités, nous couvrirons comment travailler avec, depuis l installation de base jusqu à la personnalisation complexe et la gestion de contenu. En quelques heures, vous aurez en ligne votre propre site propulsé par WordPress. Exigences minimum pour achever cette Unité: Un fournisseur d hébergement qui offre une auto-installation de WordPress parmi sa liste de fonctionnalités. Alternative: Un accès FTP à votre hébergeur, un outil d administration de base de données tel que PHPMyAdmin (habituellement fourni via le panneau de configuration de votre hébergeur). 13.1 Qu est-ce que WordPress? WordPress est né en 2003 en tant qu outil de blog similaire aux sites web tels que blogger.com (appartenant désormais au «blogspot.com» de Google) ou LiveJournal.com. Les gens l utilisaient en tant que moyen de placer leurs pensées et leurs opinions en ligne en utilisant leurs propres sites. Depuis, il a évolué en un Système de gestion de contenu (SGC, ou Content Management System, CMS) extrêmement personnalisable et serait, de nos jours, utilisé par 15% de l ensemble des sites. En théorie, il est possible de réaliser pratiquement n importe quel type de site web avec WordPress fonctionnant dans les coulisses. Voici quelques-uns des principaux bénéfices de WordPress : Il est bien établi et est soutenu par un forum d assistance très actif. Son utilisation est gratuite et, parce qu il est en open source, il est en développement permanent. Il s occupe des fonctionnalités les plus avancées du site, telles que la sécurité, le flux RSS, le SEO ou l optimisation d image, avec peu, voire aucune personnalisation nécessaire. Vous pouvez utiliser WordPress pour votre propre site web de deux manières. Premièrement, vous pouvez vous rendre sur WordPress.com et vous inscrire pour obtenir un compte et utiliser leurs serveurs. Deuxièmement, vous pouvez l installer sur votre propre paquet d hébergement web. C est loin d être aussi effrayant que ça en a l air, et, dans cette Unité, nous couvrirons toutes les étapes nécessaires pour créer votre propre installation de WordPress, puis de votre propre site fonctionnant parfaitement. WordPress a été construit en utilisant le langage de programmation web PHP et s appuie sur une base de données MySQL pour fournir le contenu. Il n est pas essentiel de comprendre aucune de ces deux disciplines pour utiliser WordPress, même si le processus d installation manuelle touche quelque peu aux deux. La plupart des gens qui utilisent WordPress en tant que SGC de leur site ne possèdent absolument aucune connaissance relative à ces disciplines. 13.2 Comment installer WordPress Méthode 1 : Installation automatique de WordPress C est de loin la manière la plus simple de commencer à utiliser WordPress sur votre propre paquet d hébergement. Il ne requiert aucune connaissance du PHP ou des bases de données MySQL et c est semblable au fait de lancer un assistant ou d installer un programme sur votre ordinateur. Il est important de noter que l installation automatique est un processus offert par certains hébergeurs uniquement, donc si vous envisagez de suivre cette méthode, veuillez vérifier que votre hébergeur fournit ce service. Voici une liste des hébergeurs qui le font : Bluehost MediaTemple HostGator DreamHost La procédure d installation est similaire pour chacun d eux, comme l est le résultat final. Aux fins de cette Unité, nous suivrons l «Installation en 1-clic» de Bluehost (1-Click Install). Si votre hébergeur n offre pas ce service, passez à la Méthode 2 : Installer manuellement WordPress nous vous promettons 97 2012 Excel With Business
que ce n est vraiment pas si difficile que ça! 1. Connectez-vous sur votre compte d hébergement web et vous arrivez sur la page d accueil cpanel. Une section contiendra un lien vers l installateur automatique de WordPress. Dans ce cas, il se trouve sous «Site Builders» (Constructeurs de site). Figure 13-1: Un affichage typique d un lien d hébergeur web vers un installateur automatique de WordPress. 2. Dans la page suivante, choisissez «Install a brand new version of WordPress» (Installer une toute nouvelle version de WordPress). 3. La page suivante est celle où vous pouvez configurer le nom de votre site, le mot de passe pour accéder à la zone d administration de WordPress et d autres options. Vous pouvez copier nos paramètres de capture d écran ci-dessous pour une installation simple. Assurez-vous d utiliser un mot de passe solide, contrairement à l exemple utilisé cidessous! 4. Cliquez sur complete configurera le site à la racine de votre domaine (par exemple www.exemple-domaine.com) et il sera immédiatement accessible. Pour accéder à la zone d administration, rendez-vous sur www. exemple-domaine.com/wp-admin. Vous devriez recevoir un courriel de confirmation de votre hébergeur. Méthode 2 : Installer manuellement WordPress Si votre hébergeur n offre pas de fonction d installation automatique, ou si vous aimez le sentiment de réalisation provenant des choses réalisées à la dure, vous pouvez configurer votre installation de WordPress manuellement. Tout d abord, nous devons Figure 13-2: Une page de configuration d un installateur automatique de WordPress. télécharger la dernière version de WordPress depuis www.wordpress.org un fichier en format.zip plutôt petit. Vous verrez un lien vers une page d aide détaillant le processus d installation (que nous vous recommandons de lire pour une présentation complète). Les étapes sont comme suit: 1. Créez une base de données MySQL via l interface cpanel de votre hôte web. La plupart Figure 13-3: le gestionnaire de bases de données dans l interface de gestion d hébergement cpanel. 98 2012 Excel With Business
Figure 13-4: wp-config-sample.php un fichier inclus dans le paquet d installation de WordPress. des hébergeurs possèderont également des instructions détaillées de ce processus dans leurs sections d aide. Bluehost possède une description pas-à-pas particulièrement bonne ici : https:// my.bluehost.com/cgi/help/000006. Une fois la base de données installée, vous devrez créer un compte utilisateur pour accéder à cette base de données. L étape finale consiste à définir les privilèges utilisateur pour qu il ou elle possède TOUS LES PRIVILEGES pour accéder et modifier la base de données. 2. Dézippez le fichier téléchargé depuis WordPress. org. Par défaut, il s extraira vers un dossier appelé «WordPress» contenant les fichiers et les sous-dossiers. Le fichier qui nous intéressera immédiatement s appelle «wp-config-sample.php». Ouvrez ce fichier dans un éditeur de texte tel que Notepad (Windows) ou TextEdit (Mac). 3. Dans la plupart des cas, il y a quatre pièces d informations qui doivent être modifiées, et nous les avons surlignées en rouge dans la Figure 13-2. Les trois premières (Database Name soit Nom de la base de données, Database User soit Utilisateur de la base de données et Database Password soit Mot de passe de la base de données) sont les paramètres que vous avez sauvés dans la partie 1. Vous pouvez les vérifier via votre panneau de configuration d hébergeur. La dernière pièce peut être générée pour vous en visitant https://api.wordpress.org/secret-key/1.1/ salt/ - vous pouvez simplement copier et coller le texte qui apparaît dans votre navigateur à la place des lignes d exemple du fichier. 4. Sauver le fichier sous un nouveau nom «wpconfig.php» - pour ce faire, utilisez Save As (Enregistrer sous ) dans le menu File (Fichier) et dans le même dossier qu auparavant, mais avec le nouveau nom «wp-config.php». Il est essentiel que le nom du fichier soit exactement celui-ci pour que l installation fonctionne. 5. Maintenant que tous les fichiers sont prêts, nous devons télécharger les contenus du dossier vers notre serveur. Pour ce faire, vous devrez ouvrir votre logiciel FTP (plus détaillé dans l Unité 99 2012 Excel With Business
12) et vous connecter à votre hébergeur. Normalement, vous voudrez que votre site soit à la racine de votre domaine, par exemple http://www.exempledomaine.com, vous devez donc télécharger les contenus du dossier «WordPress» vers la racine du répertoire web de votre serveur. C est habituellement / www ou /htdocs, et l emplacement de votre logiciel FTP y est dirigé automatiquement par la configuration de votre hébergeur 6. Une fois ce processus terminé, il est temps de démarrer votre navigateur et de vous rendre sur la page d installation de votre nouveau site. Vous le trouverez à VOTREDOMAINE / wp-admin/install.php par exemple http:// www.exemple-domaine. com/wp-admin/ install.php. Il ressemblera à ça (Figure 13-6). Sur cette page, vous définissez le Nom de votre site, les détails de connexion et une adresse électronique c est important si vous perdiez votre mot de passe, donc assurez-vous de la remplir correctement! 7. Cliquez sur «Install WordPress» (Installer WordPress) et c est tout rendez-vous sur votre domaine pour voir les débuts de votre nouveau site web! Vous pouvez trouver des instructions avancées au sujet de tous les aspects de ce processus sur le site de WordPress si vous rencontrez des ennuis. Nos instructions constituent une version simplifiée du processus et sont conçues pour vous faire gagner du temps. 13.3 Prêt à l emploi Quelle que soit la manière dont vous avez installé WordPress, se connecter pour la première fois sur votre nouveau site peut être intimidant. En jetant un coup d œil, c est extrêmement chargé! Heureusement, la version la plus récente affichera un guide pratique Pour commencer (Getting Started) pour vous aider à régler la présentation du site et à ajouter du contenu. Figure 13-6: : La page des paramètres de l installation de WordPress.install settings web page. Figure 13-5: Les volets local et à distance dans un programme FTP. Tableau de bord (Dashboard) Le tableau de bord (dashboard) est le centre de contrôle de votre site. Il peut être atteint à tout moment en cliquant sur le lien que nous avons surligné en bleu. Ensuite, nous avons deux groupes de liens dans le menu situé à gauche. En rouge se trouvent les zones de création et de téléchargement du contenu, alors qu en vert se trouvent les zones plus administratives telles que les paramètres, site l apparence et les Modules complémentaires nous traiterons cela dans l Unité 14. En jaune, vous 100 2012 Excel With Business
trouverez, entre autres choses, un lien direct vers le début de votre site. Articles et pages Ce sont les principales manières de générer du contenu sur votre site. Par défaut, les articles (posts) s afficheront sous forme de liste continue sur la page d accueil de votre site alors que les pages seront affichées séparément et atteintes via un menu ou une navigation similaire. La procédure d ajout de l un ou de l autre est, en fait, presque la même, donc examinons l interface pour les ajouter À partir de la section que nous avons surligné en rouge, rendezvous soit sur Posts > Ajouter un nouveau (Add New) ou Pages > Ajouter une nouvelle (Add New). Ceci vous conduira vers un écran d édition pour ajouter un article ou une page ils sont très similaires. Entrez un titre pour votre article ou votre page, puis avancez et ajoutez le contenu. Ceci a lieu dans la grande zone de texte située au centre et sera familière à quiconque a écrit un courriel avec un fournisseur de messagerie électronique tel que Gmail. La barre d outils (Toolbar) au sommet vous permet de formater le texte et d insérer des hyperliens. Audessus, le lien «Télécharger/Insérer» (Upload/Insert) vous permet d ajouter des images, de l audio ou des vidéos. À cet égard, créer une page web a été rendu aussi simple que possible. Vous noterez que dans le Figure 13-7: La page «Tableau de bord» d admin WordPress. Figure 13-8: La page «Ajouter un nouvel article» du WordPress (Add New Post). coin supérieur droit de la zone de texte se trouve un onglet qui passe de «Visuel» (Visual) à «HTML», permettant de créer des articles et des pages plus développées. Une fois que vous avez terminé l édition de votre article ou de votre page, vous devez cliquer sur «Publier» le bouton bleu dans le coin en haut à droite pour sauvegarder votre travail et le mettre en ligne. Avant de le mettre en ligne, vous pourriez également sauvegarder un brouillon et y revenir plus tard pour le terminer, ou obtenir un aperçu de votre travail dans un nouvel onglet de navigateur ou une nouvelle fenêtre. 101 2012 Excel With Business
Vous constaterez qu il y a des options supplémentaires telles que «Catégories» (Categories) et «Balises» (Tags). Elles peuvent être utilisées pour, par la suite, organiser votre contenu ; pour le moment, nous les sauterons, mais nous reviendrons dessus dans l Unité 14. Voir votre contenu sur votre site. Pour voir votre site, cliquez sur le lien «Se rendre sur le Site» (Visit Site) dans le coin supérieur gauche de la fenêtre ou tapez votre nom de domaine dans la barre d adresse. Il devrait ressembler à ça (Figure 13-9). Dans leur configuration actuelle, les nouveaux articles apparaîtront l un après l autre sur la page d accueil du site et les pages apparaîtront sous forme de liens dans la barre de menu noire qui court au milieu, sous l image de titre. Tout a donc fonctionné sans heurt. Mais si vous vouliez vous démarquer de la foule et faire que votre site reflète votre personnalité parfaite et votre superbe apparence? Dans la prochaine Unité, nous examinerons en détail comment utiliser WordPress pour gérer le contenu d un site. Figure 13-8: : Un exemple de thème WordPress par défaut affiché sur la page d accueil. PROCHAINE L UNITÉ 14 WORDPRESS II 102 2012 Excel With Business