L'ABC de comment créer un site WordPress
Votre boussole pour créer votre site WordPress sans perdre le nord - ÉDITION 2019-2020

créer site WordPress

Vous voulez créer un site WordPress, mais ne savez pas par où commencer? Ou peut-être avez-vous toujours eu l'impression que ce serait beaucoup trop difficile, car il vous faudrait apprendre la programmation et le design? Détrompez-vous! Je vous guide étape par étape pour la création d'un site Internet complet que vous ayez, ou non, des connaissances en Web.

  • Niveau d'expertise requis : Débutant à intermédiaire
  • Temps pour installer votre site : Soyons réaliste, je dirais environ 1 à 2 heures pour avoir un site WordPress prêt à y accueillir ensuite, vos contenus
  • Ce que vous obtiendrez : Un site Web complet, un nom de domaine, de l'argent de plus dans vos poches, du temps économisé en suivant un tutoriel clair et efficace...

Un petit mot sur votre enseignant du jour

« J'ai créé mon premier site WordPress en 2006 alors que j'avais très peu d'expérience avec le Web. Google fut monallié durant cette période! Après 13 ans d'expérience avec WP, j'ai fondé mon agence de création de sites Internet, j'ai démarré le blog de WP Pour les Nuls et j'enseigne WordPress au collège. Bonne lecture! »

- Louis-Philippe Dea

Chapitre 1: WordPress, c'est quoi, ça fait quoi?

Commençons par la base, WordPress, c'est quoi?

WordPress est un CMS (Content Management System - Système de gestion de contenu). Eh... en français s.v.p. ? 🤨

C'est en fait un logiciel qui sert de fondation à la création d'un site Web.

Je couvrirai en profondeur chacunes des étapes de création d'un site WP : du choix de l'hébergeur, à la mise en ligne finale, en passant par la modification des visuels et l'ajout de vos contenus.

Est-ce que WordPress est une plateforme de blogging ?

Questions WordPress

Je me fais souvent poser la question suivante: « Est-ce que WordPress est une plateforme spécifique à un blog? ».

WordPress est officiellement né le 27 mai 2003. À l'époque, oui, on pouvait dire que WordPress était dédié à la création d'un blog. Depuis cette époque, le logiciel WordPress a évolué d'une façon spectaculaire 🎆 pour devenir LA plateforme de gestion de contenu la plus utilisée à travers le monde et ce, pour créer n'importe quel type de site Internet. Celle-ci est idéale pour :

  • le site d'une entreprise
  • un portfolio
  • un magazine en ligne, site de nouvelles
  • un blog (voyage, cuisine, perso)
  • une boutique en ligne
  • etc.

En 2019, WordPress est utilisé par 35% de tous les sites web à travers la planète (source). Les autres CMS qui suivent sont Joomla avec 2.8% de part de marché et Drupal avec 1.7%. Vous pouvez lire mon article pour comprendre les différences entre WordPress, Joomla et Drupal. Sachant cette information, WordPress est donc très loin de la spécificité du blogging.

À titre d'information, il existe plusieurs services en ligne pour faire un blog ou un site web. Vous pourriez être tenté d'aller vers un service gratuit, mais par expérience, sachez que ça vous causera davantage de tord que vous ne pourriez le penser. En effet, à court, moyen et à long terme, vous rencontrerez de fortes limitations qui deviendront des irritants majeurs et qui vous freineront dans vos élans. Un site Web doit être un tremplin et non un boulet qui nous retient et nous tire de l'énergie.

Contrairement à certaines croyances, utiliser un service payant est loin d'être dispendieux (on parle d'environ 85€ / 125$ CAN d'investissement). N'oubliez jamais que l'outil que vous utiliserez sera la fondation de votre projet. Si vous partez avec une fondation solide, votre projet a beaucoup plus de chance de réussite!

Attention! Avec WordPress, deux options s'offrent à vous. Les personnes sont souvent confuses par celles-ci. Voici donc l'explication :

  • WordPress hébergé par les serveurs de WordPress.com : un produit très limité sur plusieurs aspects comme les visuels et les fonctionnalités. C'est aussi un service assez dispendieux pour obtenir lesdites fonctionnalités qui nous intéresse.
  • 👉 WordPress hébergé sur votre serveur : C'est l'option que je vous recommande sans le moindre doute. Dans ce cas-ci, WordPress est 100% gratuit. Le coût de votre site web sera alors pour l'hébergement de vos fichiers. L'avantage, aucune limitation à la plateforme et un prix plus raisonnable.

Je vous montre exactement comment faire pour utiliser la seconde option afin de ne rencontrer aucune limitation contraignante dans la création de votre blog, éviter les irritants à court, moyen et long terme et surtout, pour obtenir un site web professionnel tout en sauvant temps, argent et énergie.

Un blog c'est quoi et ça sert à quoi?

