Création d'un site avec WordPress.com

1. Choisir le type de projet voulu

Tout d’abord, précisons que pour le projet que nous souhaitons obtenir, il s’agit bien de créer un site web, comportant une partie blog et non pas uniquement un blog.

WordPress nous propose trois types de projets : blog, site web ou portfolio.

2. Choisir le nom de domaine

Nous avons vu dans le chapitre L’hébergement, la notion de nom de domaine. Avec l’offre gratuite de WordPress.com, nous allons devoir choisir un nom de sous-domaine et non pas un nom de domaine comme pour les offres payantes. La différence est que le nom de sous-domaine aura comme suffixe wordpress.com. Pour notre exemple, l’association fictive s’appelle Les grands pas, c’est donc le nom de domaine : lesgrandspas.

Ce qui donnera au final : lesgrandspas.wordpress.com.

À l’étape suivante, l’étape 2, WordPress nous demande ce fameux nom de domaine :

1. Se connecter à la fin de l’installation

À l’étape précédente, nous avons cliqué sur le bouton Afficher mon site. Nous arrivons dans ce cas directement dans l’interface d’administration de notre site WordPress, avec un aperçu du site avec le thème par défaut nommé Dara.

Dans la partie supérieure de l’écran, vous trouvez la barre d’outils et sur la gauche vous visualisez le menu d’administration.

Au niveau du premier élément de menu, Statistiques, une grande aide est proposée par WordPress. Vous pouvez cliquer sur le bouton suivant pour faire le tour des principales fonctionnalités de l’administration de votre site.

Une fois terminé, WordPress affiche votre site, sans le menu d’administration :

2. Se déconnecter

Il faudra toujours vous déconnecter "proprement". Il ne faut pas fermer la fenêtre ou l’onglet de votre navigateur contenant l’administration de votre site WordPress ni quitter votre navigateur sans vous déconnecter "correctement".

Le menu s’ouvre :

Vous êtes déconnecté et vous visualisez...

1. Accéder aux réglages

La première action que nous allons mettre en place est la configuration du site, avec ses réglages. Pour le moment, le site est installé, mais il est encore vierge de tout réglage.

Le menu d’administration s’affiche, avec le menu Statistiques sélectionné :

Dans le bandeau supérieur de l’écran, l’onglet Général est activé.

2. Le profil du site

La première zone de réglages s’intitule Profil du site.

Notez que ce titre est toujours affiché dans l’en-tête du site publié.

Notez que la plupart des thèmes affichent ce slogan, mais pas forcément tous. Le thème par défaut Dara l’affiche.

La zone Icône du site permet d’ajouter une icône qui sera affichée dans la barre d’adresse du navigateur. C’est ce qui s’appelle une favicon en anglais. Cette image doit...

1. Les catégories

Pour le confort de vos visiteurs dans votre site WordPress, vous allez pouvoir organiser, classer vos articles dans des catégories. Ces catégories ont un double avantage : elles vous permettent de mieux vous organiser dans la rédaction des articles, et pour les visiteurs, elles vont permettre d’afficher tous les articles d’une même catégorie, quand les visiteurs vont cliquer sur une catégorie.

2. Créer une catégorie

Dans un premier temps, nous allons créer une première catégorie.

Dans le volet Catégories, vous pouvez voir qu’il existe déjà une catégorie par défaut nommée Non classé. Cette catégorie par défaut permet de classer tous les articles dans cette catégorie si vous n’affectez pas vos articles dans une catégorie que vous aurez créée vous-même.

1. Confirmer la publication

WordPress vous propose la possibilité de vérifier tous les paramètres de publication de vos contenus, avant la publication en elle-même. C’est une étape importante qu’il ne faut pas négliger. Je vous conseille donc de laisser ce paramètre activé par défaut.

Dans le volet Composition, le paramètre Afficher la confirmation de publication est activé.

Avec cette option activée, vous allez publier vos contenus en deux étapes. La première étape consistera à vérifier les paramètres de publication (date, visibilité et mise en avant). La deuxième étape consistera à publier réellement le contenu sur votre site.

2. Le format des articles

Les thèmes que vous allez pouvoir utiliser pour votre site WordPress peuvent vous proposer différentes mises en forme des articles. C’est ce qui s’appelle des formats d’article.

Dans le volet Composition, WordPress vous propose de choisir le format d’article par défaut, si le thème utilisé en propose plusieurs.

1. Créer un nouvel article

Rappelons que les articles servent à rédiger l’actualité régulière de votre site et qu’ils seront affichés dans la partie blog de notre site.

WordPress affiche l’écran de rédaction des articles :

2. Le contenu rédactionnel

Vous devez saisir deux champs : le titre et le contenu de l’article.

Pour faciliter le référencement de votre site, dans les titres, veillez à saisir des mots-clés susceptibles d’être utilisés comme mots-clés dans les recherches des internautes. Car le titre sera aussi utilisé comme URL de l’article dans les navigateurs web.

