Comment créer son site WordPress ?
Un guide pour créer son site WordPress sans s’égarer
Toutes les étapes
Chapitre 1
WordPress, c'est quoi, à quoi ça sert ?
Chapitre 2
Choisir le nom de domaine de votre site !
Chapitre 3
Trouver un hébergement WordPress
Chapitre 4
Installer WordPress sur un serveur web
Chapitre 7
Personnaliser un site WordPress
(logo, navigation, footer, sidebar)
Chapitre 5
Choisir un thème, l'installer et importer une démo
Chapitre 8
Créer des pages et y ajouter des contenus
Chapitre 6
Effectuer les configurations de base de WordPress
Chapitre 9
Ajouter, créer un blog
Chapitre 1
WordPress, c’est quoi, à quoi ça sert ?
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.
On va étudier en profondeur chacunes des étapes de création d’un site WordPress : 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 ?
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%.
À 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.
EST-CE QUE WORDPRESS EST UNE PLATEFORME DE BLOGGING ?
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. 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. 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.wordpress.com est un 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é à :
- Votre nom d’entreprise, nom de projet, votre branding.
- Ou à ce que vous faites (ex : www.recettesvegan.com)
Voici quelques conseils et notions à savoir concernant les noms 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 l’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.
TABLEAUX RÉSUMÉS POUR LES SERVICES D'HÉBERGEMENT WORDPRESS
| Hébergeur | Prix / Mois | Trafic | Français | Physiquement en france | Plus |
|---|---|---|---|---|---|
|
|
3.95€ |
Illimité |
OUI |
OUI |
|
|
|
Content |
Content |
Content |
NON |
Content |
|
|
Content |
Content |
Content |
OUI |
Content |
|
|
Content |
Content |
Content |
NON |
Content |
|
|
Content |
Content |
Content |
NON |
Content |
Chapitre 4
Trouver un hébergement WordPress
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.
LA BASE: UN HÉBERGEMENT WEB C’EST QUOI, ÇA SERT À QUOI ?
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! 🍬🙌👏
INSTALLATION DE WORDPRESS CHEZ O2SWITCH
Pour commencer, rendez-vous sur la page d’accueil de o2switch. Cliquez ensuite sur le bouton « Inscrivez-vous » ou « S’incrire maintenant ».
Ajoutez vos informations personnelles (nom, adresse complète, téléphone, etc.).
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.
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.
La prochaine étape est le résumé de votre commande.
Et l’étape finale, le paiement de votre serveur.
INSTALLATION DE WORDPRESS CHEZ BLUEHOST
BlueHost a créé une offre exclusive à WP Pour les Nuls à seulement €2.65 / mois. Yeah! 💰
Une fois la page ouverte, cliquez sur le bouton vert« Get Started Now ».
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.
À 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.
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.
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 ».
Cochez les cases appropriées à votre projet web.
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.
Voilà! C’est fait! WordPress est maintenant installé sur votre serveur BlueHost.
Vous pourrez vous connecter à votre console de gestion de contenu WordPress pour débuter la création de votre site web.
INSTALLATION DE WORDPRESS CHEZ SITEGROUND
OUVERTURE DU COMPTE D’HÉBERGEMENT SITEGROUND
Pour commencer le processus d’inscription, rendez-vous sur le site de 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.
Par la suite, sélectionnez l’option qui représente votre situation :
01 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)
02 OU j’ai déjà mon nom de domaine que j’aimerais utiliser pour mon site chez SiteGround
Entrez vos informations, coordonnées personnelles et information de paiement pour passer votre commande.
Vous obtiendrez alors l’écran suivant vous indiquant que votre service a bien été enregistré.
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 ».
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.
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 ».
É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 :
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 »
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 »
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!
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.
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 :
- 📬 30 thèmes pour un blog
- 🗞 25+ thèmes WordPress pour un magazine ou un site de nouvelles
- 🚀 30 thèmes pour un site de voyage
- 🥗 20 thèmes pour un site de cuisine et recettes
- 📸 40 thèmes WordPress pour photographe
- 🖥 Guide ultime de thèmes WordPress
Vous pouvez aussi visiter directement les sites de vente de thèmes premium les plus populaires :
SUR QUOI BASER MON CHOIX QUAND J'INSTALLE UN NOUVEAU 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 un thème WordPress peut s’effectuer de deux façons différentes :
- 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.
- 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É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 soient 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 voir un tutoriel expliquant comment faire.
01 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).
02 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
01 Créez-vous un nouveau menu en y ajoutant un nom personnalisé
02 Cochez les pages et types de page que vous voulez ajouter à celle-ci
03 Cliquez sur « Ajouter au menu »
04 Déplacer l’ordre de vos liens selon vos préférences. Vous pouvez même créer des sous-menus
05 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.
06 Enregistrer vos changements en cliquant sur « Enregistrer le menu »
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.
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).
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.
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:
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.
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.
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é.
AUTRES PAGE BUILDER - ELEMENTOR, BEAVER BUILDER, ETC.
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 :
01 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)
02 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.
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.
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 ».
À 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 ».
Auteur
Louis-Philippe Dea
Fondateur de WP pour les nuls, de l'agence Guérilla Web et professeur au collège, je me nourris de WordPress, de web et de yoga !