3. WordPress3
Wordpress.com
WordPress propose son propre
espace d’hébergement.
Vous pouvez choisir un nom de
domaine standard
(monsite.wordpress.com) ou
personnalisé et payant
(monsite.fr).
Vous aurez accès un à liste de
thèmes gratuits et payants.
https://wordpress.com/start/
survey
Exemple :
https://ticoet.wordpress.com/
https://ticoet.wordpress.com/wp-
admin/
7. WordPress7
WordPress auto-hébergé
§ Alwaysdata (gratuit 10mo)
§ Hostinger (gratuit 2go)
§ 000webhost (gratuit 1.5go)
§ FreeHosting (gratuit 20go)
§ OVH (payant)
§ Gandi (payant)
Il en existe vraiment
beaucoup. Assurez-vous que
l’hébergeur supporte le PHP et
MySQL pour pouvoir y faire
tourner WordPress.
WordPress est aussi un CMS,
un système de gestion du
contenu, et vous permet de
mettre en place un site internet
dont vous maitriserez une partie
de l’environnement.
Vous devrez pour cela
télécharger le CMS et l’installer
sur un hébergement gratuit ou
payant.Prix des offres OVH
9. WordPress9
Un site dynamique ?
Un site créé avec WordPress est divisé entre deux parties distinctes :
- Le site public est l’ensemble des pages accessibles à tout visiteur. Il
s’agit de l’affichage des articles, pages, catégories que vous avez
publiés, ainsi que les commentaires qui peuvent y être associés. Il est
généré par le thème.
- L’espace privé est l’espace à accès restreint dans lequel les
administrateurs et rédacteurs peuvent écrire des articles, des pages,
modifier la structure du site, suivre et modérer les commentaires, etc. Il
est nécessaire d’être enregistré pour accéder à cet espace, c’est-à-dire
d’avoir un login et un mot de passe. L’espace privé est accessible
depuis le répertoire "wp-admin" du site WordPress.
11. WordPress11
Le menu de WordPress
Le tableau de bord affiche un menu à gauche permettant d'accéder
aux différentes fonctionnalités du site et à des aperçus rapides de ce
qui a été fait.
Le module « D’un coup d’œil" vous donne un aperçu rapide des
contenus répertoriés, qu'ils soient ou non publiés.
Le module « Stats du Site" vous indique les périodes d’activités
éditoriales.
Pour l’affichage des statistiques de Google Analytics, il est possible d’avoir
accès à quelques données mensuelles.
12. WordPress12
Les fonctionnalités présentes dans le menu
§ Articles
Cette partie vous permet de gérer vos
articles, d'en rédiger ou d'en modifier.
Vous pouvez aussi créer des catégories
pour améliorer le classement de ceux-ci.
Les mots clés vous permettent d'ajouter
un moyen supplémentaire de créer du
lien entre vos contenus pour un meilleur
maillage interne.
§ Médias
Gestion et chargement des médias
(images...).
§ Pages
Gestion des pages statiques du site.
§ Commentaires
Espace de modération des
commentaires du site.
§ Contact (option)
Création de formulaire que vous pourrez
ensuite intégrer dans vos pages ou vos
articles.
§ Apparence
Espace qui permet de gérer les menus,
les widgets.
Il existe des fonctionnalités propres à
chaque thème WordPress
§ Utilisateurs
Gestion des utilisateurs du site.
§ Réglages
Accès à des paramètres du site ainsi
qu'à certaines extensions.
§ SEO (option)
Module pour améliorer l'optimisation du
référencement naturel du site.
§ Événements (option)
Module pour créer des événements qui
s’afficheront ensuite dans l’agenda
§ Les modules (options)
Jetpack, ACF, Google Analyics, Outils et
Réglages n’ont pas à être modifié
13. WordPress13
Les articles
L'espace de gestion des articles affiche
un tableau des derniers articles
(actualités). Il est possible, avec les
filtres, de ne faire apparaître qu'une
partie des articles liés à une catégorie.
Dans la partie "Options de l'écran", vous
pouvez choisir d'afficher ou non certains
critères (auteur, catégories, mots
clefs...).
Les articles génèrent un flux et sont
généralement utilisés pour un blog ou une
rubrique d’actualités.
14. WordPress14
Les pages
Les pages sont des éléments très
proches des articles mais qui sont plutôt
dédiées aux contenus statiques du site
(présentation, équipe…). Elles
apparaissent généralement dans les
menus principaux ou secondaires du site.
15. WordPress15
Création de pages et d'articles
Pour la création de pages et d'articles, les
champs principaux sont identiques.
Le champ Titre, obligatoire, va définir le titre de
votre page (qui servira aussi au référencement
de celle-ci).
Le champ Texte, quant à lui, accueillera les
textes et les médias de votre page ou de votre
article.
Dans la barre de menu, vous avez des
raccourcis cliquables pour générer des gras, des
italiques...
Pour faire des sous-titres, il faudra cliquer sur
l'icône pour faire apparaître les autres options.
16. WordPress16
Création de pages et d'articles
Le permalien
Une fois le titre saisi, vous pouvez
améliorer le permalien de votre page ou
de votre article en ajoutant par exemple
des mots clés qui ne serait pas dans le
titre. Par défaut le permalien reprend les
éléments du titre.
Les permaliens se gèrent aussi dans les
réglages du site pour définir le format des
adresses des différentes pages du site.
Vérifiez bien que l’hébergeur permette la
réécriture des URLs.
17. WordPress17
Création de pages et d'articles
Ajouter un média
Pour ajouter une image dans l'article ou
la page, vous cliquez sur "Ajouter un
média". S'ouvre alors une fenêtre.
Vous avez la possibilité de prendre une
image sur votre ordinateur ou dans votre
bibliothèque.
Vous pouvez aussi, suivant les thèmes,
créer une galerie, mettre une image à la
Une ou insérer une image qui est sur un
autre site internet (attention aux droits).
18. WordPress18
Création de pages et d'articles
Spécificités sur l'article
Vous devez spécifiez la catégorie souhaitée pour
votre article. Si vous l’oubliez, l’article sera associé à
la catégorie par défaut.
Les étiquettes ajoutent des mots clés pour lier vos
différents articles ensembles et, même si elles
n’apparaissent pas dans le thème choisi, elles seront
visibles dans le sitemap et aussi dans l’admin pour
filtrer les articles.
Le module discussion permet d’activer ou non les
commentaires sur un article ou une page.
Spécificités sur la page
Les attributs de la page sont spécifiques au thème
choisi qui, généralement, propose des modèles de
page (pour avoir un menu à gauche ou à droite par
exemple).
Le Parent permet de lier une page à une autre
comme sous élément de celle mise en parent.
Cela permet de faire un fil d’Ariane détaillé.
19. WordPress19
Gestion des images
Pour insérer une image dans un article ou dans
une page, vous devez d'abord placer le curseur à
l'endroit où devra se placer l'image.
Ensuite, vous cliquez sur "Ajouter un media".
Différentes options vous seront alors
proposées :
§ Insérer un média ;
§ Créer une galerie ;
§ Mettre une image à la Une (attention,
certains thèmes ne pourront pas afficher
ces images) ;
§ Insérer à partir d'une adresse web.
Pour l'insertion d'image à partir de l'adresse web
de celle-ci, il suffit de coller l'URL puis d'insérer
l'image.
Lorsque vous
utilisez des
images provenant
de sites web,
faites attention
aux droits de
reproduction !
20. WordPress20
Gestion des menus
Il est possible de modifier les différents
menus actifs sur le site et d’en créer de
nouveaux que vous pourrez afficher dans
des widgets.
Colonne de gauche, vous retrouvez les
principaux accès aux données de votre
site. Si les données souhaitées n’y sont
pas, vous pouvez utilisez « liens
personnalisés ».
21. WordPress21
Les widgets
Dans Apparence > Widgets, vous pouvez
accéder aux widgets présents sur
certaines page ou en bas de toutes les
pages.
Dans cet exemple :
§ Ma sidebar est affichée sur les
actualités ;
§ Les 3 footers gèrent les modules
sociaux en bas de la page d’accueil ;
§ Page permet de gérer le texte qui
s’affiche par défaut à droite des pages
quand il n’y a pas d’image insérée (voir
gestion des pages page 10)…
22. Des thèmes payants répondant à la
plupart des besoins
Les thèmes
prenium
23. WordPress23
L’outil idéal pour les
débutants, il est
traduit plus ou moins
bien en français.
Epanel
§ Définir logo et
favicon
§ Ajouter vos profils
de réseaux
sociaux (entête
ou pied de page)
§ …
Divi Builder
Un outil pour gérer
l’affichage des pages
d’une manière assez
poussée :
§ Multicolonnes
§ Ajouts de widget
ou d’éléments
graphiques plus
complexes
(onglets, menu
accordéon,
compteurs…)
En savoir plus :
https://
wpmarmite.com/divi/
https://
www.elegantthemes.
com/gallery/divi/
Prix :
De 69$/an à 249$ (à
vie)
Divi – elegant themes
24. WordPress24
18 démos proposées
pour tester des
dispositions
différentes.
Une documentation
en ligne très poussée
pour répondre à toute
vos questions.
Fusion Builder
L’outil de
constructeur de page
maison du thème
pour découper vos
pages et organiser
vos contenus comme
vous le souhaitez.
Revolution Slider et
LayerSlider
Des outils assez
poussés pour réaliser
des sliders animés.
En savoir plus :
https://wpmarmite.com/
avada/
https://themeforest.net/
item/avada-responsive-
multipurpose-theme/
2833226
60$
Compatible avec
WooCommerce,
Polylang (gestion site
multilangue…)
Avada – envato market
25. WordPress25
Thème plutôt bien fait
qui répondra à la
plupart des besoins
de site web.
De nombreuses
démos pour vous
aider à choisir quel
aspect aura votre
site. (voir
http://winningwp.com/
examples-of-sites-
built-with-the-
wordpress-enfold-
theme-by-kriesi/)
Avia
L’outil de création de
page Avia propose
des options comme
sur les autres thèmes
qui vous permettront
de personnaliser vos
pages d’une manière
assez poussée.
Layer Slider
Pour la création de
sliders.
En savoir plus :
https://
wpmarmite.com/
enfold/
https://
themeforest.net/item/
enfold-responsive-
multipurpose-theme/
4519990
60$
Enfold – envato market
26. Le petit plus wordpress qui peut faire
la différence
Les extensions
27. WordPress27
Contact Form 7
Peut-être pas le plus
complet pour générer
des formulaires, mais
un des plus simples.
Par défaut il vous
propose un formulaire
de contact basé sur
l’adresse du premier
administrateur du
site.
Il est possible d’aller
beaucoup plus loin.
Plus complet :
GravityForms
Yoast SEO
L’extension qui va
booster le
référencement de
votre site. Ce n’est
pas magique
attention mais ça
vous permet de
modifier les éléments
title et description de
chaque page, ça
propose les bonnes
images pour le
partage sur les
réseaux sociaux…
Polylang
Un des meilleurs
outils pour générer un
site multi langue et en
plus le développeur
est français !
Il y a sinon WPML
Les extensions plus connues
28. WordPress28
WooCommerce
L’application pour
ajouter une couche e-
commerce à votre
site. Attention, vous
ne pourrez pas faire
des miracles avec et,
surtout, il existe des
CMS dédiés au e-
commerce
(PrestaShop), mais
pour la vente de
quelques produits,
cela peut suffire.
The Event Calendar
Une extension pour
gérer des
événements avec
agenda et pas mal
d’options. Dans sa
version payante, il est
possible de générer
des événements
récurrents.
Sinon très bien
aussi : Events
Manager (qui
supporte Polylang et
propose de la
reccurence).
bbPress
Outil pour mettre en
place un forum sur
votre site.
Askimet
Pour réduire le spam
Google Analytics
Dashboard
Avoir un aperçu des
stats de votre site
Il existe aussi des
options dans
WordPress pour mettre
en place un multisite
assez efficace.
Et aussi
https://
www.evolyos.com/
plugin-wordpress-
guide-meilleurs-
plugins-wordpress-
gratuits/
29. Formateur / Chef de
projet web
06 62 15 11 02
erwan@ticoet.me
@erwan_t @ticoetfr
Erwan Tanguy