WordPress 5
Date : du xx au xx mois
Année 2019
Plan
Qu’est ce que WordPress ?
Plan de formation
Publics concernés
Connaissances requises
Prérequis logiciels (outils) pour la formation
Qu’est ce que
WordPress ?
WordPress est une plate - forme qui permet de disposer d’un « socle » pour la
création d’un site Internet
Je vais dérouler cette formation comme si je construisais un vrai site Internet avec WordPress, sous vos yeux
Attention :
Votre création sera logiquement moins complète que si elle avait été réalisée par un professionnel.
Un peu comme si vous construisiez vous-même votre maison.
Ne pas sous-estimer et/ou dévaluer le travail des professionnels du web (dont je fais partie)
Publics
concernés
(*)
TPE : très petite entreprise
Connaissances
requises
Un serveur local
Nous allons utiliser « WAMP » pendant la formation
http://www.wampserver.com/
Un client FTP
https://filezilla-project.org
Un éditeur de fichier
Nous allons utiliser « NotePad++ » pendant la formation
http://notepad-plus-plus.org/fr/
Créer et utiliser un site
avec WordPress 5
unsite.fr = 109.234.160.6
?
.fr?
’u nsite
I Pd
dr esse
A
(ns1.unsite.net)
Page
« ind
ex »
d’uns
ite.fr
?
1) Reposer sur des plates-formes déjà existantes (Blogger, Over-Blog, Wix, etc.)
Qu’est ce que
WordPress ?
Plan
Présentation
Histoire de WordPress
Fonctionnalités
o Fonctionnalités principales
o Les extensions
o Les thèmes
L’outil WordPress.com
Présentation
WordPress est un CMS
WordPress était surtout axé blog à ses débuts, mais il est désormais
capable de gérer n’importe quel type de site Internet
2008 (v2.5) : WordPress a déjà été téléchargé presque 5 millions de fois depuis sa sortie
2010 (v3.0) : WordPress est téléchargé 10 millions de fois depuis sa sortie en 2003
2012 (v3.x) : WordPress est téléchargé 50 millions de fois depuis sa sortie en 2003
2014 (v4.0) : « Explosion » de WordPress
WordPress est numéro 1 mondiale en tant que plate-forme de gestion de contenue
2018 (v5.0) : L’objectif de WordPress est de s’orienter vers une expérience de construction de site plus
intuitive avec le nouveau éditeur “Block Editor (GUTENBERG)”
Fonctionnalités
principales
Publier des pages et/ou des articles
De manière visuelle, c’est-à-dire en « WYSIWYG »
Par exemple :
Un outil pour maintenir à jour une Newsletter
WordPress est un « socle » qui constitue à lui seul un site Internet qu’il faut ensuite
compléter par :
Des extensions
Des thèmes
Des développement personnalisés (facultatif)
Puisque c’est un site Internet, il faut qu’il soit hébergé sur un serveur
Pourquoi choisir
WordPress ?
Plan
La communauté
La facilité d’utilisation
Le système d’extensions
Le système de thèmes
Communauté
Alors vous n’aurez pas de mal à trouver un développeur pour vous aider
WordPress est généralement présenté comme le CMS le plus simple à prendre en main
De plus, il ne nécessite aucune connaissance en HTML ou en PHP, à la différence d’autres CMS
plus complexes
Relativement fiable
Les thèmes sont vendus à des prix très raisonnables, certains sont même gratuits
Résumé
WordPress a de nombreux avantages :
Les prérequis
d'installation ?
Plan
Les prérequis d’installation
https://fr.wordpress.org
WAMP:
WAMP : WampServer propose un environnement de développement sous Windows.
Il offre tous les composants nécessaires (Serveur Apache2, langage PHP et base
de données MySQL) pour obtenir une application Web dynamique. Dans notre
cas, un site WordPress
A noter que WampServer donne accès à phpMyAdmin. Cela permet de gérer plus
facilement vos bases de données.
WAMP:
Comment installer WampServer sur Windows ?
Quand l’installation est terminée, vous devez voir logiquement une icône W comme vous
pouvez le voir dans le capture d’écran ci-dessous.
WAMP:
Lancez WAMP
Lancez Wamp, s’il n’est pas déjà lancé !
Wamp est en marche quand son logo est vert dans la barre des taches.
Puis cliquez sur localhost ou tapez directement l’adresse
http://localhost dans votre navigateur.
Si wamp ne veux pas se lancer cliquez sur « restart all services ».
Si le logiciel « skype » est en marche, quittez le logiciel, et relancez wamp. Il y a
un bug très connu entre skype et wamp ! Il utilise les même ports … Toutefois si
vous relancez skype une fois wamp lancé, vous pouvez utiliser les 2 en même
temps.
Si le problème persiste redémarrez l’ordinateur et au pire, re-téléchargez le
logiciel et réinstallez le .
Installer WordPress en Local
Une fois que le logiciel Wamp est installé, On doit créer une Base de données grâce
à phpMyAdmin
Cliquez sur « phpmyadmin » et connectez vous, l’utilisateur : root et le mot de passe : (vide).
Vous accédez au panel de phpmyadmin, là où seront stockées toutes vos bases de donnée. La base
de données renfermera toutes les informations du site.
Cliquez ensuite sur « bases de données », puis créez une base de données.
Vous pouvez choisir n’importe quel nom pour la base. Par exemple « wordpress » ou
« formationwordpress »
Installer WordPress en Local
Une fois que le logiciel Wamp est installé et que votre BDD a été créée, rendez-vous sur la
page https://fr.wordpress.org et téléchargez la dernière version française de WordPress.
Une fois que vous l’avez téléchargé, dézippé le fichier wordpress.zip à l’aide de WinRAR ou
WinZip et placez l’ensemble des fichiers dans le répertoire www de Wamp. (Ordinateur >>
Disque local (C:) >> wamp >> www)
Quand vous avez fait ça, en allant dans localhost, vous devez voir apparaitre dans vos projets le
dossier wordpress.
Installer WordPress en Local
Sur la page localhost, cliquez sur le nom de votre projet. Vous accédez alors à cette page :
et le panel d’administration à :
http://localhost/dossierdevotresite/wp-admin
Un
h éb
erg
em
Votre site sera hébergé sur un serveur, quelque part dans le monde en
t:
C’est simplement « un ordinateur qui ne s’arrête jamais » (ou presque)
C’est l’endroit où les informations « dynamiques » de votre site serontstockées, comme par
exemple :
Quand vous souscrivez à une offre d’hébergement PHP, ce genre de chose est généralement
inclus d’office
Un client FTP
FileZilla
Installer WordPress
Chez un hébergeur ?
Plan
Ce que va vous fournir votre hébergeur
Télécharger WordPress
Un « accès FTP »
Télécharger des fichiers depuis votre serveur (hébergeur) vers votre ordinateur
C’est « le download »
Télécharger des fichiers depuis votre serveur (hébergeur) vers votre ordinateur
C’est « l’upload »
Upload de WordPress
Comment choisir
son hébergeur ?
Plan
De nombreux hébergeurs
Que vérifier
Il y a énormément d’hébergeurs
OVH Tunisie
oxahost
Webhost
Zenhosting
vipdomaine
Novahoster
Ooredoo
Les prérequis techniques
Le langage « PHP »
Les emails
Espace offert par l’hébergeur
Taille de WordPress
Environ 20Mo
Nom de domaine Offert la première année Offert la première année Offert la première année
Multisites
5 10 Illimité
(Nombre de sites conseillé)
Garanties :
Ressources - - CPU: A partir de 1x vCore
RAM: A partir de 2 Go
Module 1 clic conseillé
PHP 7.3 / 7.2 / 7.1 / 7.0 / 5.6 7.3 / 7.2 / 7.1 / 7.0 / 5.6 7.3 / 7.2 / 7.1 / 7.0 / 5.6
Node.js - - -
Python - - -
3x 400 Mo
1x 200 Mo 3x 800 Mo
Base de données SQL 1x 2 Go
1x 4 Go
Support de l’hébergeur
Hébergement Mutualisé
Les avantages
Vous n’aurez pas à vous occuper de la maintenance du serveur
Les inconvénients
Pour les sites importants, performances généralement plus faibles que sur un serveur dédié
Hébergement Dédié
Les avantages
Les performances
Les inconvénients
S’occuper du serveur (mises à jour de sécurité, etc.)
Prendre en main
WordPress
Découvrir l'accueil
de l'administration
Plan
Se connecter
Le tableau de bord
Découvrons l’interface
Se connecter
Pour se connecter :
En local : http://localhost/dossierdevotresite/wp-admin
Sur le serveur : http://www.nomdudomaine/wp-admin
Le tableau de bord
Découvrons l’interface
Découvrons l’interface
Créer du contenu
Articles vs Pages
Plan
Créons un article
Commencez par regarder du côté de l'onglet "Options de l'écran" tout en haut à droite
de votre fenêtre.
Vous allez pouvoir à partir d'ici choisir d'afficher ou de masquer différents blocs de
sélection lorsque vous créez un article, comme le choix de l'auteur, de la catégorie de
l'article, d'afficher les partages et les like, etc.
Créons un article
Pour cela, passez votre souris sur l’onglet « Articles » puis cliquez sur « Ajouter ».
Vous allez pouvoir immédiatement modifier cette adresse si elle ne vous convient
pas en cliquant sur "Modifier".
Notez que de nombreux thèmes vont également vous proposer dans leur réglage de
choisir un format d'URL à appliquer pour tous les articles, ce qui peut être très pratique.
Créons un article
Sous le titre, vous avez une grande boîte dans laquelle vous allez pouvoir écrire votre article
en soi. Vous allez déjà pouvoir choisir parmi deux types de façon d'écrire en haut à droite :
soit "Visuel", soit "Texte".
Vous allez plutôt choisir d'écrire vos articles en mode "Visuel" si vous ne possédez aucune
connaissance en HTML. Avec ce mode, vous allez utiliser les options disponibles dans
l'éditeur pour par exemple mettre votre texte en gras, italique, créer des liens ou ajouter des
médias, sondages, etc.
Créons un article
En cliquant sur « Ajouter un élément », vous allez avoir accès à tous les short codes (=
options) que propose le Visual Composer.
Créons un article
Premièrement, il vous faut créer une section ou une rangée; sachant que vous
pouvez insérer des rangées dans une section, mais pas l’inverse.
Vous pouvez visualiser ces rangées et sections comme des boîtes dans lesquelles
vous allez ranger vos éléments.
Tout en sachant que vous pouvez séparer vos rangées en plusieurs partie, afin de
mieux agencer et organiser votre contenu.
Créons un article
Dès que votre article est écrit, vous allez pouvoir choisir son format selon le type de contenu créé (ce
sera bien souvent "Par défaut") ainsi qu'une image à mettre à la une (image qui apparaitra avec le
résumé de l'article sur la page d'accueil de votre blog WordPress par exemple).
Vous allez également pouvoir choisir dans quelle(s) catégorie(s) classer votre article et lui
attribuer des étiquettes qui sont des mots clefs relatifs au contenu de votre article.
Créons un article
Enfin, dès que vous en avez terminé avec le choix des options, vous allez pouvoir choisir
l'état de publication de votre article et sa visibilité
Vous allez pouvoir enregistrer votre article en tant que brouillon si vous ne souhaitez pas
le publier immédiatement, ou vous allez encore pouvoir le publier à une certaine date
donnée.
Finalement, vous allez pouvoir choisir si tout le monde peut accéder à l'article ou si
celui-ci va être privé ou protégé par un mot de passe.
Créons un article
Dans le sous onglet "Catégories", vous allez pouvoir créer plusieurs catégories ainsi que des
descriptions relatives à chaque catégorie pour pouvoir ensuite ranger vos articles dans telle ou telle
catégorie.
Les catégories vont être importantes dans le cas de l'affichage au sein d'un menu ou pour une
recherche d'articles par thématique. Je vous conseille donc de ne pas les négliger et de bien réfléchir
au choix des catégories que vous allez créer.
Pour un blog de cuisine, par exemple, on peut imaginer différents types de catégories comme :
"entrée", "plat", "dessert" ou "cuisine française", "cuisine italienne", "cuisine asiatique" ou même
encore "vegan", "régime", "plaisir", etc.
Gardez à l'esprit que les catégories ne sont pas exclusives : vous allez pouvoir attribuer plusieurs
catégories à un article, donc pas de soucis ! Une recette de salade peut par exemple tout à fait
rentrer dans les catégories "entrée" et "vegan".
Créons un article
Les "étiquettes" vont correspondre à ce qu'on appelle dans le langage courant des mots clefs.
Les mots clefs sont des mots importants dans vos articles sur lesquels vous souhaitez vous positionner
dans Google. Par exemple, si vous créez une recette de cookies fourrés, vous voudrez certainement
apparaitre dans les premiers résultats de Google lorsqu'un utilisateur tape "cookie", "cookies", ou
"cookies fourrés".
Renseigner ces mots clefs peut vous aider à cela, même si aujourd'hui il est reconnu que Google ne
porte plus qu'une attention très, très limitée aux mots clefs.
Finalement, le sous-onglet copier un article va vous permettre de... copier un article afin de l'utiliser
comme modèle dans le futur.
Créons une page
Lorsque vous créez ou modifier une page, la démarche est la même que pour
les articles.
Allez dans « Pages » afin d’accéder à toutes vos pages et ainsi pour les gérer et les
modifier.
Je ne vais pas m'étendre plus avant sur la création de pages WordPress puisqu'une
nouvelle fois cela va beaucoup ressembler à ce qu'on a déjà pu faire avec les articles.
Toutefois, remarquez qu'à la différence des articles, nous n'allons pas parler ici de
"catégories" (puisque classer les pages d'un site par "catégorie" selon la définition
donnée par WordPress n'a pas de sens) ni d'étiquettes.
Cela ne signifie pas que vous ne devez pas faire d'effort sur le contenu de vos pages :
pensez toujours à écrire du contenu pertinent et original en incluant les mots pour
lesquels vous souhaitez être trouvé dans Google.
Vous allez également pouvoir choisir un "modèle de page", c'est à dire un design
général pour chaque nouvelle page créée : affichage comme une page d'accueil, sous
forme de grille, plein écran, ...
Article ou page ?
Une Page est statique :
La page remplit en général tout l’écran. Cela peut servir pour une
présentation, un CV, un album photo, ou l’accueil de votre site. Une page
d’une manière générale est très peu modifiée après sa publication. Par
exemple, si je vais représenter les produits ou les services d’une société, ça
sera dans une page puisque je n’aurais pas à ajouter des produits tous les
jours …
Chaque page de mon site pourra avoir un design bien propre à lui.
Article ou page ?
Article
Page
Un article est dynamique
Lié à un auteur x Oui
Contrairement à une Page. l’article s’affiche dans différents endroits, en
mode réduit ou développé. On les fait défiler sur l’écran du haut vers le bas.
Lié à des
Si on mots clés
clique sur(tags ou étiquettes)
le titre d’un article, on l’affichex en pleine page. Oui
Les articles (appelés aussi billets) sont la base d’un blog. Avec leur date &
Possède une date de publication x Oui
heure, leurs commentaires, leurs tags… Ils permettent de publier des
actualités, des humeurs, des informations… Ils sont donc classés par date.
Possible de faire des commentaires x Oui
Tous les articles auront le même design dans tout le site.
Onglet médias
Plan
Les médias
L'onglet "Médias" contient deux sous-onglets : "Bibliothèque" et "Ajouter un média" qui vont
respectivement vous permettre d'accéder à la liste de vos médias (photos, vidéos, pistes audios, etc.)
et de modifier leurs informations (titre, titre alternatif, etc.) et d'ajouter un nouveau média.
Une fois placés dans votre bibliothèque, vous pourrez insérer ces médias dans vos articles
ou dans les pages de votre blog WordPress, tout simplement.
les médias : Quels médias importer ?
Les commentaires
Les liens
Portfolio
les commentaires
Vous allez également pouvoir utiliser les cases à cocher sur la gauche de la fenêtre et les
boutons en haut pour effectuer des actions groupées, comme supprimer ou valider plusieurs
commentaires d'un coup.
Portfolio
Pour cela, rendez-vous dans l’onglet « Portfolio » afin d’atterrir sur la page vous
présentant tous vos portfolios déjà existants.
Pour créer une nouvelle page de réalisation sur votre portfolio, cliquez sur « Add
New », en haut de votre page.
Pour modifier mais aussi créer une nouvelle page sur votre portfolio, rien de plus
simple: cela s’articule comme lors de la création d’un article ou d’une page.
Gérer WordPress
Outils
Réglages
Outils
L'onglet "Outils" va vous permettre d'importer des articles, commentaires,
utilisateurs, etc. à partir d'autres structures comme Blogger ou Tumblr entre
autres. Vous allez également à partir de cet onglet pouvoir exporter le
contenu de votre blog afin de le sauvegarder ou de le transférer sur un autre
site.
Vous allez également pouvoir configurer la publication de vos articles par email et
lier votre site à différents services comme la Search Console de Google par exemple
afin d'avoir accès à toutes les données statistiques proposées par Google.
Réglages : Général
Le sous onglet "Général" vous permet de modifier le titre, le slogan, l’adresse du site, le
fuseau horaire, les formats de date et d’heure, la langue du site, l’adresse mail et
l’inscription au site
Réglages : Ecriture
Le sous onglet "Ecriture" va vous permettre de gérer les options sur l’écriture des
articles, les catégories et formats par défaut…
Le sous onglet " Lecture" vous permet d’afficher soit des articles ou une page en
accueil, définir le nombre d’articles à afficher, flux rss, d’afficher un extrait ou le texte
complet et d’autoriser notre site à l’indexation dans les moteurs de recherche.
Réglages : Discussion
Le sous onglet " Discussion" vous permet de paramétrer les commentaires ainsi que les
avatars.
Réglages : Médias
Le sous onglet " Médias" vous permet de choisir la taille des images.
Réglages : Permaliens
Le sous onglet " Permaliens" vous permet de configurer les urls, aussi appelé « url
rewriting ».
Gestion des utilisateurs
Créer et Gérer un
utilisateur
Plan
Passons maintenant à l'onglet "Utilisateurs" de votre back office WordPress. Cet onglet va
déjà vous permettre d'inviter de nouveaux utilisateurs et surtout de gérer les différents rôles
Un abonné n'aura
et privilèges par défaut
de chaque aucun: de
utilisateur droit d'écriture
simple abonné ouàde modification
modérateur sur votrepar
en passant blog mais
simplement
contributeur,unauteur
droit de
ou lecture.
éditeur. Un auteur en revanche aura le droit d'écrire de nouveaux
articles (que vous pourrez choisir de modérer avant publication ou pas). Un administrateur
dispose de tous les privilèges : lecture, écriture, modification du blog.
Gérer Son
propre profil
Vous allez également à partir de l'onglet "Utilisateurs" pouvoir compléter votre propre
profil, et notamment ajouter les liens de vos profils sociaux et écrire une courte biographie.
Ces liens et informations vont pouvoir s'afficher lorsque vous commentez sur d'autres blogs
WordPress par exemple, ce qui permettra de vous identifier plus facilement et d'attirer
quelques visiteurs supplémentaires vers votre propre blog.
On peut aussi renseigner un "gravatar", qui est une image (avatar) qui va s'afficher à côté
de votre nom lorsque vous allez laisser des commentaires ou dans votre profil auteur.
Gérer Son
propre profil
Finalement, vous allez pouvoir régler certains paramètres personnels relatifs à votre profil
ainsi qu'à votre blog, comme par exemple la couleur de votre interface d'administration,
c'est-à-dire de votre back office, la langue utilisée, etc.
Personnaliser son site
Thèmes
Extensions
Qu’est-ce qu’un thème WordPress ?
Sous WordPress, comme pour la plupart des CMS, la gestion du fond et de la forme est
totalement indépendante. C’est-à-dire que e texte et les images que vous insérez dans vos
pages Internet sont déconnectées de l’apparence de votre site Web
Avec un thème WordPress, vous modifiez le design de votre site Web, c’est-à-dire son look,
sans que le contenu des pages ne soit modifié.
Très souvent, les boutiques de thèmes WordPress utilise un ou plusieurs termes pour qualifier
leurs thèmes, il est important de se familiariser avec ce vocabulaire afin de cibler rapidement
les thèmes répondant à vos critères de recherche.
Blog : Un thème WordPress peut être qualifié de “Blog” lorsqu’il est particulièrement
adapté au blogging. Entendez par là qu’il vous donne la possibilité de partager vos articles,
photos, vidéos, citations et autres à vos lecteur, et ce par ordre chronologique et par
catégories.
Business : Thème dont la page d’accueil facilite la mise en avant de votre entreprise et de
vos services. Conçu évidemment pour les entreprises physiques ou en ligne.
E-commerce : Thème conçu pour vendre des produits en ligne. Ils mettent en avant vos
produits et donnent des solutions afin de gérer tout le processus de vente, en général en
installant un plugin dédié à cet effet comme le célèbre WooCommerce.
Petit Lexique des Thèmes WordPress
Events : Qualifie un thème dédié à l’annonce et/ou à l’actualité d’un événement (concert,
soirée, compétition sportive, etc).
Flat : Ce terme qualifie un courant du Webdesign en vogue en ce moment. Il se caractérise
par un design minimaliste associée à des couleurs vives. Le but étant de rendre l’expérience
utilisateur la plus intuitive possible.
Fullscreen : Met en avant vos photos en les affichant en plein écran. Plutôt destiné aux
artistes.
Gratuit : Qualifie un thème gratuit. Propose souvent des fonctionnalités bien moins avancées
que dans un thème Premium, mais peut suffire à votre bonheur, tout dépend de ce que vous
souhaitez réaliser.
Magazine : Thème particulièrement adapté si votre site a pour vocation de transmettre de
l’information en quantité. Très souvent la page d’accueil aura des allures de une de journal
ou de magasine.
Petit Lexique des Thèmes WordPress
Multi-Purpose : Véritable couteaux suisses, ce sont des thèmes à tout faire. Avec eux vous
pourrez réaliser des sites à buts divers et variés.
Multimedia : Thèmes mettant en avant des contenus multimedia : images, vidéos et sons
sont ici mis en valeurs.
One Page : Courant de Webdesign de plus en plus répandu. Ici tout le site tient sur une page, et
le contenu s’affiche au fur et à mesure que vous descendez sur la page. Cette dernière est
souvent assez longue.
Portfolio : Permet de mettre en avant vos réalisations (photos, vidéos, sculptures, artisanat).
Destiné aux artistes et autres créatifs.
Responsive : C’est le critère le plus recherché à l’heure actuel. Le contenu d’un thème
responsive se réorganise automatiquement en fonction de la taille de l’écran de l’utilisateur
(ordinateur fixe, portable, tablette, smartphone) et ce afin de procurer une expérience
utilisateur optimale quelle que soit la situation.
Tumblog : Ici vos contenus s’affichent comme sur la célèbre plateforme de blogging Tumblr.
Simple et efficace.
Vidéo : Dédiée à la publication et partage de vidéos et autres podcasts.
La sécurité de votre site WordPress
Avant de choisir votre thème WordPress, j’insiste tout d’abord sur la nécessité de porter une
attention toute particulière à la sécurité.
WordPress est un logiciel “open source” ce qui se traduit par « logiciel libre » en français. Par
conséquent, tout le monde peut contribuer en proposant un thème par exemple.
Depuis le site WordPress.org, en plus de pouvoir télécharger le CMS WordPress, vous trouvez :
De nombreuses extensions.
Après avoir paramétré votre filtre, sélectionnez un thème qui vous plaît dans la liste pour
accéder à la fiche descriptive détaillée du thème sur laquelle sont indiqués :
Le nombre de téléchargement de ce thème.
Vu que la plupart des thèmes sont gratuits sur WordPress.org, n’hésitez pas à en télécharger
plusieurs pour voir ce qu’ils rendent sur votre site Web. C’est la seule façon de voir ce qu’il
donne réellement sur votre site Web et son contenu.
Choisir un thème WordPress sur une bibliothèque de confiance
Il existe de nombreuses bibliothèques de thèmes de confiance sur lesquels trouver des thèmes
WordPress gratuites ou payants.
Le fait qu’un thème soit payant implique que le développeur s’est, a priori, appliqué pour le
concevoir puisqu’il ou elle a l’intention de vendre son travail (le thème).
Évidemment, être payant n’est pas forcément synonyme de qualité, mais c’est souvent le cas.
Choisir un thème WordPress sur une bibliothèque de confiance
Theme Forest : Themeforest propose 11.000 thèmes WordPress ! Vous avez l’embarras du choix.
Les prix sont ceux du marché : de 19 à 59 $ environ. La plupart des thèmes reçoivent des notes (de 1 à
5 étoiles) pour juger de leur qualité.
WordPress : De nouveau, le site officiel de WordPress qui répertorie aussi des thèmes payants. Par
contre, il y a plusieurs inconvénients selon moi. Tout d’abord, peu de thèmes sont proposés. Ensuite,
pour connaître le prix d’un thème, il faut accéder à la fiche descriptive du thème qui vous dirige vers
le site de l’éditeur du thème. Mais si un thème retient votre attention, n’hésitez pas !
Elegant Themes : le choix est très restreint avec seulement 87 thèmes, mais de haute qualité.
Consultez leur offre tarifaire. Pour un abonnement annuel, vous accédez à TOUS les thèmes. Pour des
agences ou des développeurs freelance qui créent des sites régulièrement, cela peut être très
intéressant.
Choisir un thème gratuit ou payant ?
Quelles sont les principales différences entre un thème payant et un thème gratuit ?
Les thèmes sont open source. C’est-à-dire que le créateur d’un thème peut être :
Un professionnel aguerri
Un jeune développeur en train de construire son portfolio
Ou un amateur autodidacte qui crée des thèmes pour le plaisir !
Ce ne sont pas forcément ces derniers qui créent les moins bons thèmes. Mais a priori, leur
exigence de qualité est sûrement moindre qu’avec des thèmes de professionnels, voire payants.
Choisir un thème gratuit ou payant ?
Les thèmes gratuits sont en général mis à jour moins souvent, voire jamais. En plus,
le support est quasiment inexistant.
Par conséquent, vous devez compter sur la communauté WordPress pour avoir des réponses à
vos questions ou vous y connaître un minimum en langage HTML pour faire des modifications.
Si vous retenez un thème payant, son développeur a les yeux rivés sur sa note d’appréciation
et donc il fait le nécessaire pour :
Publier des mises à jour très régulières pour éviter une note d’appréciation qui baisse.
Si vous démarrez avec un premier site, choisissez un thème gratuit et commencez par vous
familiariser avec WordPress.
5 critères pour choisir un thème WordPress
Comment vous assurer que thème choisi (voire payé !) est bien celui qui répond à
vos attentes et qu’il est de confiance ?
La popularité
La sécurité
Les fonctionnalités
Le design du thème
Un design responsive
La popularité du thème
Prenons comme exemple Madd Magazine présent dans la bibliothèque de thèmes de WordPress.
Environ 2000 sites Web ont installé ce thème et il n’y pour l’instant aucun « Ratings ». Les ratings sont les votes
sur la qualité du thème.
La popularité du thème
Analysons maintenant la page du thème Twenty Seventeen, toujours dans la bibliothèque de WordPress.
Ces 2 critères, permet de dire que ce thème n’a aucun souci de qualité et/ou problème de sécurité.
Et voici ses infos de téléchargements et
votes :
Note : Twenty Seventeen est développé par WordPress. C’est aussi un gage de sécurité et le fait qu’il soit
proposé par défaut dans WordPress est sûrement aussi la raison d’un tel succès.
• Plus de 1 million installées actives
Vérifiez la qualité du code et l’existence de soucis de qualité sur Theme Check. Entrez tout simplement le nom d’un thème pour
obtenir immédiatement une note de qualité avec d’éventuels avertissements.
Par exemple, la version 2.2 du thème Twenty Seventeen obtient qu’une note de 96/100.
Les fonctionnalités du thème
Pour retenir un thème WordPress qui corresponde à vos attentes, le 3ème critère à analyser sont les
fonctionnalités fournies en standard.
Twenty Seventeen donne vie à votre site avec un en-tête vidéo et des images mises en avant immersives.
En mettant l’accent sur les sites d’entreprises, il offre de multiples sections sur la page d’accueil comme
sur les widgets, les menus de navigation et sociaux, un logo et bien plus encore. Personnalisez sa grille
asymétrique avec votre propre jeu de couleurs et mettez en valeur vos contenus multimédias avec les
formats d’articles. Notre thème par défaut pour 2017 fonctionne dans de nombreuses langues, dans tous
les domaines et sur n’importe quel type d’appareils.
Notez les fonctionnalités vous intéressent (ou qui vous intéresseront un jour) et choisissez votre thème
en fonction.
Le look et design du thème
Bien sûr, vous pourrez le modifier, ajouter des photos, changer les couleurs pour l’accorder avec votre
charte graphique.
Pensez à valider que vos couleurs préférées sont en accord avec les goûts de vos personas.
Soyez bien attentif au design de la page d’accueil et la place réservé au logo. Testez le thème sur votre
site Web pour bien vérifier que vos contraintes sont respectées.
Un Persona est une personne fictive dotée d'attributs et de caractéristiques sociales et psychologiques et qui représente un groupe cible.
Un design responsive
Dès 2015, Google constate plus de trafic sur l’Internet mobile que sur les ordinateurs
Le principe du Web design évoluent dans ce sens. Et les sites Internet optimisés pour les smartphones et
les tablettes sont une nécessité.
En outre, aujourd’hui, les contraintes Mobile First de google donnent la priorité au mobile pour classer
vos pages dans ses résultats de recherche.
Si votre thème ne s’adapte pas en fonction de la taille de l’écran (ordinateur, smartphone, tablette…), ne
le choisissez pas !
Un design responsive
Vous
Vérifiez
avez
la repéré
compatibilité
un site Web
de vos
quipages
vous sur
plaît.
mobile
Vous avec
voudriez
l’outil
savoir
“Mobile
quel Friendly”
thème, il utilise
gratuit? de Google.
Rien de plus simple, faites appel à “What wp theme is that”. Si le site Web en question est sous WordPress,
il y a de fortes chances que “What wp theme is that” vous donne le thème utilisé.
Vous ne trouvez pas votre bonheur ! Sachez que le développement d’un thème sur mesure est aussi possible.
Comment ajouter un thème WordPress
Voici 2 façons de procéder pour ajouter un thème WordPress selon qu’il est présent sur
la bibliothèque de WordPres.org ou non.
Si le thème que vous retenez est référencé dans la bibliothèque de WordPress, connectez-
vous à WordPress et rendez-vous dans le menu Apparence > Thèmes.
Si le thème est présent sur une autre bibliothèque, commencez par télécharger le fichier
zip du thème sur le site en question.
Dans les 2 cas, le thème est maintenant non activé mais installé sur votre serveur.
Vérifiez en vous rendant sur la page Apparence > Thème.
Comment changer le thème de votre site sous WordPress
Changer un thème WordPress sur un site Web en ligne pour lui donner une nouvelle
jeunesse n’est pas compliqué, mais il faut le faire avec attention.
Lorsque vous essayez d’apporter des modifications à votre site Web, la première
solution qui peut venir à l’esprit est de modifier le thème directement. Cela signifie donc
qu’on va changer des fichiers de votre thème.
Le plus grand inconvénient est que toutes les modifications apportées au thème de cette
manière seront perdues une fois que le thème est mis à jour par son développeur. En
conséquence, si on ne veut pas perdre les modifications, on va choisir de ne pas faire la
mise à jour (ce qui est mauvais pour la sécurité) et si on va faire la mise à jour du
thème on va perdre la personnalisation et les modifications faites sur notre site.
L’avantage majeur est donc de pouvoir bénéficier des mises à jour du thème parent tout
en poursuivant les changements sur le thème enfant.
Il faut aussi noter qu’un thème enfant n’est pas une entité autonome, et qu’il dépend
entièrement de son père pour pouvoir fonctionner.
Le thème enfant modifie ou ajoute des propriétés aux fichiers d’un thème existant.
Dès que vous appliquez une modification, l’aperçu à droite se met à jour en temps réel
Aucune d’inquiétude à voir. Tant que vous ne validez pas les changements en cliquant
sur le bouton “Enregistrer” tout en haut, vos visiteurs voient le thème avant
modification.
Le sous onglet
Comme "Widget"
vous pouvez vavous
le voir, vousallez
permettre
par de gérer les widget de votre blog WordPress. Les Widgets de
exemple pouvoir
WordPress afficher uneà liste
correspondent des d'archives
petits blocs qui vont être affichés à différents endroits de votre blog
ainsi qu'uneetbarre
WordPress de recherche
qui vont contenirsur la droite de
différentes informations.
votre site. Vous allez également par exemple
pouvoir afficher les articles et commentaires
Vous allez
récents pouvoir
dans choisir
votre pied ici le
de page nombre de Widgets que vous voulez afficher et la zone de votre site dans
WordPress.
laquelle vous souhaitez les afficher.
L'une des grandes forces des menus WordPress est que vous allez pouvoir créer différents niveaux de menu.
Pour faire cela, il vous suffit de cocher l'article de votre choix et de cliquer sur "Ajouter au menu". Ensuite,
vous n'avez qu'à faire glisser l'article en question sous la catégorie désirée en le décalant légèrement vers la
droite.
Attention à la
taille des
images
Si vous changez de thème, une attention particulière est à apporter à la taille des
images, je parle de celles de vos contenus.
En effet, chaque thème WordPress définit ces tailles d’image par défaut. Par contre, ces
tailles d’image ne sont appliquées qu’aux images téléchargées une fois le thème activé.
Pour générer les nouvelles tailles des images téléchargées précédemment, il est
nécessaire de « régénérer vos miniatures »
N’oubliez pas que les images sont la principale cause de ralentissement du temps de
chargement de vos pages Web.
Qu’est ce qu’une extension WordPress ?
L'une des plus grandes forces de WordPress est, en plus d'être une structure déjà très robuste et pleine de
fonctionnalités, d'être modulable.
Cela signifie que WordPress a été créé afin de pouvoir recevoir des plugins ou extensions développés par des
développeurs externes et qui vont encore accroitre ses capacités.
Les extensions (ou Plugins) sont des outils pour étendre les fonctionnalités de WordPress. Le cœur de
WordPress a été pensé, pour être simple, pour maximiser la flexibilité et minimiser les tâches de code. Les
plugins offrent des fonctions sophistiquées et des fonctionnalités pour que chaque utilisateur puisse l’adapter
aux besoins spécifiques de son site.
Concrètement, une extension (ou plugin) est un petit logiciel qui vient ajouter des fonctionnalités à votre site
sous WordPress. Écrits avec le langage de programmation PHP, les plugins WordPress s’intègrent
parfaitement avec WordPress.
Qu’est ce qu’une extension WordPress ?
Autrement dit, une extension (ou plugin) installé sur WordPress est similaire à une application que vous
téléchargez sur votre smartphone.
Des milliers d’extensions WordPress sont disponibles gratuitement depuis le répertoire officiel des plugins
WordPress.
Ajouter en quelques clics des fonctionnalités à votre site Web sans avoir à connaître une seule
ligne de code, ni faire appel à un développeur.
Comment installer un plugin WordPress ?
La façon la plus rapide d’installer un plugin WordPress depuis votre console d’administration.
Cliquez sur le bouton “Installer maintenant”. WordPress télécharge alors l’extension puis
l’installe automatiquement sur votre serveur
Une extension WordPress fonctionne si vous l’activez. Pour cela, cliquez tout simplement sur
le lien “Activer extension”.
Voilà, en moins de 2 minutes, vous avez installé et activé une extension WordPress.
Quels sont les critères de choix d’une “bonne” extension ?
Tout d’abord, faites bien attention lorsque vous choisissez une extension. Certaines sont de meilleure qualité
que d’autres.
En plus, la plupart des extensions étant gratuites, le support technique n’est pas forcément réactif, ni même
existant.
Combien de fois cette extension a-t-elle été téléchargée ? A quand date la dernière mise à jour ?
Est-elle compatible avec la dernière version de WordPress ? Quelle note les utilisateurs lui ont-ils donnés ?
Heureusement, les réponses à toutes ces questions se trouvent dans la page de l’extension :
Jetpack va vous donner accès aux statistiques principales de votre site comme les statistiques sur
les visites, sans toutefois offrir des statistiques aussi poussées que Google Analytics par exemple.
Jetpack va également apporter des services de sécurité pour votre site WordPress, notamment des
protections contre les attaques de force brute et les connexions non autorisées.
Cette extension va également vous aider à améliorer le trafic sur votre site avec des outils comme
les articles similaires, publicize, la distribution améliorée, et les boutons de partage.
Ce plugin va vous aider à lutter contre le spam (messages indésirables) en vérifiant automatiquement
chaque commentaire et en filtrant ceux qui ressemblent à du spam sur la base de certains mots clefs.
Liste des extensions à installer absolument
Le plugin Yoast SEO va vous permettre d'optimiser le référencement de votre site WordPress, c'est à
dire de mieux positionner les différentes pages de votre site pour des recherches sur certains mots clefs
dans les moteurs de recherche comme Google.
Yoast est un plugin très complet qui va vous donner de nombreuses informations utiles pour chacune
de vos pages ou chacun de vos articles.
Yoast va également vous donner des informations sur les liens créés, point clef d'une stratégie de
référencement et vous fournir des outils d'intégration sociaux.
l'extension Yoast SEO va vous permettre de vérifier la qualité d'écriture de vos articles et pages et
de l'améliorer.
Liste des extensions à installer absolument
Utiliser Google Analytics pour WordPress
Si vous prenez votre site au sérieux, vous aurez besoin d'avoir accès à des statistiques avancées. Pour
cela, vous utiliserez certainement l'outil Google Analytics.
L'extension Google Analytics Dashboard for WP va vous permettre de lier votre compte Google Analytics
à votre site WordPress et d'insérer le code de suivi des statistiques dans chaque page de votre blog afin
d'obtenir des statistiques détaillées.
De plus, ce plugin va vous permettre de visionner les statistiques offertes par Google Analytics
directement dans le Back Office de votre blog WordPress pour un plus grand confort d'utilisation.
Liste des extensions à installer absolument
Wordfence est un plugin totalement gratuit qui va vous permettre de vous protéger contre les tentatives
de hacking de votre blog.
Cette extension va vous informer en temps réel des tentatives de hacking de votre site et vous alerter
immédiatement dans le cas où une attaque réussirait.
Liste des extensions à installer absolument
L'extension UpdraftPlus WordPress Backup Plugin va vous permettre de créer des sauvegardes
régulières de votre installation, en cas de problème.
Ce plugin va également vous permettre de restaurer votre site à partir d'une sauvegarde en toute simplicité.
Liste des extensions à installer absolument
WordPress met à notre disposition un éditeur puissant pour écrire de nouveaux contenus, que ce soit
des articles ou des pages : l'éditeur TinyMCE.
L'extension TinyMCE Advanced va vous permettre d'accroitre encore un peu plus ses capacités en vous
permettant de créer des tableaux, de gérer immédiatement la famille de polices d'écriture utilisée, ou
de réarranger votre éditeur.
Liste des extensions à installer absolument
Le plugin Contact Form 7 est l'un des plugins emblématiques de WordPress, disponible et très populaire
depuis des années maintenant.
Ce plugin va vous permettre de créer simplement des formulaires de contact dans des pages de votre site
WordPress. Il gère parfaitement les formulaires de contact multiples, et la personnalisation des contenus
des formulaires et des e-mails avec des balises simples.
Contact Form 7 supporte également les envois par Ajax, les CAPTCHAs, l’anti SPAM Akismet et bien
d'autres.
Configuration Contact Form 7
Optimiser la vitesse d'affichage de vos pages avec W3 Total Cache ou WP Super Cache
W3 Total Cache et WP Super Cache sont deux excellents plugins qui vont mettre une partie de votre site
WordPress en cache afin d'optimiser la vitesse d'affichage de vos pages.
Le système de cache est simple et néanmoins efficace : le contenu caché ne va pas être retéléchargé à
chaque fois par l'utilisateur, d'où un affichage plus rapide des différentes pages et un plus grand confort de
navigation.
W3 Total Cache fournit davantage d'options que son confrère WP Super Cache qui est lui plus léger et
simple d'utilisation. A vous de faire votre choix !
Liste des extensions à installer absolument
MailChimp est un logiciel de Newsletters très connu, qui permet de gérer ses listes d'abonnés, de créer
des Newsletters personnalisées et de les envoyer aux groupes choisis.
Le plugin MailChimp for WordPress va vous permettre de lier votre compte MailChimp à votre compte
WordPress, afin de récupérer vos abonnés WordPress dans vos listes d'emailing MailChimp et de créer des
campagnes d'email en ciblant précisément ces abonnés.
Liste des extensions à installer absolument
Accelerated Mobile Pages for WordPress : rendre votre site compatible sur mobile
L’extension AMP se débrouille pour rendre vos pages compatibles avec le standard Accelerated Mobile
Pages. Ce protocole adapte le design de votre contenu pour qu’il se charge plus rapidement sur les
mobiles.
L’extension est très complète et surtout constamment améliorée avec plusieurs mises à jour par mois. J’ai eu
aussi besoin de contacter le support qui m’a répondu sous 24h.
Liste des extensions à installer absolument
Comme son nom l’indique, Broken Link Checker détecte tous les liens cassés présents sur le site Web de
votre entreprise :
Eliminez régulièrement les liens cassés. En effet, ils perturbent l’expérience de vos visiteurs. En plus, supprimer tous
ces liens renforce le référencement naturel (SEO) de votre site.
Liste des extensions à installer absolument
Le plugin Google Captcha (reCAPTCHA) protège efficacement vos formulaires de contact contre les robots
spammeurs, tout en ne compliquant pas trop la tâche des êtres humains.
Captcha peut être utilisé sur tout type de formulaires : connexion, enregistrement, récupération de mot de
passe, commentaires, formulaires de contact…
Visual Composer
Visual Composer est un plugin WordPress qui vous permet de glisser et déplacer des éléments pour créer et
modifier votre site WordPress. Vous pouvez facilement ajouter de nouveaux blocs de texte, des boutons, des
images, etc. Glissez simplement l'élément vers la page, puis ajustez les propriétés comme vous le souhaitez.
Visual Composer pour WordPress vous permettra de gagner du temps et vous serez en mesure de créer des
mises en page complexes en seulement quelques minutes!
Le principe de fonctionnement: Ajouter des colonnes ou des éléments en un simple clic puis à l’aide de votre
souris faites glisser les éléments afin de les organiser comme bon vous semble.
Liste des extensions à installer absolument
Léger, interface simple et facile à utiliser, pour vous ou pour vos clients. La création de pages /
articles n’aura jamais été aussi facile.
Aucune connaissance en programmation n’est nécessaire.
Système de modèles, copiez ou réutilisez des pages ou des articles existants et enregistrez vos
modèles pour une utilisation ultérieure.
Totalement responsive, votre contenu sera aussi bien adapté sur PC, tablettes et mobiles.
Liste des extensions à installer absolument
Il y a plus de 40 éléments de contenu que vous pouvez ajouter à n’importe quelle page. Ils sont
divisés en quatre catégories : Contenu, Social, Structure, et les widgets Wordpress standard. Vous
pouvez ajouter des colonnes, des lignes, des blocs de texte, des accordéons, Facebook comme des
boîtes, des galeries d’images, même du code HTML brut.
Liste des extensions à installer absolument
Chaque élément a ses propres paramètres où vous pouvez modifier l’apparence de cet
élément particulier.
Liste des extensions à installer absolument
Vous pouvez également utiliser n’importe lequel de leurs modèles de page pré-construits pour
accélérer votre temps de conception. Les modèles vont des pages À propos au service et aux
pages d’accueil.
Chaque site ayant ses spécificités et chaque entrepreneur ses attentes, votre liste est sûrement différente.
Par contre, si je devais faire un extrait de la liste des extensions indispensables à tout site sous WordPress, je
retiendrai :