SUPPORTS IMPRESSION
 

Blog

Wordpress Logo

DÉCOUVERTE DU BACK OFFICE WORDPRESS

  |   TUTORIELS, TUTORIELS WORDPRESS   |   aucun commentaire

Bonjour et bienvenue dans ce tutoriel consacré au back-office de WordPress. Dans ce tutoriel nous allons vous apprendre à gérer cet outil afin de pouvoir intervenir aisément sur votre site internet.

Lorsque vous créez ou intervenez sur un site internet, il y a deux interfaces différentes, qui ont chacune leurs utilités respectives : Le Front-Office et le Back-Office.

 

Quelle différence entre Back-Office et Front-Office?

 

Le Front-Office désigne votre site internet : l’interface de votre site visible par tous les visiteurs.

En revanche, le Back-Office correspond à votre interface de travail, non visible par les visiteurs, qui vous permet d’intervenir sur votre Front-Office et ainsi modifier votre site internet.

De manière synthétique : vous intervenez sur le Back-Office afin de modifier le Front-Office.

Voici donc l’objet de ce tutoriel: vous apprendre à intervenir sur le back-office de votre site internet afin de pouvoir apporter les modifications / mises à jours que vous souhaitez.

 

L’interface de connexion

 

Que vous soyez passé par une agence de communication pour monter votre site internet, ou que vous l’ayez créé tout seul; vous devez accéder au back-office de WordPress.

WordPress n’étant pas un logiciel mais un CMS (ensemble de fichiers qui permettent de gérer du contenu). Cela signifie que vous n’avez aucunement besoin de télécharger quoi que ce soit: vous n’avez qu’à vous servir de votre navigateur favori pour vous connecter au back-office de votre site internet.

Bien souvent, votre URL de connexion se construit come suivent:

www.(le nom de votre site)/wp-admin

www.(le nom de votre site)/wp-loggin

Note: vous pourrez ensuite modifier votre URL de connexion grâce à un petit module gratuit.

Pourquoi changer son URL de connexion?

Gardez à l’esprit de votre URL de connexion au back-office de votre site web doit être protégé et inaccessible du reste du monde. Si vous utilisez une URL classique se terminant par « wp-admin » ou « wp-loggin », cette interface de connexion sera facilement crackable.

Cela signifie, que si un hacker souhaite pirater votre site web, il ne lui suffit que d’obtenir l’URL de connexion à votre site pour pouvoir vous pirater facilement.

Voici à quoi ressemble l’interface de connexion de WordPress:

une fois arrivé sur cette page, vous n’avez plus qu’à insérer votre identifiant ainsi que votre mot de passe.

interface identification wordpress

Présentation du tableau de bord

Vous voici maintenant arrivé sur le tableau de bord de WordPress.

Nous allons dès à présent vous expliquer chacun des icônes qui apparaissent à votre écran.

Note: Le menu de WordPress est évolutif ! En effet, il vous est possible d’installer des modules et des extensions afin d’ajouter des fonctionnalités à votre site web. Ainsi, votre menu s’étoffera au fur et à mesure de vos installations afin de vous rendre l’accès plus rapide à ces nouvelles fonctionnalités.

tableau de bord entouré wordpress

Nous allons dés à présent pouvoir vous expliquer en quoi consistent tous les éléments que nous avons entouré sur votre tableau de bord, afin de que vous puissiez y voir plus clair sur cette page d’accueil de WordPress.

explication du tableau de bord 1 wordpress
explication tableau de bord 2 wordpress
explication tableau de bord 3 wordpress

L’intégralité des possibilités permises par WordPress ne seront pas expliquées dans ce tuto; cependant nous allons balayer les principaux onglets qu’il vous sera très utile de maîtriser afin de gérer votre site web comme bon vous semble.

Commençons par la section gérant votre profil.

Pour cela, cliquez sur l’icône suivant, situé en haut à droite de votre écran.

Profil wordpress wordpress
explication modifier profil wordpress
explication modifier Profil 2 wordpress
explications modifier Profil 3 wordpress
explication modifier Profil 4 wordpress
explication modifier Profil 5 wordpress
explication modifier Profil 6 wordpress

Nous allons continuer d’explorer la barre de tâche latérale du haut de votre écran, en allant cette fois-ci jeter un oeil du côté des différents icônes qui vous sont proposés.

icone logo wordpress
icone maison pour voir le frontoffice wordpress
mises à jour wordpress
gestion des commentaires wordpress
commentaires 1 tuto wordpress

En passant votre souris sur le commentaire, des voutons vont s’afficher, vous permettant de gérer le commentaire.

