Formation WordPress & Guide 101

tutoriels

INTRODUCTION

L’analogie de la maison

Afin de bien comprendre les outils web, nous utilisons l’analogie de la maison pour vous expliquer les outils du web.

Votre maison est comme votre site web. Elle peut être minuscule, très grosse, en rénovation.

Votre terrain est comme votre hébergement. Vous pouvez avoir plus d’une maison sur votre terrain.

L’adresse postale est votre URL.

Donc, pour que quelqu’un se rende à votre salle à manger, ça vous prend les 3.

La différence entre WordPress.com et le CMS WordPress.org

WordPress.com est un site d’hébergement de blog. C’est-à-dire qu’il suffit de s’inscrire gratuitement sur ce site afin de pouvoir créer son blog en quelques minutes. Il s’agit d’une formule clé en main du type Blogger, TypePad, tumblr etc. Avec ce type de blog, vous n’aurez pas accès aux fichiers du blog (templates), vous ne pourrez donc pas le personnaliser comme vous voudrez. Par contre, si vous ne disposez pas d’un hébergement personnel, cette solution est la meilleure.

WordPress.org est un CMS (content management system) de WordPress téléchargeable sur www.wordpress.org. Il est un outil complet de développement web qui facilite l’utilisation et la modification d’un site web ainsi que la collaboration de plusieurs utilisateurs.

Bien que nécessitant des connaissances techniques plus poussées que pour la réalisation d’un simple blog sur wordpress.com, l’outil WordPress est loin d’être compliqué à utiliser.

Avantages et inconvénients du CMS de WordPress.org

Avantages Inconvénients
Possibilité de télécharger des thèmes personnalisés Nécessite plus de connaissances techniques
Possibilité de télécharger des plugins Vous êtes responsable des mises à jour du logiciel
Contrôle complet du code Vous êtes en charge de votre hébergement
Maîtrise totale de votre domaine

Qu’est-ce qu’une URL?

URL, qui est l’acronyme anglais du terme « Uniform Ressource Locator » (qui pourrait se traduire littéralement en français par « Localisateur Uniforme de Ressource ») désigne en fait l’adresse d’accès pour accéder à une quelconque page ou à un quelconque contenu sur le web.
Pour accéder à un site internet, vous passez toujours par une URL.

Souvent appellé « adresse du site » ou encore « adresse web ». Pour connaître l’URL exacte de la page sur laquelle vous vous trouvez, il suffit, entre autres, de jeter un œil à la barre d’adresse de votre navigateur internet pour la noter.

Ainsi, une URL peut vous servir (à titre d’exemple) à faire un lien hypertexte depuis une autre page web vers celle-ci.

Hébergement web

Comme on l’a dit plus haut, l’hébergement est comme le terrain sur lequel vous allez mettre votre maison.

Il peut avoir des limitations au niveau du nombre de gens qui peuvent venir sur votre terrain!

Il y a de différentes formes et sortes d’hébergement. La répartition du serveur web et ses limitations dépendent de l’utilité finale du site.

INTERFACE

Connexion

Pour vous connecter à votre site, il suffit de rajouter «/wp-admin » à la suite de l’adresse de votre site comme ceci :

www.exemple.com/wp-admin

Ensuite, saisissez votre identifiant et mot de passe puis cliquer sur le bouton « Se connecter ».

Nous vous suggérons de sauvegarder les infos de connexion dans votre fureteur web si vous pensez vous y connecter fréquemment.

Présentation de l’interface

Il y a des modules qui ne sont pas utiles pour le site. C’est venu avec le thème et il est impossible de les enlever.

Notre philosophie est de vous donner les clés de la maison pour ne pas sentir que vous êtes pris. En ayant accès au panneau d’administrateur, il y a des modules auxquels vous aurez accès que vous nous recommandons fortement de ne pas utiliser. Cela pourrait contaminer le site.

Une fois connecté vous pourrez voir le menu à gauche. Un utilisateur qui a un accès restreint à votre site aura moins de choix disponible à la gauche.

Tableau de bord : Vue sommaire de votre site, vous pouvez également naviguer rapidement aux onglets importants à partir du tableau de bord.

