DÉCOUVERTE DU BACK OFFICE WORDPRESS

DÉCOUVERTE DU BACK OFFICE WORDPRESS

 

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.