Voici les options qui s’offrent à vous:

commentaires 2 tuto wordpress
icone créer barre wordpress
icone SEO menu wordpress
module security wordpress

Nous allons maintenant pouvoir passer à la barre de menu de gauche.

Pour cela, rendez-vous dans l’onglet « Articles ».

En cliquant sur « Articles » WordPress vous redirige directement vers le section « Tous les articles ».

menu articles tuto wordpress
article 1 tuto wordpress

Voyons maintenant comment ajouter un nouvel article sur votre site.

Pour cela, passez votre souris sur l’onglet « Articles » puis cliquez sur « Ajouter ».

ajouter article tuto wordpress

Si votre site a été développé par Graphik Impact, l’extension « Visual Composer » sera déjà présent sur votre Back-Office.

Sinon, nous vous conseillons de télécharger cette extension afin de rendre la création de vos article plus rapide et facile.

créer article 2 tuto wordpress
creér article 3 tuto wordpress

En cliquant sur « Ajouter un élément », vous allez avoir accès à tous les short codes (= options) que propose le Visual Composer.

short code tuto wordpress

Nous n’allons vous montrer l’intégralité des short codes qu’il est possible d’utiliser, mais seulement les plus utilisés.

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.

séparer rangée tuto wordpress
explication des short code tuto wordpress
publier article tuto wordpress

Passons maintenant au SEO de votre article.

Comme nous l’avons mentionné plus haut, chez Graphik Impact nous utilisons le module « Yoast » pour référencer les sites que nous créons.

Ce module vous permet d’entrer les mots clefs, la méta description, etc… de votre article, et vous indique ensuite si vous avez rempli tous les champs dédiés au référencement avec efficacité ou non.

référencement article tuto wordpress

Lorsque vous créez ou modifier une page, la démarche est la même que pour les articles.

Référez vous donc à notre partie concernant les articles pour connaître la marche à suivre.

Allez dans « Pages » afin d’accéder à toutes vos pages et ainsi pour les gérer et les modifier. Allez dans la section « Ajouter » pour créer une nouvelle page.

menu pages tuto wordpress

Sur le menu de gauche vous avez une section dédiée aux commentaires.

Celle-ci vous renvoie exactement à la même page que le petit bouton qui se trouve sur la barre du haut.

Pour plus d’informations concernant les commentaires, jetez un oeil ici.

Passons maintenant à la partie Newsletter:

Chez Graphik Impact, nous utilisons un module appelé « MailPoet » pour gérer les Newsletters.

Si votre site n’a pas été développé par notre agence, nous vous conseillons de télécharger ce module afin de bénéficier d’une gestion simple et efficace de vos newsletters.

Cliquez sur l’onglet « MailPoet » puis allez dans la section « Newsletters ».

Sur cette page seront répertoriées toutes vos NewsLetters déjà créées.

menu newsletters tuto wordpress
Newsletter tuto wordpress

Si vous souhaitez créer une nouvelle Newsletter, rendez-vous tout en haut de la page et cliquez sur « Créez-en une nouvelle ».

ajouter newsletter tuto wordpress
créer newsletter tuto wordpress

Vous voici maintenant arrivé à l’étape de personnalisation de votre Newsletter.

En effet, grâce au module MailPoet, vous allez pouvoir styliser votre Newsletter à volonté.

Remplissez, modifiez, ajouter, supprimez les champs que vous souhaitez afin de créer La Newsletter idéale.

créer newsletter 2 tuto wordpress

Pour vous aider, 4 petits onglets à droite sont  votre disposition.

Le premier intitulé « contenu » vous permet d’ajouter sur votre Newsletter autant d’éléments que vous le souhaitez. Vous n’avez qu’à les glisser vers votre page.

Le second, « images » vous permet d’importer des images/photos.

Le troisième, « styles » vous permet de styliser vos textes, le fond etc…

Et le dernier vous permet d’utiliser un thème (ou d’en télécharger d’autres) afin de suivre un trame harmonieuse pour votre Newsletter.

[/vc_column][/vc_row]
newsletter contenu tuto wordpress
newsletter image tuto wordpress
newsletter thèmes tuto wordpress
newsletter styles tuto wordpress
créer newsletter 2 tuto wordpress
Newsletter 5 tuto wordpress
newsletter 6 tuto wordpress

Dirigez-vous maintenant dans le menu Newsletter, mais allez cette fois dans la section « Abonnés ».

menu newsletters tuto wordpress
menu newsletter abonnés tuto wordpress

Apparaissent dans sur cette page la liste de tous vos abonnés; c’est à dire les personnes qui sont susceptibles de recevoir vos Newsletters.