Dans cet exemple, les articles "du" et "à" ne sont pas utiles.

3. Mettre en forme les titres

Vous allez pouvoir structurer et mettre en forme le contenu de vos articles à l’aide de la barre d’outils située au-dessus du texte. Par défaut, lorsque vous rédigez du texte, celui-ci est marqué comme paragraphe.

Notez que le Titre 1 est usuellement réservé au titre de l’article.

Pour les titres de moindre importance, choisissez un Titre 3.

4. Mettre en forme les paragraphes

Par défaut le texte que vous saisissez est composé de paragraphes que vous pourrez mettre en forme.

1. Les classifications de l’article

Dans un titre précédent, nous avions créé deux types de classification pour la taxinomie, les catégories et les étiquettes. Nous pouvons maintenant les utiliser dans notre article.

Toujours dans la fenêtre de rédaction de l’article, sur la droite vous visualisez le volet Paramètres de l’article.

Notez que vous pouvez cocher plusieurs catégories, mais cela complexifie la navigation des visiteurs. Vous pouvez aussi créer une catégorie qui n’existe pas en cliquant sur le bouton Ajouter une nouvelle catégorie.

Si jamais vous avez besoin d’un nouveau mot-clé, vous pouvez le saisir dans ce champ, comme le mot-clé Ile dans cet exemple :

L’article est bien classé dans une catégorie et possède des mots-clés.

Quand vous afficherez cet article en page seule, avec le thème par défaut Dara, voilà le résultat obtenu pour l’affichage de la catégorie SORTIE. Celle-ci s’affiche au-dessus de l’article :

Les étiquettes s’affichent sous l’article, avec le préfixe Tagué :

2. L’image à la une

L’image à la une est une illustration qui ne s’affiche pas dans le contenu rédactionnel de l’article, mais en dehors. Sa position précise dépend du thème utilisé. Généralement, l’image à...

1. Lister les articles

Pour l’exemple, je vous invite à créer plusieurs articles selon la procédure vue auparavant.

WordPress affiche tous les articles du blog que vous avez rédigés. En voici un extrait :

Dans le bandeau supérieur, vous visualisez le nombre d’articles classés selon leur état.

Dans cet exemple, il y a 4 articles publiés et 1 article en brouillon. En cliquant sur les boutons Publié ou Brouillons, vous listez les articles de chaque état.

Sur la droite, vous avez un champ de recherche accessible en cliquant sur le bouton en forme de loupe. Cela vous permet de rechercher un article à partir d’un ou plusieurs mots :

Vous pouvez fermer cette fenêtre de recherche en cliquant sur la croix de fermeture à droite de ce bandeau.

2. Les articles dans la liste

Quand vous affichez la liste des articles, chaque article s’affiche avec un certain nombre de paramètres d’affichage.

Voici un premier exemple :

Cet article, Sortie en forêt de Brocéliande, possède :

En ce qui concerne sa visibilité, l’article :

Voici un deuxième exemple :

Cet article, Le séjour de l’été 2018, ne possède pas d’image à la une ni de résumé et n’est pas mis en avant sur la page d’accueil du blog.

Voici un troisième exemple :

Cet article a été vu 1 fois et possède 1 notification...

1. Les pages existantes

Rappelons que les pages sont usuellement faites pour afficher des informations statiques, des informations qui n’évoluent que très peu. Habituellement, les pages sont affichées dans le menu de navigation du site qui s’affiche dans l’en-tête du site avec le thème Dara qui est activé par défaut. 

À l’installation de votre site, WordPress a déjà créé des pages.

Dans le bandeau supérieur des pages, vous affichez les pages qui ont l’état Publié.

2. Créer une page

Nous allons créer une nouvelle page pour présenter les membres de l’association.

Nous retrouvons presque la totalité des fonctionnalités vues précédemment dans l’étude des articles. 

Vous retrouvez les mêmes éléments de mise...

1. Utiliser les médias

Nous avons déjà eu deux occasions d’utiliser des images dans nos contenus. Nous avons inséré des images dans le contenu rédactionnel des articles (c’est le même principe avec les pages) et nous avons ajouté des images à la une.

Nous l’avons précédemment indiqué, dès que vous insérez des images, celles-ci sont automatiquement ajoutées à la bibliothèque de votre site.

2. Afficher les médias

Il est possible de gérer les images dans la bibliothèque.

Vous visualisez tous les médias de votre bibliothèque.

Dans le bandeau supérieur, vous pouvez filtrer ces médias selon leur type : Images, Documents, Vidéos et Sons.

Notez que l’insertion de vidéos et de sons n’est pas accessible avec le forfait gratuit de WordPress, mais seulement avec les offres payantes.

