Lancé à l'origine en tant qu'outil de blogging simple en 2003, WordPress a évolué pour devenir un système de gestion de contenu (CMS) performant. Que vous dirigiez un magazine en ligne, un blog multi-auteurs ou que vous souhaitiez simplement un moyen plus efficace d’organiser des piles de contenu, WordPress est une plate-forme simple à apprendre et hautement personnalisable.

Ce guide suppose que vous avez déjà acheté un nom de domaine et un hébergement Web, car c'est sur quoi nous allons installer WordPress. En l’installant sur votre propre hébergement Web (au lieu de laisser WordPress.com héberger les fichiers), vous aurez plus de flexibilité et de contrôle sur votre site.

Avant de commencer, il convient de garder à l’esprit que l’affinage de votre conception peut être un processus délicat. Supprimer accidentellement une ligne de code vitale peut faire passer votre page d'accueil de perfection à une apparence soudaine, comme si elle avait été conçue par un enfant de 6 ans aux yeux bandés après un tube de Smarties bleus.

Consultez notre guide pour savoir comment installer WordPress sur un serveur local. Cela signifie que les modifications de conception que vous apportez ne seront visibles que par vous avant que vous ne les lâchiez sur un Internet peu méfiant.

• Comment installer et tester WordPress sur un serveur local

Installer WordPress

La première chose à faire est de télécharger les fichiers WordPress principaux sur votre hébergement Web. Téléchargez la dernière version sur WordPress.org. Une fois que vous avez fait cela, pointez votre souris sur cette page et suivez les instructions pour l’installer. Cela ne devrait prendre qu’entre 5 et 10 minutes - préparez une tasse de thé à l’avance et ce sera la température idéale au moment où vous aurez terminé.

Une fois installé, il vous sera demandé de vous connecter avec le nom d'utilisateur et le mot de passe que vous avez choisis. Vous êtes ensuite amené au centre de votre site WordPress - le tableau de bord. Epargnez-vous en mettant vos marque-pages maintenant dans vos favoris.

Vérifier les bases

1. Pour que la configuration de votre site se déroule sans encombre, vous devez vous assurer que quelques options sont correctement définies. Cliquez sur Lecture sous Paramètres dans la colonne de gauche et assurez-vous que Front Page Displays est défini sur Vos derniers messages avant de cliquer sur Enregistrer les modifications.

2. Cliquez sur Général, sous Paramètres dans la colonne de gauche, et décochez la case Tout le monde peut enregistrer. Cela n'est pas nécessaire, car nous allons utiliser Facebook pour traiter les commentaires soumis par les utilisateurs. Définissez le nouveau rôle par défaut de l'utilisateur sur Contributor, puis cliquez sur Enregistrer les modifications.

Installer votre thème