pourquoi créer un blog

Un blog est un site Internet créé pour y partager de l'information, des ressources ou des opinions par rapport à différents sujets ou passions. Il y a plusieurs raisons pour lesquelles vous pourriez avoir le goût de vous lancer dans cette belle aventure :

  • Obtenir plus de visibilité pour une entreprise. Que vous soyez travailleur autonome, une PME ou une grande entreprise, ajouter un blog à votre site web vous donne la possibilité d'obtenir plus de visibilité à moindre coût. C'est une bonne façon d'obtenir des leads de qualité pour une business.
  • Pour faire de l'argent en travaillant de la maison. Une partie de mes revenus provient de WP Pour les Nuls. En 2019, des dizaines (voir centaines) de milliers de personnes ont choisi de se créer un revenu principal ou un revenu d'appoint en bloguant. Lisez ici mon guide sur comment faire de l'argent avec un blog. ⚠️💪 Mais attention, ne vous faites par d'illusion. Faire de l'argent avec un blog, c'est beaucoup de travail, mais c'est à la portée de bien des gens et vos risques financiers sont minimes (85€ / 125$ CAN)..
  • Simplement pour écrire et partager. Si vous souhaitez partager vos voyages, des histoires, encouragez d'autres gens, faire la critique de restos, ou créer une communauté tournant autour d'un sujet précis, créer un blog est un excellent médium pour prendre le micro.

Chapitre 2: Choisir le nom de domaine pour votre site web

Un nom de domaine est une adresse web. Par exemple, www.wppourlesnuls.com est mon nom de domaine. Bien choisir un nom de domaine est un art en soi. Cela peut se faire hyper rapidement ou nécessiter une période de réflexion puisque celui-ci est bien souvent intimement relié à :

  1. Votre nom d'entreprise, nom de projet, votre branding.
  2. Ou à ce que vous faites (ex : www.recettesvegan.com)

Voici quelques conseils et notions à savoir concernant les noms de domaine :

nom de domaine
  • À moins que vous ayez déjà un forfait d'hébergement, n'achetez pas un nom de domaine chez GoDaddy ou chez tout autre registraire. La raison est qu'à la prochaine étape de ce tutoriel, on parlera d'hébergement web et que la majorité des hébergeurs vous offre gratuitement un nom de domaine à l'achat de votre forfait.
  • Je vous suggère de toujours opter pour l'extension .com si celle-ci est disponible. Les .com sont les extensions les plus connues et les plus courament utilisées.
  • Si le .com n'est pas disponible, envisagez d'utiliser un .fr (si vous offrez des services en France), un .ca (Canada), .org (si vous êtes un organisme), .edu (site d'université ou d'école), .net, ...
  • Assurez-vous que celui-ci est facile à prononcer et à épeler.
  • Si possible, gardez votre nom de domaine simple et court
  • N'ajoutez pas de tiret, nombres ou autres types de caractères spéciaux.
  • Soyez mémorable

Pour plus de conseils en la matière, lisez mon article sur 10 règles pour choisir un nom de domaine.

Chapitre 3: Trouver un hébergement WordPress

La base: un hébergement web c'est quoi, ça sert à quoi?

Un hébergement web sert à accueillir les fichiers nécessaires à l'affiche d'un site web. Par exemple, votre hébergement fait le pont entre les fichiers WordPress de votre site et entre votre nom de domaine pour que les utilisateurs puissent consulter votre site. Ce qui fera en sorte que quand quelqu'un écrira www.votresite.com dans son navigateur, le nom de domaine sera relié à votre serveur web pour afficher votre site.

Comment faire pour choisir un hébergement? Il y a des tonnes de compagnies!

J'ai créé un guide complet qui compare les services d'hébergements WordPress les plus populaires et les mieux cotés par la communauté WordPress. Au travers celui-ci, vous pourrez identifier vos besoins, comparer les avantages et les inconvénients de chacun pour effectuer votre choix. Voici aussi un tableau résumé pour vous aider dans votre choix.

Tableaux résumés pour les services d'hébergement WordPress

Meilleur offre qualité / prix

HÉBERGEUR
PRIX / MOIS
TRAFFIC
FRANÇAIS
PHYSIQUEMENT EN FRANCE
PLUS
EX2
€3.95
Illimité
OUI
OUI
o2switch serveur web
€5.00
Illimité
OUI
OUI
hébergement WordPress BlueHost
€2.65
non mesuré
NON
NON
€31.16
25 000 / mois
NON
NON

Support et service à la clientèle en français. Serveur situé en France.

HÉBERGEUR
PRIX / MOIS
TRAFFIC
FRANÇAIS
PHYSIQUEMENT EN FRANCE
PLUS
EX2
€3.95
Illimité
OUI
OUI
o2switch serveur web
€5.00
Illimité
OUI
OUI