Articles : Ajouter, planifier, modifier ou supprimer les articles de votre blog. Chaque élément de la liste est un article du blog et lorsque vous cliquez dessus vous pourrez voir le contenu de l’article ainsi que leurs paramètres. Nous allons y revenir plus tard dans la section GESTION CONTENU de cet article.

Média : Ajouter, modifier ou supprimer les images de votre site web. La convention est d’ajouter les images dans cette section, puis, lorsque vous créez ou modifiez un article, vous pouvez importer l’image depuis le bouton Ajouter un média.

Pages : Le contenu statique de votre site. Cela fonctionne de la même façon que pour les Articles. C’est ici que nous construisons l’arborescence de votre site web. Dans votre cas, cette section contient très peu de contenu.

Commentaires : C’est possible sur votre site web de laisser des commentaires sur vos articles, en date d’aujourd’hui cette fonctionnalité est désactivée. Parlez avec notre équipe pour en savoir davantage sur les commentaires. Une fois activé, vous pourrez répondre ou supprimer dans cette section.

Apparence : Cette section est de pair avec le code derrière le design de votre site web. Faire des modifications dans cette section pourrait gravement affecter le design et la navigation de votre site. Parlez avec notre équipe pour en savoir davantage sur le design et la navigation de votre site.

Extensions : Cette section est de pair avec le code derrière les fonctionnalités de votre site web. Faire des modifications dans cette section pourrait gravement affecter les fonctionnalités de votre site. Parlez avec notre équipe pour en savoir davantage sur les fonctionnalités de votre site.

Utilisateurs : Ajouter, modifier ou supprimer les utilisateurs de votre site web. Nous allons en parler davantage dans la section GESTION UTILISATEUR ET RÔLE.

Outils : Cette section sert à déplacer le contenu d’un blog à un autre. Ça a été utile lors du déménagement de votre site web. Vous n’aurez pas à utiliser cette section.

Réglages : Cette section sert à configurer WordPress. Ça a été utile lors de la création de votre site web. Faire des modifications dans cette section pourrait gravement affecter la visibilité de votre site. Nous vous invitons à y jeter un coup d’œil, mais ne faites pas de changement sans en parler avec notre équipe.

SEO : Cette section sert à configurer SEO par Yoast. Ça a été utile lors de la création de votre site web. Faire des modifications dans cette section pourrait gravement affecter le référencement de votre site. Nous vous invitons à y jeter un coup d’œil, mais ne faites pas de changement sans en parler avec notre équipe.

Google Analytics : Cette section sert à lier le compte Google Analytics. Ça a été utile lors de la création de votre site web. Faire des modifications dans cette section pourrait gravement affecter la prise de statistique de votre site. Parlez avec notre équipe pour en savoir davantage sur les statistiques de votre site.

GESTION UTILISATEUR ET RÔLE

Sécurité

WordPress vient avec un module d’authentification pour votre site web. Il permet à votre maison de barrer la porte aux étrangers et de cacher des sections aux utilisateurs que vous jugez qu’ils ne devraient pas y avoir accès. Nous vous donnons les droits administrateurs sur le site, mais il n’y a pas que ce rôle qui peut être attribué.

Comme vous voulez que votre blog se remplisse vous allez avoir besoin de gens qui se connectent dans votre panneau d’administration, vous aurez à créer des usagers pour votre site et à leur attribuer un rôle.

Si un utilisateur rate son authentification trop souvent, son ordinateur ne pourra plus accéder au panneau d’administration. Comme un NIP dans un guichet automatique.

Si un utilisateur ne se souvient plus de ses identifiants, il peut faire mot de passe oublier

Gestion des utilisateurs

Ajouter : Allez à la section utilisateurs puis ajouter dans le menu de gauche. La création d’un usager nécessite 4 éléments importants pour sa création.
Un identifiant unique ( nom d’utilisateur pour ce connecter ),
une adresse courriel ( nécessaire pour l’invitation et pour changer le mot de passe ),
un mot de passe ( généré automatiquement à sa création ) et
un rôle.

Les champs supplémentaires sont là pour vous rappeler à qui appartient le compte.