1. Une fois WordPress installé, vous devez vous procurer un thème. Le thème par défaut, TwentyEleven, est assez joli, mais il est plus adapté aux blogs standard et manque de fonctionnalités CMS. Nous allons utiliser un thème de style magazine open source de Wpshower.com appelé Sight. Téléchargez-le ici et placez le fichier zip sur votre bureau. (Remarque: Bien que wpshower soit un site fiable, d'autres thèmes gratuits peuvent contenir du code malveillant. Voir cet article pour plus de détails.)

2. Retournez à votre tableau de bord et cliquez sur Thèmes, situés dans la colonne de gauche, sous Apparence. Cliquez ensuite sur Installer le thème. Cliquez sur Télécharger, puis sur Parcourir pour sélectionner le fichier zip contenant le thème Sight. En cliquant sur Installer maintenant, vous aurez un aperçu du thème. Enfin, cliquez sur Activer pour le mettre en ligne.

Ajout de catégories, d'utilisateurs et de pages

1. Votre site utilisera désormais le nouveau thème, mais il semblera aussi vide qu'un magasin de gardes-feu en chocolat. La première chose à faire est de créer des catégories.

Dans votre tableau de bord, recherchez Catégories dans la colonne de gauche sous Articles et cliquez dessus. Les seuls champs dont nous devons prendre note pour l'instant sont Nom et Parent. Tapez le nom de votre première catégorie: Sport, par exemple. Les catégories WordPress fonctionnent dans des structures hiérarchiques, de sorte que pour la première, vous devrez laisser le parent en tant que Aucun. Cliquez sur Ajouter une nouvelle catégorie en bas pour créer la catégorie.

Vous pouvez maintenant créer une autre catégorie de niveau parent ou une catégorie enfant, par exemple Football. Essayez d’ajouter quelques catégories pour constituer l’ossature de votre CMS.

2. Après avoir ajouté vos catégories, vous devez les ajouter à votre menu de navigation. Cliquez sur Menus sous Apparence dans la colonne de gauche. Cliquez sur l'onglet Navigation et cochez Ajouter automatiquement les nouvelles pages de niveau supérieur.

3. Allez à la rubrique Catégories en bas à gauche de cet écran. Cliquez sur le lien 'Sélectionner tout' puis cliquez sur Ajouter au menu. Accédez au bouton bleu «Enregistrer le menu» (illustré ci-dessus) et cliquez dessus. Vos catégories vont maintenant apparaître dans l'en-tête de votre site.

4. Si vous utilisez votre site conjointement avec d'autres personnes, vous devez les ajouter en tant qu'utilisateurs et définir leurs niveaux d'accès. Cliquez sur Ajouter, sous Utilisateurs dans la colonne de gauche. Remplissez leurs coordonnées et cochez la case "Envoyer ce mot de passe au nouvel utilisateur par courrier électronique".

Dans la liste déroulante en regard de Rôle, sélectionnez le nombre d'accès que vous souhaitez accorder à cette personne. Si vous souhaitez qu'ils puissent soumettre des articles, ainsi que modifier des articles d'autres personnes, choisissez Editeur. Si vous souhaitez uniquement leur permettre de soumettre des articles sur le site, sélectionnez Contributeur. Jetez un coup d’œil sur cette page pour obtenir une liste complète de ce que les utilisateurs de chaque rôle peuvent ou ne peuvent pas faire.

Conseil: Vous pouvez demander à d’autres auteurs de vous envoyer leurs publications par courrier électronique afin de les éditer et de les télécharger, ou de se connecter au site via //www.votrewebsitedomain.com/wp-admin (en remplaçant votre propre domaine par votre site), soumettre l'article eux-mêmes via le tableau de bord.

3. Vous pouvez également ajouter quelques pages contenant des informations sur votre site, par exemple une page À propos de nous ou une page de contact standard. Cliquez sur Ajouter nouveau sous Pages dans la colonne de gauche. Donnez-lui un titre, tapez quelque chose dans la zone de texte principale ci-dessous et cliquez sur Publier pour enregistrer votre page. Il est préférable de s’en tenir à cinq pages avec ce thème, car c’est le nombre de pages qu’il affichera confortablement à côté de votre logo.

Personnaliser les options du thème

Le thème Sight est livré avec quelques options configurables. Dans votre tableau de bord, cliquez sur Options du thème dans la colonne de gauche, sous Apparence. Cliquez sur Télécharger votre logo pour modifier le logo principal de votre site (notez que vous devez en faire une résolution de 290x128 pixels pour éviter tout étirement). Le thème vient déjà avec un fond fantaisie, mais vous pouvez télécharger le vôtre si vous le souhaitez.

Ajout de contenu

1. Pour ajouter un nouvel article, cliquez sur Ajouter, sous Articles dans la colonne de gauche. Entrez un titre et tapez la première phrase de l'article dans la zone Extrait. L'extrait apparaîtra à droite de l'image de bannière de la page d'accueil. Entrez le reste du message dans la grande zone de texte.

Vous devez ensuite ajouter les balises pertinentes (utilisées par WordPress pour effectuer des recherches) et sélectionner les catégories situées à droite de la publication. N'oubliez pas d'utiliser la liste déroulante sous Auteur pour sélectionner la personne qui a écrit le message.

2. Votre page d’accueil comporte une grande et belle bannière coulissante, mais elle n’apparaîtra que lorsque vous aurez annoncé à WordPress les publications qui y figureront. Vous choisirez généralement d'associer le contenu le plus attrayant à votre bannière, par exemple.

Tout d’abord, créez une nouvelle publication ou chargez-en une existante. Sous l'endroit où vous sélectionnez les catégories, cochez la case Afficher en diaporama sous Options du diaporama. En dessous, cliquez sur Définir l'image sélectionnée. Cliquez sur le bouton Sélectionner les fichiers, localisez l'image que vous souhaitez utiliser (640x290 pixels pour éviter tout étirement) et double-cliquez dessus.

Vous serez ensuite présenté avec une nouvelle fenêtre qui dit Utiliser comme image sélectionnée en bas. Cliquez dessus, puis cliquez sur Enregistrer toutes les modifications. Cliquez sur Publier ou Mettre à jour (selon que le message soit déjà publié) et vérifiez votre page d'accueil pour voir votre nouvelle bannière dans toute sa gloire.

3. Notez que vous devez joindre une vignette supplémentaire à chaque publication pour la page d'archive (la page affichée lorsque vous cliquez sur une catégorie), que cette publication apparaisse ou non dans la bannière de la page d'accueil. Lorsque vous modifiez un article, cliquez sur l'image carrée à gauche, illustrée ici:

Maintenant, cliquez sur Sélectionner les fichiers, puis double-cliquez sur l'image que vous souhaitez inclure. Cliquez sur Définir l'image sélectionnée, copiez tout ce qui est écrit dans la case "URL du lien", puis cliquez sur Enregistrer toutes les modifications dans le coin inférieur gauche.

4. Revenez à votre message et cherchez juste en dessous de la zone Extrait pour la zone Champs personnalisés. Il y aura deux champs de texte - un à gauche, sous Nom, et un à droite, sous Valeur. Sous la mention Ajouter un nouveau champ personnalisé, cliquez sur Entrer nouveau. Tapez 'mini-thumb' (sans les apostrophes) et cliquez sur Ajouter un champ personnalisé.

Dans la zone de droite, collez l'URL du lien que vous avez copié précédemment et cliquez sur Mettre à jour. Cliquez sur publier pour enregistrer toutes vos modifications. Ce processus est un peu moins long après la première fois car, après la création, de nouveaux champs personnalisés sont stockés pour un accès facile.

Configuration du plugin Facebook Simple Connect

Bien que surcharger votre site avec trop de plugins (nous en parlons à plus de 40) peut ralentir les temps de chargement et causer des conflits, l’utilisation de quelques-uns choisis avec soin peut faire des merveilles pour transformer votre site en un CMS fluide et mécanique, vous permettant de mieux interagir avec vos lecteurs.

Les sites abandonnent de plus en plus les sections de commentaires natives au profit d'un système de commentaires Facebook intégré. Cela pourrait ne pas convenir à tous les sites (un forum de confidentialité en ligne aurait probablement quelques problèmes), mais la plupart des Britanniques ont un compte Facebook et sont heureux de commenter sous leur vrai nom.

1. Cliquez sur Add New sous Plugins dans la colonne de gauche. Sous Rechercher, cliquez dans la case, tapez "Facebook Simple Connect" et appuyez sur Entrée. Lorsque vous l'avez trouvé, cliquez sur Installer maintenant, puis sur OK. Enfin, cliquez sur Activer le plugin. Dans la colonne de gauche de votre tableau de bord, sous Paramètres, cliquez sur Facebook Simple Connect.

2. La configuration du plug-in parait initialement compliquée à cause des instructions qui vous sont présentées. Cependant, si vous suivez les instructions ci-dessous, «Vous n'avez pas encore créé d'application? vous ne pouvez pas vous tromper.

Tout d'abord, vous devez créer une application Facebook. Une fois que vous avez terminé, vous devez vous procurer l'ID d'application et le secret d'application. Entrez-les dans les champs de la page des paramètres et cliquez sur Enregistrer les modifications en bas pour ajouter un petit formulaire de commentaire soigné alimenté par Facebook sous les articles de votre site. Ça devrait ressembler à ça:

Configuration des widgets

1. Les widgets permettent d’afficher des extraits d’informations sur votre site. Utilement, le thème Sight est livré avec quelques pré-installés. Accédez à Widgets sous Apparence dans la colonne de gauche. Le côté gauche de cet écran vous montre quels widgets sont installés et le côté droit montre quels widgets sont actifs et où ils sont actuellement affichés. Dans la zone "Description du site", assurez-vous que le seul widget répertorié est "Pages". Si d'autres widgets sont présents, cliquez dessus, puis cliquez sur "Supprimer". Si Pages ne s'y trouve pas, trouvez-le sur le côté gauche et faites-le glisser dans la boîte.

2. Dans la zone ci-dessous, intitulée Sidebar, faites glisser le widget Commentaires récents, puis dans le widget Sight Recent Posts. Cliquez sur la flèche déroulante de ce widget, tapez "Articles récents" dans la case Titre et cliquez sur Enregistrer. Enfin, faites glisser le widget Liens sociaux Sight dans la même boîte et cliquez sur la flèche déroulante. Tapez 'Social' dans la boîte de titre.

Vous trouverez ci-dessous une sélection de liens qui, une fois que vous avez cliqué dessus, vous permettent de saisir les URL des profils de réseau social de votre site. Essayez de cliquer sur l'un d'eux, puis entrez l'URL de votre profil de réseau social (par exemple, //www.twitter.com/votreprofile social) sous l'URL du profil, en cliquant sur Enregistrer lorsque vous avez terminé. Retournez sur votre site pour voir votre travail, parfaitement aligné sur votre barre latérale.

Pour brancher ... et au-delà?

À ce stade, vous disposerez d’un système de gestion de contenu (CMS) fondamental, à la fois dynamique et totalement fonctionnel, prêt à être utilisé par vous et vos contributeurs pour commencer à télécharger du contenu en masse. En termes de possibilités, vous avez à peine effleuré la surface de ce dont WordPress est capable.

La bonne nouvelle est que les plugins, qui font le gros du travail pour vous, sont nombreux, faciles à trouver et encore plus faciles à installer. Parcourez la base de données étendue de plugins de WordPress et installez-en quelques-uns qui vous plaisent. Prenez note de ceux qui sont livrés avec des widgets pré-chargés, car le simple processus de glisser-déposer dans la barre latérale rend les expérimentations rapides et sans douleur. Voici 10 suggestions qui amélioreront les prouesses de votre site en matière de CMS:

• All In One SEO Pack - Optimise votre site WordPress pour les moteurs de recherche.
• DDPostsByAuthor - Affiche les 10 derniers articles de l'auteur actuel sous l'article.
• Sociable - Ajoute des liens vers plusieurs sites de bookmarking social sous la publication.
• Admin Menu Editor - Permet de personnaliser complètement la colonne de gauche du tableau de bord
• Photo d'utilisateur - Affiche une image de l'auteur du message sur n'importe quelle page de message.
• Formulaire de contact 7 - Intégrez un formulaire de contact sur votre site.
• Vraiment simple Captcha - Ajoutez un captcha pour aller avec votre formulaire de contact. Empêche les bots de s'inscrire sur votre site.
• Cleaner-Gallery - Ajoutez facilement une galerie d'images à votre site.
• WP-PageNavi - Remplace les liens Suivant et Précédent sur vos pages d’archives par des liens de navigation numériques.
• WP to Twitter - Tweets automatiquement un lien vers une publication publiée à partir d'un compte spécifié.