Les meilleurs prix

HÉBERGEUR
PRIX / MOIS
TRAFFIC
FRANÇAIS
PHYSIQUEMENT EN FRANCE
PLUS
hébergement WordPress BlueHost
€2.65
non mesuré
NON
NON
EX2
€3.95
Illimité
OUI
OUI
o2switch serveur web
€5.00
Illimité
OUI
OUI

Beaucoup de trafic

HÉBERGEUR
PRIX / MOIS
TRAFFIC
FRANÇAIS
PHYSIQUEMENT EN FRANCE
PLUS
EX2
€7.99 (5 sites)
Illimité
OUI
OUI
€84.86
100 000 / mois (5 sites)
NON
NON
€10.50 (sites illimités)
100 000 / mois
NON
NON

Chapitre 4: Installer WordPress sur un serveur web

Effectuer l'installation de WordPress varie d'une compagnie d'hébergement à l'autre. De façon générale, c'est assez simple, mais ça demande quand même d'effectuer quelques manoeuvres spécifiques. À titre d'info, la compagnie EX2 effectue l'installation de WordPress pour vous en un rien de temps (quelques minutes tout au plus)! Pour tout autre hébergeur, voici la procédure détaillée pour effectuer votre achat et y installer WordPress.

Installation de WordPress chez EX2

hébergement WordPress EX2

Chez EX2, c'est facile! Suite à l'achat de votre forfait d'hébergement WordPress, l'équipe technique de EX2 effectue automatiquement l'installation de WordPress sur votre hébergement associé à votre nom de domaine en environ 5 minutes. Facile non!? De l'économie de temps et d'énergie, on aime! Chapeau à l'équipe pour cette fonctionnalité seulement offerte habituellement chez les compagnies comme WP Engine qui facture minimalement €31.16 par mois pour l'hébergement.

Autre bonus, le team de feu vous installe aussi par défaut le certificat SSL gratuitement, ce qui fait en sorte que votre site WordPress est dès le début, sous la version HTTPS. Du bonbon! 🍬🙌👏

Visiter Ex2

Installer WordPress chez o2switch

o2switch serveur web

Pour commencer, rendez-vous sur la page d'accueil de o2switch. Cliquez ensuite sur le bouton « Inscrivez-vous » ou « S'incrire maintenant ».

o2switch - accueil

Ajoutez vos informations personnelles (nom, adresse complète, téléphone, etc.).

o2switch - inscription

Il n'y a qu'une seule offre d'hébergement avec 2 options possibles. La première option inclut un nom de domaine gratuit. Choisissez la deuxième option si vous avez déjà acheté ailleurs votre nom de domaine.

o2switch - avec ou sans nom de domaine

Si vous avez choisi l'option « nom de domaine inclue », vous serez invité à sélectionner votre nom de domaine à la prochaine étape.

* À titre d'information, voici le lien web vers la procédure pour lier un nom de domaine à un hébergement o2switch.

o2switch - nom de domaine

La prochaine étape est le résumé de votre commande.

o2switch - résumé commande

Et l'étape finale, le paiement de votre serveur.

o2switch - paiement

Visiter o2switch

Installer WordPress chez BlueHost

hébergement WordPress BlueHost

Comment installer WordPress avec l'hébergement BlueHost

BlueHost a créé une offre exclusive à WP Pour les Nuls à seulement €2.65 / mois. Yeah! 💰

Site web Bluehost

Une fois la page ouverte, cliquez sur le bouton vert«  Get Started Now ».

forfait hébergement bluehost

Choisissez le forfait avec lequel vous souhaitez débuter votre projet. Je recommande généralement soit le plan « basic » ou le plan « plus » pour débuter un nouveau site web. Pour info, si jamais vos besoins venaient à évoluer avec le temps, vous pourrez toujours passer d'un forfait à l'autre. Cliquez sur le bouton vert « select » pour passer à la prochaine étape.

Bluehost choisir nom de domaine