Modifier et supprimer : Vous pouvez modifier ou supprimer un compte dans la section utilisateurs puis tous les utilisateurs. Dans la liste que vous voyez, vous pouvez aligner votre souris sur un nom pour voir les options modifier et supprimer apparaître.

Gestion des rôles

Ne portez attention seulement que sur les rôles suivants :

Administrateur : Accès à toutes les fonctionnalités de l’administration WordPress.

Editeur : Peut publier et gérer les pages ainsi que celles des autres utilisateurs.

Auteur : Peut publier et gérer ses propres articles uniquement.

Contributeur : Peut écrire et gérer ses propres articles mais ne peut pas les publier.

Abonné : Peut uniquement gérer son profil.

Pour voir la liste complète des droits et privilèges, cliquez ici.

GESTION CONTENU

Interface

Pour ajouter un article aller dans Articles, puis Ajouter. Vous verrez l’interface d’édition d’un article. L’interface va comme suit :

Titre : Le titre qui sera affiché en haut de l’image mise en avant.

WYSIWYG : Le corps de votre article. Vous pouvez utiliser l’onglet Texte pour écrire votre article en HMTL, sinon vous pouvez aller dans l’onglet Visuel pour écrire votre texte comme dans un courriel.

Yoast SEO : Vous pouvez voir comment votre article apparaîtra sur les moteurs de recherche. Vous pouvez voir aussi de bons conseils pour améliorer le référencement de votre article dans la section analyse.

Extrait : Vous pouvez voir la phrase incitative que le site va dévoiler avant même que l’utilisateur voit l’article. Une bonne convention est d’y mettre la première phrase de votre article jusqu’à maximum 150 mots.

Publier : Vous pouvez changer les paramètres de l’article ici, son état ( publier, brouillon , etc.. ), sa date de publication, etc.. Une fois que vous cliquez sur publier, votre article sera en ligne.

Catégories : Choisissez une catégorie dans pour l’article. Cela permettra au site de le classer dans la bonne section sur la page d’accueil.

Étiquettes : Ajoutez une ou plusieurs étiquettes aux articles, les articles qui ont la même étiquette seront mis de l’avant à la fin de l’article.

Image mise en avant : Ajoutez une image qui apparaîtra avec l’article et sous le titre dans l’article.

Modifier ou supprimer un article

Lorsque vous cliquez sur Articles dans le menu de gauche, puis sur un article, vous pouvez modifier ou supprimer l’article.

OUTILS HTML

Introduction

Parfois, un WYSIWYG n’est pas suffisant pour avoir l’effet que vous désirez, vous allez devoir écrire un peu de HTML ou d’aller en changer dans l’onglet Texte. Nous vous laissons quelques outils pour vous puissiez vous débrouiller au minimum.

À titre de lexique, le HTML fonctionne grâce à des balises, les balises sont composées des éléments suivants :

  • Un type de balise
  • Des attributs
  • Des valeurs
  • Du contenu

Syntaxe

Un texte en HTML se lit en niveau d’indentation.

Vous pouvez faire :


<p>
<a>
</a>
</p>

ou


<a>
</a>
<p>
</p>

mais vous ne pouvez pas faire :


<a>
<p>
</a>
</p>

Image : Une image a besoin d’une source qui est l’endroit où l’image existe, vous avez cette adresse dans Média si vous l’avez ajouté dans Média, et d’un texte alternatif si l’image n’est plus là.


<img src=" www.exemple.com/adresse-de-image" alt="image d'exemple">

Lien : Un lien a besoin d’une adresse, d’un texte cliquable et de l’attribut target si vous voulez que le lien s’ouvre dans un onglet.


<a href="www.exemple.com/lien-exemple" target="_blank">Texte du lien</a>

Autre : Ceux-ci suivent un style et n’ont besoin que de contenu.


<h1>Texte du titre 1</h1>
<h6>Texte du titre 6</h6>
<p>Texte du paragraphe</p>
<strong>Texte en gras</strong>
<em>Texte en italic</em>
<ul><li>Liste a puce</li><li>Liste a puce</li></ul>
<ol><li>Liste a numero</li><li>Liste a numero</li></ol>