Le bouton en forme de loupe vous permet de rechercher un média et sur la droite, une indication vous précise le pourcentage d’utilisation de votre espace de stockage. Dans cet exemple, il y a tellement peu de fichiers que la valeur indiquée est de 0 % sur les 3 Gb disponibles.

Vous pouvez aussi utiliser le curseur de zoom pour afficher...

1. Utiliser les témoignages

Les témoignages de clients sur votre prestation, d’utilisateurs de votre service ou de membres de votre association sont un bon moyen d’améliorer votre réputation en ligne, de valoriser votre activité et d’augmenter le trafic sur votre site.

La saisie des témoignages est similaire à ce que nous avions vu pour la création des articles et des pages. Mais avant tout, il faut bien noter deux paramètres indispensables. Tout d’abord, il faut vérifier que dans les réglages de rédaction du site, la fonctionnalité de création des témoignages est bien activée.

2. Créer un nouveau témoignage

Vous allez donc pouvoir saisir des témoignages et les afficher dans votre site.

Vous retrouvez une interface de saisie similaire à celle que nous avions étudiée pour les articles et les pages.

1. Utiliser les commentaires

Les visiteurs vont pouvoir, si vous le désirez, donner leur avis sur vos articles en déposant des commentaires. Cela permet de rendre votre site dynamique et interactif. Vous allez bien sûr pouvoir paramétrer et gérer les commentaires.

2. Paramétrer les commentaires

La première étape de la gestion des commentaires est leur paramétrage.

Tous les paramètres se fixent dans l’encadré Commentaires dans lequel le bouton Sauvegarder permet de sauvegarder vos paramètres modifiés.

Les premiers paramètres concernent les réglages des visiteurs et l’affichage des commentaires :

1. Utiliser les thèmes

Nous l’avons déjà évoqué plusieurs fois, mais rappelons que les thèmes permettent l’affichage de tous les contenus de votre site WordPress. Pour ce qui concerne l’affichage de votre site, tout dépend du thème utilisé, c’est le thème qui détermine ce qui sera affiché et comment.

À la création de votre site, WordPress installe un thème par défaut nommé Dara. C’est donc ce thème qui est responsable de l’affichage de la totalité de votre site.

Enfin, notez bien que certains thèmes pourront vous proposer des paramètres pour personnaliser le thème. Là encore, chaque thème peut proposer plus ou moins de personnalisation.

2. Le thème par défaut

Nous venons de le dire, WordPress a installé un thème par défaut nommé Dara et qui est aussitôt actif.

Le bandeau supérieur vous informe du thème actif (THÈME ACTUEL), c’est bien le thème Dara :

3. La personnalisation du thème

Chaque thème peut être personnalisé, mais avec un nombre et des types d’options qui varient fortement.

WordPress affiche l’écran de personnalisation :

Sur la gauche de l’écran, vous visualisez les différents volets de personnalisation qui regroupent des paramètres de même ordre.

Sur la droite, vous visualisez l’aperçu en direct de vos personnalisations sur le site publié.

En bas du volet de personnalisation, vous avez la possibilité de choisir un type d’écran pour l’affichage du site.

Vous avez dans l’ordre : écran d’ordinateur de bureau, tablette et smartphone.

4. L’identité du site

Le premier volet de personnalisation...

1. Comprendre la gestion utilisateurs

WordPress nous offre la possibilité de gérer le site avec plusieurs personnes. C’est une fonctionnalité très intéressante à exploiter.

Sachez tout d’abord qu’en ayant installé vous-même votre site WordPress, vous avez automatiquement le rôle Administrateur. Les administrateurs des sites WordPress ont absolument tous les droits de gestion du site, ils ont accès à toutes les fonctionnalités, sans aucune restriction.

Votre site peut être géré uniquement par vous-même, mais vous pouvez aussi gérer le site à plusieurs. Dans ce cas, il va falloir créer d’autres utilisateurs en leur attribuant des rôles spécifiques ; sachant que chaque rôle donne un certain nombre de droits de gestion dans le site.

Vous allez ainsi pouvoir faire vivre le site avec plusieurs utilisateurs ayant chacun des droits de gestion dans le site.

2. Modifier son profil

La première action que nous allons faire, c’est personnaliser notre profil administrateur.

Vous affichez alors la page de votre profil :

La première partie concerne votre profil proprement dit.

1. Les réseaux sociaux

WordPress vous propose de partager vos contenus dans les principaux réseaux sociaux.

Dans le bandeau supérieur, l’onglet Connexions est actif afin de paramétrer les connexions aux réseaux sociaux.

Ainsi lorsque vous publierez un contenu, celui-ci pourra être partagé dans les réseaux sociaux voulus.

2. Les boutons de partage

Vous pouvez décider quels sont les boutons de partage qui doivent s’afficher dans vos contenus.

L’aperçu est automatiquement actualisé.

Maintenant, vous pouvez paramétrer l’affichage des boutons.