À cette étape, vous choisissez votre nom de domaine gratuit. Si vous en avez déjà un en votre possession, écrivez celui-ci dans la section de droite. Vous devrez plus tard associer les adresses DNS de BlueHost (ns1.bluehost.com, ns2.bluehost.com) à votre nom de domaine via votre registraire de nom de domaine (ex: GoDaddy si vous l'avez acheté chez cette compagnie). Cliquez ici pour connaître la procédure exacte pour lier votre nom de domaine à votre hébergement BlueHost.

bluehost incription du compte

Ajoutez vos coordonnées personnelles. Aussi à cette étape, vous êtes invité à choisir les options que vous voulez ajouter à votre forfait. Choisissez le terme de votre entente (vous pouvez choisir l'hébergement pour 1, 2 ou 3 années). Vous pouvez garder l'option « Domain Privacy Protection » cochée ou non pour protéger vos coordonnées personnelles qui sont reliées à votre nom de domaine. Il peut s'agir d'une option intéressante pour éviter du spam inutile à votre adresse courriel.

Entrez finalement vos informations de carte de crédit pour procéder à l'achat. Cliquez sur la case à cocher « I confirm I have read and agree to the terms... » et finalisez votre commande en cliquant sur « submit ».

Vous serez redirigé à une page de confirmation de création du compte.

Bluehost confirmation achat

Cliquez ensuite sur « create account » et déterminez le mot de passe de votre compte Bluehost.

Effectuer l'installation de WordPress dans votre compte Bluehost

Entrez le nom de votre site web et une courte description de celui-ci. Cliquez sur « Continue ».

bluehost installation wordpress 01

Cochez les cases appropriées à votre projet web.

bluehost installation wordpress 02

Vous pouvez ensuite choisir un thème WordPress gratuit fourni par BlueHost. Il s'agit d'une étape facultative et comme mentionnée dans la vidéo, je vous déconseille d'utiliser un thème gratuit pour la création d'un site web professionnel. Pour plus d'information sur ce sujet, lisez mon article sur les thèmes WordPress gratuits VS les thèmes premiums.

bluehost installation wordpress 03

Voilà! C'est fait! WordPress est maintenant installé sur votre serveur BlueHost.

bluehost installation complétée

Vous pourrez vous connecter à votre console de gestion de contenu WordPress pour débuter la création de votre site web.

bluehost console WordPress

Visiter BlueHost

Installer WordPress chez SiteGround

SiteGround

Comment installer WordPress avec l'hébergement SiteGround

Ouverture du compte d'hébergement SiteGround

Pour commencer le processus d'inscription, rendez-vous sur le site de SiteGround.

site web SiteGround

Une fois sur le site, cliquez sur le bouton vert « Get Started » sous le logo de WordPress étant donné que l'on souhaite ouvrir un hébergement spécialisé WordPress pour y ajouter notre site ou notre blog.

Choissez le forfait qui correspond à vos besoins. Dans la majorité des cas, vous choisirez le forfait « Statup » étant donné que vous avez besoin d'un serveur que pour un seul site web. Si vous avez besoin d'y ajouter plusieurs sites, choisissez « GrowBig ». À noter que vous pourrez toujours « upgrader » votre forfait plus tard si de mise.

forfaits hébergement SiteGround

Par la suite, sélectionnez l'option qui représente votre situation :

  1. Je n'ai pas de nom de domaine et j'aimerais en obtenir un gratuitement (ou j'en ai déjà un, mais j'en veux un autre gratuitement)
  2. OU j'ai déjà mon nom de domaine que j'aimerais utiliser pour mon site chez SiteGround

SiteGround nom de domaine

Entrez vos informations, coordonnées personnelles et information de paiement pour passer votre commande.

SiteGround informations personnelles

Vous obtiendrez alors l'écran suivant vous indiquant que votre service a bien été enregistré.

SiteGround hébergement créé

Cliquez sur « Proceed to customer area ».

Installation de WordPress chez SiteGround

Vous vous retrouverez alors sur le panneau dédié à l'installation de votre site sur votre hébergement web. Débutez cette installation en cliquant sur « Set up site ».

SiteGround début installation WordPress

L'étape 1 a été effectuée automatiquement si vous avez choisi un nouveau nom de domaine lors de l'achat de votre forfait. Si ce n'est pas le cas, vous serez amené à ajouter un nom de domaine que vous possédez déjà (cliquez ici pour connaître la procédure pour lier un nom de domaine à votre hébergement SiteGround si vous en aviez déjà un en votre possession).

On vous demandera de sélectionner entre les options « start a new site » ou « migrate website ». Choisissez « start a new site » s'il s'agit de l'installation pour un nouveau site Internet et choisissez la seconde option si vous avez déjà un site WordPress à migrer.

Choisissez l'option « WordPress » ou « WordPress+WooCommerce » (si vous désirez installer une boutique en ligne WooCommerce).

Ajoutez les informations à utiliser pour vous connecter à votre console de gestion de contenu WordPress. Assurez-vous de garder ces mêmes informations à un lieu sûr.

SiteGround installe site

On vous demande ensuite si vous voulez ajouter différentes options à votre forfait. Je dirais dès lors « non » pour l'option « SG Site Scanner ». Dépendamment de vos préférences, j'ajouterais peut-être l'option de « Domain Privacy » qui sert à protéger vos informations personnelles reliés à votre nom de domaine. Cela peut être une bonne pratique pour éviter les spams inutiles. Cliquez sur « Finish ».

SiteGround extras

Écrivez votre nom de domaine dans la barre d'adresse de votre navigateur Internet préféré pour vous assurer que WordPress a bien été installé. Vous devriez voir quelque chose comme ceci :

site wordpress par défaut

Ouvrez une nouvelle tab dans votre navigateur, écrivez votre nom de domaine et ajoutez-y /wp-admin/ comme ceci : http://www.monsite.com/wp-admin/. Entrez vos informations de connexion utilisées il y a quelques étapes. Cliquez sur « Start now »

SiteGround bienvenue WordPress

On vous incite alors à choisir un thème WordPress gratuit pour votre site. À titre d'info, il y en a déjà un d'installé actuellement sur votre site. Comme mentionné dans la vidéo, je ne vous suggère pas d'opter pour un thème gratuit pour votre site web, car ceux-ci sont limitatifs en matière de personnalisation de visuel et de nombre de fonctionnalités. À mon avis, tout projet web sérieux mérite un thème WordPress professionnel. Naviguez jusqu'au bas de la page et de cliquez sur « Continue »

Siteground thème WordPress

Les 2 dernières étapes consistent à choisir des plugins. Personnellement, la seule option que je cocherais est « Optimize for SEO » puisqu'il installera l'extension Yoast SEO, la seule qui m'intéresse dans cette liste. Pour toutes les autres fonctionnalités, je préfère plutôt d'autres alternatives à ce que SiteGround me suggère. Ex :«  Gravity Forms » pour les formulaires à la place de « WP Forms ».

Votre site WordPress est maintenant installé sur votre hébergement SiteGround! Félicitations!

SiteGround installation terminée

Visiter SiteGround

Chapitre 5: Choisir un thème, l'installer et importer une démo

Un thème payant (premium) ou un thème gratuit?

Concernant les thèmes, deux options s'offrent à vous: un thème gratuit ou un thème premium. Pour ma part la question ne se pose même pas. Après avoir créé quelques centaines de sites WordPress, dans la très grande majorité des cas, choisir un thème gratuit rime avec perte de temps, d'énergie et d'argent. Surtout si on n'est pas programmeur. Tous projets le moindrement sérieux devraient utiliser un thème premium. Pour plus d'information, vous pouvez consulter mon article sur le choix entre un thème WordPress payant ou un thème gratuit.

thème WordPress

Comment choisir le thème WordPress qui convient à mon projet?

Pour commencer, il faut connaître ses besoins et le type de site web à bâtir. S'agit-il d'un site portfolio, d'un site d'entreprise, un magazine en ligne, un blog, une boutique en ligne (e-commerce)? Voici quelques liens incluant des listes de thèmes spécialisés pour chacune de ces catégories :

Vous pouvez aussi visiter directement les sites de vente de thèmes premium les plus populaires :

Sur quoi baser mon choix quand je magasine un thème?

Voici les points que je prends en considération quand je fais du shopping pour trouver un thème spécifique pour moi-même ou un client :

  • l'ensemble des visuels correspond au look que j'aimerais donner à mon projet
  • les styles visuels sont soignés et ont un look actuel
  • le thème propose des fonctionnalités qui répondent aux besoins de mon site web (exemple, il inclut un outil de prise de rendez-vous en ligne)
  • le nombre de téléchargements, les ratings et les commentaires des utilisateurs qui utilisent le thème peuvent être de bons indicatifs de la qualité du thème
  • la compatibilité avec les plugins les plus populaires (WooCommerce pour un commerce électronique, WPML pour un site bilingue, Elementor ou Visual Composer comme sitebuilder, GravityForms pour les formulaires de contact)
  • personnellement, je ne regarde pas vraiment le prix (j'aime mieux payer 60-70$ pour un thème complet, fiable et robuste que 25$ pour un thème avec moins de fonctionnalité et moins de possibilités).

Installer et activer un thème WordPress

Installer un thème WordPress peut s'effectuer de deux façons différentes :

  1. Dans votre console de gestion de contenu: Cliquez sur « Apparence -> Thèmes », puis sur le bouton « Ajouter » en haut de la fenêtre. Sélectionnez ensuite le fichier .zip contenant le dossier de votre thème.
  2. Par FTP: Connectez-vous à votre hébergement web via un logiciel FTP comme FileZilla. Ajouter le dossier de votre thème dans le répertoire « wp-content -> themes ». Activez ensuite celui-ci via votre console de gestion WordPress, dans « Apparence -> Thèmes ».

Attention: Lorsque vous téléchargez un thème premium via ThemeForest ou ElegantThemes ou tout autre site, ceux-ci vous fournissent un fichier .zip contenant plusieurs dossiers en lien avec votre thème tels que des fichiers sources, des fichiers de licence, etc. Attention donc de ne pas uploader ce même fichier .zip, mais de plutôt dézipper celui-ci sur votre ordinateur afin d'obtenir le dossier spécifique à votre thème contenant seulement les fichiers du thème.

Importer une démo

Chaque thème premium possède sa propre façon d'importer une démo de site. J'ai créé une vidéo qui vous montre comment importer une démo pour tous les thèmes suivants : Avada, Bridge, The7 et Enfold. Même si le thème que vous avez acheté n'est pas l'un de ceux-ci, la vidéo vous donnera une vision générale pour apprendre à importer une démo avec n'importe quel thème.

Chapitre 6: Effectuer les configurations de base de WordPress

Pour la configuration de base de votre site WordPress, nous allons utiliser le menu « Réglages   ainsi que ses sous-menus « Général, Écriture, Lecture, Discussion, Médias, Permaliens ».

réglage configuration WordPress

Réglages généraux (sous-menu « Général »)

Voici une liste des settings que je trouve pertinents de modifier :

  • Adresse de messagerie: L'adresse à laquelle vous voulez recevoir des courriels de notification de la part de WordPress (ex: lorsqu'une mise à jour automatique a été effectuée)
  • Inscription: Donner la possibilité à n'importe qui d'avoir un compte abonné à votre site WordPress (pour la grande majorité de mes sites, cette option est décochée)
  • Rôle par défaut de tout nouvel utilisateur: En lien avec le point ci-dessus, quel niveau de permissions souhaitez-vous attribuer par défaut aux personnes qui s'abonnent à votre site?
  • Langue du site: La langue par défaut de votre plateforme de gestion de contenu et la langue de votre site
  • Fuseau horaire: Choisissez le bon fuseau horaire afin que vos publications d'articles s'effectuent à l'heure désirée

Options d’écriture

Le seul setting que je trouve pertinent de modifier ici est « Catégorie par défaut des articles » pour sélectionner la catégorie par défaut de vos articles lorsque vous créez un brouillon ou que vous publiez ceux-ci. À noter que vous devez créer d'abord de nouvelles catégories pour pouvoir ensuite la choisir dans ce menu déroulant.

Options de lecture

  • La page d’accueil affiche: Une option très utilisée qui nous permet de déterminer quelle page ou quel fichier du thème sera défini par défaut pour la page d'accueil. Si l'option « Les derniers articles » est cochée, votre site utilisera le fichier « index.php » de votre thème activé. L'option « Une page statique (choisir ci-dessous) » vous permet de définir une page d'accueil et une page personnalisée pour votre blog d'après une page créée via le menu « Pages ».
  • Les pages du site doivent afficher au plus: Le nombre d'articles qui sera affiché par défaut dans les pages de votre blog avant d'y voir apparaître une pagination
  • Les flux de syndication affichent les derniers: Le nombre d'articles qui sera affiché dans votre flux RSS
  • Pour chaque publication d’un flux, fournir: Encore dans le flux RSS, option qui vous permet d'afficher la version complète de vos articles ou seulement l'extrait de ceux-ci
  • Visibilité pour les moteurs de recherche: Option importante pour le référencement. Celle-ci devrait être décochée si vous voulez que votre site soit indexable et visible par les moteurs de recherche

Réglages de discussion

Toutes les options de cette liste sont assez explicites. Si vous avez des questions à ce propos, n'hésitez pas à ajouter celles-ci dans le module commentaires à la fin de l'article.

Réglages des médias

Pour chacune de grandeur d'images (taille des miniatures->thumbnail, taille moyenne->medium, grande taille->large), vous avez la possibilité de leur spécifier une grandeur spécifique. À noter que les thèmes premium recadrent habituellement automatiquement ces formats d'images.

Permaliens

  • Date et titre ou Mois et titre: À utiliser si jamais vous avez un site web de style magazine ou journal en ligne qui publie des dizaines d'articles par jour
  • Titre de la publication: Option la plus fréquemment utilisée, car celle-ci est la plus « user friendly » pour les moteurs de recherche, les réseaux sociaux et vos utilisateurs

Chapitre 7: Personnaliser un site WordPress (logo, navigation, footer, sidebar)

Ajouter un logo dans WordPress

Bien que tous les thèmes WordPress sont programmés différemment, la façon d'ajouter un logo personnalisé est semblable d'un thème à l'autre. Consultez la vidéo ci-dessous pour un tutoriel sur comment faire.

Comment ajouter un logo dans WordPress
  1. La majorité des thèmes premium utilisent leur propre menu de personnalisation pour modifier le style visuel de l'en-tête du site et du même coup y modifier le logo (voir la vidéo ci-dessus).
  2. Pour certains thèmes gratuits, cette modification s'effectue via le panneau « Apparence -> Personnaliser ». À l'intérieur de celui-ci, vous trouverez un lien « Identité du site » dans lequel on pourrait possiblement trouver un lien pour ajouter son propre logo.

Modifier la navigation de mon site

Comment modifier la navigation d'un site WordPress

La création de la navigation de votre site WordPress se fait généralement en deux temps lorsque vous utilisez un thème professionnel.

De un, il faut d'abord choisir le style visuel souhaité. Cette fonctionnalité est bien souvent disponible dans la section de modification des préférences du thème, sous l'onglet « menu » ou « header ».

Dans un deuxième temps, lorsque vous avez choisi votre style de navigation, vous devez créer celle-ci en navigant dans votre console WordPress sous « Apparence -> Menu ». Voir l'image ci-dessous concernant l'emplacement de chacune de ces étapes :

  1. Créez-vous un nouveau menu en y ajoutant un nom personnalisé
  2. Cochez les pages et types de page que vous voulez ajouter à celle-ci
  3. Cliquez sur « Ajouter au menu »
  4. Déplacer l'ordre de vos liens selon vos préférences. Vous pouvez même créer des sous-menus
  5. Cochez l'emplacement dans lequel vous souhaitez que votre navigation apparaisse (certains thèmes proposent plusieurs emplacements différents tels que : main navigation, top navigation, footer, etc.
  6. Enregistrer vos changements en cliquant sur « Enregistrer le menu »

ajouter une navigation dans un site Wordpress

Modifier le footer

La facilité d'ajouter et de personnaliser un footer à un site WordPress dépend encore une fois du ou des programmeurs qui ont bâti le thème que vous utilisez. Dans la majorité des cas, l'ajout de contenu au footer se fera dans le menu « Apparence -> Widgets ». Un widget c'est quoi, ça sert à quoi? C'est en fait un bloc attitré à une région précise de votre site WordPress dans lequel vous pouvez y glisser différents types de contenu.

Donc la majorité des thèmes WordPress utilisent les widgets pour contrôler les contenus du footer. Par exemple, avec le thème Avada, vous avez 3 blocs de widgets attitrés au footer : Footer Widget 1, Footer Widget 2, Footer Widget 3.

widgets pour footer WordPress

Les thèmes vous offrent aussi un certain contrôle sur le visuel de votre footer. Naviguez dans le menu de personnalisation du thème et trouvez la section « Footer ». Vous devriez pouvoir choisir minimalement le nombre de colonnes de contenu à afficher et possiblement pouvoir y modifier les couleurs et les typographies.

Ajouter une sidebar (barre latérale)

Il en est de même pour l'ajout d'une sidebar à votre site WordPress. Les contenus de celle-ci se contrôle via le module de widgets (« Apparence -> Widgets ). Vous avez également une section attitrée à la modification des visuels de la sidebar dans votre menu de personnalisation du thème activé.

Pour cette barre latérale, il n'est pas rare que nous souhaitions afficher ou cacher celle-ci dépendamment des pages ou types de pages de notre site. Par exemple, il peut être utile d'avoir une zone de contenu qui prend la pleine largeur du cadre de notre site web plutôt que de séparer cette zone en 2 ou en 3 avec l'ajout d'une ou de deux sidebars.

L'emplacement du contrôle de cette fonctionnalité est variable d'un thème à l'autre. Pour plusieurs d'entre eux, vous montrer ou cacher la sidebar via le menu de personnalisation du thème (voir la 1re image ci-dessous). Aussi, vous pouvez avoir cette possibilité individuellement d'une page à l'autre (ou d'un article à l'autre) via un module spécifique dans la page ou l'article (voir la 2e image ci-dessous).

contrôle affichage sidebar site WordPress

contrôle affichage sidebar page WordPress

Chapitre 8: Créer des pages et y ajouter des contenus

Ajouter de nouvelles pages dans WordPress est facile. Y ajouter des contenus et obtenir la mise en page désirée est cependant une tout autre affaire. Étant donné que chaque thème WordPress est programmé et conçu différemment, il existe de nombreuses méthodes pour arriver à créer des pages visuellement professionnelles et attrayantes. Je vous en explique quelques-unes dans cette vidéo. Je vous suggère aussi de lire la suite du contenu sous la vidéo pour d'autres informations supplémentaires qui pourraient vous être utiles.

Ajouter des pages et des contenus dans WordPress

Peu importe le thème que vous avez, l'éditeur de texte par défaut de WordPress est toujours présent et utilisable d'un site à l'autre. Depuis quelques versions de WordPress, nous avons vu apparaître le nouvel outil d'édition de contenu Gutenberg. Personnellement, je n'aime pas du tout et il y a peu de personnes que je connaisse qui l'apprécient. Je le trouve très limité dans ses fonctionnalités et donc, limitatif lorsque je souhaite arriver à un résultat précis comme visuel de page. J'installe même parfois l'extension Disable Gutenberg qui me permet de revenir à l'ancien outil d'édition de texte de WordPress tellement je trouve celui-ci plus facile d'utilisation.

À noter que j'utilise uniquement cet ancien outil d'édition de contenu natif de WordPress pour la création d'articles de blog puisque leur mise en page est généralement assez de base. Si j'ai besoin de créer une page de contenu plus attrayante visuellement, j'utilise habituellement un outil plus avancé d'édition de contenu (voir la suite ci-dessous).

Les outils d'édition de contenu de type « page builder » ou « site builder »

Il existe de nombreuses extensions professionnelles pour des mises en page plus complexes qui sont fournies gratuitement à l'achat d'un thème premium ou pouvant être acheté séparément si votre thème actuel n'inclut pas un outil de la sorte. Il est à noter que chacune des extensions de site builder présentées dans cette liste nécessite une certaine courbe d'apprentissage avant de se sentir vraiment à l'aise avec leur utilisation. Heureusement, il existe un très grand nombre de vidéos disponibles sur YouTube pour continuer notre apprentissage! Et ça en vaut la chandelle! Voici les page builder les plus populaires:

Divi de ElegantThemes

Divi 4.0 WordPress site builder

ElegantThemes est une entreprise qui conçoit des thèmes premium. Parmi leurs thèmes, le plus populaire et le plus puissant se nomme Divi. Divi est en fait un thème qui utilise un puissant « page builder ». Vous pouvez essayer celui-ci en modifiant des éléments en temps réel pour une vraie page web.

Plus d’info sur Divi Essayer la démo

WP Bakery (Visual Composer)

WP Bakery Visual Composer

Le plugin WP Bakery (également appelé « Visual Composer ») est une extension hyper puissante qui permet de créer toutes sortes de mises en page et d'y ajouter un très grand nombre de types de contenu différents. Cet outil vous permet d'avoir le contrôle sur la disposition de vos éléments et sur les visuels de ceux-ci.

Plus d’info sur WP Bakery Démo

Fusion Builder - Avada

Avada Fusion Builder

Le thème Avada est le thème WordPress le plus populaire de tous les temps. L'équipe de développeurs web qui a programmé le thème a choisi de créer leur propre outil d'édition de contenu appelé « Fusion Builder ». Celui-ci vous permet de créer toutes sortes de mises en page et d'y ajouter un très grand nombre de types de contenu varié.

Plus d’info sur Avada Démo

Autres page builder - Elementor, Beaver Builder, etc.

Elementor
Beaver Builder

Il existe une panoplie d'autres plugins de type « page builder » qui sont très puissants et très populaires dans la communauté. À noter qu'Elementor et Beaver Builder sont les deux extensions les plus populaires chez les développeurs et programmeurs web.

Elementor Beaver Builder

Chapitre 9: Ajouter, créer un blog

Ici, la question n'est peut-être pas de « comment créer un blog », mais plutôt de « comment ajouter un blog à une installation WordPress déjà existante ». Pour l'ouverture d'un blog, nous avons toujours ces deux scénarios possibles :

  1. Mon blog sera mon site web. Ici, le blog sera la page d'accueil et le coeur de mon site Internet (ex: pour mon site de WP Pour les Nuls)
  2. Mon blog fera partis de mon site web. Impliquant que le blog sera installé dans une section spécifique d'un nouveau site Internet ou d'un site déjà existant (ex: wwww.monsite.com/blog/)

Dans la vidéo suivante, je vous explique exactement comment faire pour chacun des deux scénarios. Aussi, je fais un survol de comment entrer vos contenus dans des pages d'articles de blog. * À noter que la vidéo parle initialement des premières étapes que nous avons déjà vues aux chapitres 2, 3, 4 et 5 de cet article, soit le de nom de domaine, l'hébergement, l'installation WordPress et l'installation d'un thème. Vous pourrez donc avancer la vidéo à la 13ème minute de celui-ci.

Comment Créer un Blog WordPress 2019 [Pour Débutant]

Faire de mon site WordPress un blog (dès la page d'accueil)

Dans votre console de gestion de contenu, cliquez sur « Réglages -> Lecture ». Le premier paramètre modifiable ici s'intitule « La page d'accueil affiche... ». En choisissant l'option « Les derniers articles », vous spécifiez à votre page d'accueil qu'elle devra afficher les derniers articles de votre blog et deviendrais donc, en théorie la page principale de votre blog.

blog accueil WordPress

Ajouter un blog à une section précise d'un site WordPress

Même étape initiale, cliquez sur « Réglages -> Lecture » et à la fonction « La page d'accueil affiche... », choisissez plutôt « Une page statique ». Vous avez la possibilité de choisir une page spécifique à utiliser comme page d'accueil de votre site et aussi la possibilité de choisir une page précise pour y afficher votre blog. Les pages affichées dans le menu déroulant proviennent de celles qui auraient préalablement été créées via le module « Pages ».

WordPress blog dans une section

À noter qu'en attribuant une page statique pour le blog, cette même page n'utilisera plus le fichier « page.php » du thème actif, mais plutôt votre page « index.php ».