liste des abonnés tuto wordpress

Cependant, si vous souhaitez ajouter un nouvel abonné, voici la marche à suivre:

Commencez par cliquer sur « Ajouter un abonné ».

ajouter abonné tuto wordpress
ajouter abonné 2 tuto wordpress

Vous pouvez aussi créer une liste d’abonnés; pour cela cliquez sur « Ajouter une liste ».

Pour cela rien de plus simple, vous n’avez qu’à donner un titre à votre liste et à rédiger une courte description sur celle-ci.

Puis cliquez sur « Ajouter une liste ».

ajouter abonné tuto wordpress
ajouter liste d'abonnés tuto wordpress

Nous allons maintenant nous rendre dans la partie « Statistiques ».

Toute cette page est dédiée à des données chiffrées concernant vos Newsletters.

Ainsi, vous aurez accès à des informations telles que:

Le classement de vos meilleurs abonnés

Les 6 derniers nouveaux abonnés

Vos articles qui enregistrent le plus de clicks

Et bien d’autres encores !

menu statistiques tuto wordpress
exemple statistiques tuto wordpress

Nous allons maintenant voir toute la partie concernant les utilisateurs de WordPress.

Vous devez sûrement déjà le savoir; vous n’êtes pas la seule personne pouvant intervenir sur votre site: vous pouvez ajouter des utilisateurs afin que ceux-ci puissent venir modifier votre site. Bien entendu, en tant qu’administrateur, vous pourrez définir leur degré de responsabilités, c’est à dire que selon leur statut, ils pourront avoir accès à plus ou moins de choses.

 

Voyons tout de suite comment ajouter un nouvel utilisateur.

Pour cela, rendez-vous dans l’onglet « Utilisateurs », puis cliquez sur la section « Ajouter ».

menu utilisateurs tuto wordpress
menu ajouter utilisateur tuto wordpress

Pour cela rien de plus simple:

Choisissez-lui un identifiant (il lui servira à se connecter)

Inscrivez son adresse e-mail (il recevra un mail l’invitant à venir se connecter à votre site, avec son identifiant et son mot de passe que vous aurez définis).

Ajoutez son nom ainsi que son prénom (et son site web, s’il en a un).

Puis choisissez-lui un mot de passe.

ajouter utilisateur 1 tuto wordpress
ajouter utilisateur 2 tuto wordpress

Vous allez ensuite pouvoir gérer chacun de vos utilisateurs, pour cela dirigez-vous vers l’onglet Utilisateurs puis cliquez sur « Tous les utilisateurs ».

menu tous les utilisateurs tuto wordpress

En cliquant sur un de vos utilisateur vous pourrez ensuite modifier son profil: son nom, son rôle etc…

liste des utilisateurs tuto wordpress

En retournant dans l’onglet « Utilisateurs » mais en allant cette fois dans la section « Votre profil », vous allez pouvoir modifier votre propre profil.

menu votre profil tuto wordpress
explication modifier profil wordpress
explication modifier Profil 2 wordpress
explications modifier Profil 3 wordpress
explication modifier Profil 4 wordpress
explication modifier Profil 5 wordpress
explication modifier Profil 6 wordpress
menu portfolio tuto wordpress

Nous allons maintenant passer à la partie Portfolio:

rappelons qu’un Portfolio est une sorte de catalogue des réalisations.

 

Pour cela, rendez-vous dans l’onglet « Portfolio » afin d’atterrir sur la page vous présentant tous vos portoflios déjà existants.

liste des portfolio tuto wordpress

Pour créer une nouvelle page de réalisation sur votre portfolio, cliquez sur « Add New », en haut de votre page.

nouveau portfolio tuto wordpress

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.

Le »Visual Composer » est toujours là pour vous aider à rédiger et à organiser vos éléments.

 

Si vous souhaitez avoir plus d’informations sur le Visual Composer, jetez un oeil ici.


A PROPOS DE L'AUTEUR :

Kevin Boisard
Passionné par la communication sous toutes ses formes, je conçois mon métier comme un partenariat et un transfert d’expérience mutuelle avec mes clients. En 2011, après m'être imprégné des différentes problématiques commerciales des entreprises au sein desquelles j'avais travaillé, l'envie d'entreprendre m'a amené à construire les fondations de ce qui est devenu aujourd’hui l'agence de Communication Graphik Impact. Créatifs et polyvalents, nous intervenons sur un maximum de supports et de médias et nous vous aiderons à construire une stratégie de communication sur mesure.
Pas de Commentaires

Publier un commentaire