Tutoriel WordPress Sommaire Se connecter sur le back-office du site Les différents rôles Les pages et articles Différence entre page et article Créer un article Modifier une page ou un article Ajouter une image dans une page ou un article Quelques secrets pour bien réussir votre page ou votre article La page d’accueil Modifier le slideshow Modifier votre menu Ajouter une vidéo dans une page Ajouter un nouvel album photos La zone “widget” Modifier la zone “widget” Historique de vos contenus Méthode 1 Méthode 2 Fermer son site temporairement Statistiques de visites Stockage des sauvegardes Méthode de sauvegarde 1 : BackUpWordPress Méthode de sauvegarde 2 : Dropbox Méthode de sauvegarde 3 : fichier xml Sécurité de votre site : Wordfence Créer et retoucher des images
Se connecter sur le back-office du site Avant toute chose, vous devez ouvrir une session sur votre site en vous connectant dessus. Une fois cela fait, vous verrez une barre horizontale et grise apparaître en haut de votre écran. Celle-ci vous permettra d’accéder à l’ensemble des fonctionnalités permises. ● ●
connexion sur le BO (le back-office) du site : www.votre-site.com/wp-admin indiquez votre login et votre mot de passe - Page 1 - Document StudioXine - Strictement réservé aux clients de StudioXine -
En cas de perte de votre mot de passe, vous pouvez cliquer sur “Mot de passe oublié” et suivre les instructions.
Les différents rôles ●
Super Admin – Accède aux réglages d'administration multisite, ainsi qu'à toutes les autres fonctionnalités. Voir l'article créer un réseau.
●
Administrateur - Accède à toutes les fonctionnalités d'administration dans un site unique.
●
Éditeur - Peut publier et gérer articles et pages, les siens ainsi que ceux des autres utilisateurs.
●
Auteur - Peut publier et gérer ses propres articles.
●
Contributeur - Peut écrire et gérer ses articles, mais ne peut les publier.
●
Abonné - Ne peut gérer que son profil.
- Page 2 - Document StudioXine - Strictement réservé aux clients de StudioXine -
Les pages et articles Différence entre page et article ● ●
les pages sont des informations statiques, institutionnelles. les articles sont des news, des promos, des références clients ou des opérations exceptionnelles. Les articles sont classés par catégories et sont affichés dans “Actualités” ou “News” (non inclus dans le site actuel).
- Page 3 - Document StudioXine - Strictement réservé aux clients de StudioXine -
Créer un article
Cliquer ici pour voir la vidéo "Comment ajouter un nouvel article" Il s’agit quasiment de la même manipulation que pour créer une page/un article. ● connexion sur le BO (le back-office) de votre site ● allez sur “créer un article” sur la barre grise horizontale en haut de votre site, ou sur le “+” situé sur la même barre, puis sur “article”. Vous pouvez également aller dans “article” puis cliquer sur “créer un article”. ● cliquez sur “modifier la page/l’article” (s’affiche lors du survol de la souris) ● créez votre contenu ● enregistrez l’article en cliquant sur le bouton bleu “publier”.
Modifier une page ou un article ● ● ● ● ●
connexion sur le BO (le back-office) de votre site allez sur la page/article que vous souhaitez modifier cliquez sur “modifier la page/l’article” (s’affiche lors du survol de la souris) modifiez votre contenu enregistrez la page/l’article en cliquant sur le bouton bleu “mettre à jour”
Il est également possible d’utiliser la méthode suivante : ● ouvrez une session ● allez sur le site, puis sur la page voulue ● en haut, dans la barre horizontale grise, cliquez sur “modifier la page” ● modifiez votre contenu ● enregistrez la page - Page 4 - Document StudioXine - Strictement réservé aux clients de StudioXine -
Ajouter une image dans une page ou un article ● ● ● ● ●
●
Allez sur la page ou sur l’article où vous souhaitez ajouter l’image Cliquez sur le lien “Modifiez l’article” ou sur “Modifiez la page” Placez le curseur là où vous souhaitez ajouter l’image Cliquez sur “Ajouter un média” Si l’image n'est pas présente dans la bibliothèque des images : ○ Cliquez sur “Envoyez des fichiers” (en haut à gauche de l’écran) ○ Cliquez sur le bouton “Sélectionner des fichiers” ○ Allez chercher sur votre disque dur l’image à intégrer dans la bibliothèque puis cliquez dessus pour qu’elle soit uploadée sur votre site (et dans dans la bibliothèque des médias) Si l’image est déjà présente dans la bibliothèque : ○ Sélectionnez-la en cliquant dessus ○ Sur la colonne de droite, veillez à ce que les champs “Titre” et “Texte alternatif” soient remplis avec le mot clé de la page ou de l’article ○ Dans les réglages, choisissez l’alignement (conseillé : à gauche) ○ Le champ “lier à” doit idéalement être vide ○ Pour la taille, l’idéal est de mettre “moyenne”. Si vous avez conçu l’image à une taille précise pour une bonne intégration, choisissez alors “Taille originale”.
Attention, si vous êtes dans un article et que vous désirez ne pas afficher l’image à la une en gros en haut de l’article, n’oubliez pas de cocher la case “Hide featured image on post page” dans les “Post Options” (sous l’article).
Quelques secrets pour bien réussir votre page ou votre article 1. Une page doit idéalement être composé de 400 à 600 mots 2. Elle doit contenir au moins une image. 3. Elle doit contenir des mots représentant bien le secteur professionnel afin de faciliter l’indexation sur les moteurs de recherche. 4. Le texte doit être correctement organisé : les plus grands titres en “titre 2”, les titres inférieurs en “titre 3” ou “titre 4” et le texte en “paragraphe” (comme sur un document Word).
- Page 5 - Document StudioXine - Strictement réservé aux clients de StudioXine -
La page d’accueil Modifier le slideshow Il existe plusieurs méthodes d’intégration de slideshow. En fonction du template ou de l’extension choisie, voici plusieurs moens d’y parvenir : Utilisation du module Rovolution Slider - Page 6 - Document StudioXine - Strictement réservé aux clients de StudioXine -
● ● ● ● ● ●
Allez dans le BO puis sur Revolution Slider Choisissez “slider-revolution-accueil-01” Notez qu’il y a d’une part les options du slidshow, et de l’autre les layer (une photo = un layer, ou une “slide”) Pour modifier une slide, cliquez sur “Edit Slides”. La liste de toutes les slides s’affiche alors. Cliquez sur sur “Edit slide” de la slide à modifier. Ne pas oublier d’enregistrer avant de quitter.
Utilisation du module Slider ● Allez sur le BO ● Cliquez sur Sliders dans le menu ● Cliquez sur “homepage” qui correspond au seul slideshow (ou slider) créé pour votre site. ● Pour ajouter une image, cliquez sur le bouton “Add new slide”, intégrez l’image en cliquant sur “Get image” ● Pour supprimer une image, passez la souris dessus et cliquez sur la croix ● Pour modifier l’ordre, glissez-les simplement (drag & drop) dans l’ordre souhaité ● N’oubliez pas d’enregistrer votre slideshow après toute modification en ckliquant sur le gros bouton bleu “Update slider”.
Modifier votre menu Vous venez de créer une nouvelle page ou une nouvelle galerie de photos et vous souhaitez l’ajouter au menu. ● Allez sur apparence/menu Comment ça marche ● votre menu est affiché sur le coté droit de l’écran et représente l’arborescence de votre site (exemple : si quelque chose est décalé d’un cran, c'est qu’il est sur le niveau inférieur de votre menu). ● Les éléments à ajouter sur votre menu sont sur le côté gauche. ● Pour ajouter un élément au menu, il suffit de le sélectionner puis de cliquer sur “ajouter au menu” ● Positionnez-le ensuite là où vous le souhaitez dans le menu en les glissant avec votre souris (pour une nouvelle galerie photo, ajoutez-la dans la partie “Photos”). ● N’oubliez pas d’enregistrer les modifications de votre menu en cliquant sur le gros bouton bleu “enregistrer le menu”.
- Page 7 - Document StudioXine - Strictement réservé aux clients de StudioXine -
Vous trouverez ici une vidéo qui explique bien le fonctionnement du menu sous WordPress :
Cliquer ici pour voir comment ajouter un élément au menu, ou modifier le menu : https://youtu.be/zz4qNsMKnBE Note pour la vidéo : Les albums photos fonctionnent comme les pages, catégories, ou liens et peuvent être ajoutés au menu, puis positionnés là où vous le souhaitez.
Ajouter une vidéo dans une page ● ● ● ● ● ●
allez sur la page où vous souhaitez ajouter la video mettez-vous en “texte” (onglet en haut à droite) sur un autre onglet du navigateur, allez sur Youtube puis sur votre vidéo cliquez sur “partagez” puis sur “Intégrez” puis copiez/collez le code (il commence par <iframe”...) collez le code sur votre page ou votre article (donc en mode “texte”) enregistrez la page ou l’article
Ajouter des photos dans un portfolio ● Allez dans “Portofolio” ● Mettre un titre ● Cochez la catégorie voulue (ou la créer si elle n’existe pas encore) ● Ajoutez la photo dans “image à la une” ● Enregistrez Vidéo explicative pour ajouter un portfolio ici : https://youtu.be/mdWYJNwxidw - Page 8 - Document StudioXine - Strictement réservé aux clients de StudioXine -
Ajouter un nouvel album photos ● ● ● ●
Allez sur Photo albums Cliquez sur “Add new album” Lui donner un nom Ajouter des photos dans la partie “Add/Edit Media” en cliquant sur le bouton “Select Upload Images”. Vous pouvez en ajouter autant que vous le souhaitez.
Si vous souhaitez ajouter l’album dans le menu : ● Allez sur Apparence/Menu ● Ouvrez les “Photo albums” en cliquant sur le petit triangle ● Cochez la case de l’album à ajouter dans le menu ● Déplacez l’album à l’endroit où vous le souhaitez dans le menu (en général, sous “Galerie”). ● Vous pouvez renommez l’album si vous le souhaitez ● Enregistrez le menu
La zone “widget” La zone widget correspond à la colonne de droite (le plus souvent) de ka partie “blog” de votre site. Vous pouvez ajouter des éléments dans cette zone, les déplacer, les paramétrer, etc .. directement depuis votre back-office, dans Apparence/widgets.
Voir la vidéo explicative : https://youtu.be/y57ad-AEjt8 Modifier la zone “widget” Voir la vidéo ici :
Historique de vos contenus A tout moment, vous avez la possibilité de revenir en arrière et de récupérer vos versions précédentes. Pour cela :
Méthode 1 ● ● ●
cliquez sur le petit triangle en haut à droite de votre écran cochez “révisions” vous devriez voir toutes les versions enregistrées en pied de page
- Page 9 - Document StudioXine - Strictement réservé aux clients de StudioXine -
Méthode 2 Dans la boite “publier” en haut à droite de votre écran, cliquez sur le lien révisions/parcourir. Vous aurez alors un comparatif du contenu rédactionnel de toutes les dernières versions. Possibilité de se déplacer dans le temps en déplaçant le curseur sur la timeline.
Fermer son site temporairement Pour fermer temporairement votre site, rendez-vous sur : ● le back-office de votre site ● apparence, puis extensions ● enfin, activez l’extension “Members only” Ainsi, votre site ne sera visible que par vous et vos utilisateurs enregstrés. Pour ré-activer votre site et le rendre à nouveau visible aux internautes, il vous suffira de désactiver l’extensions “Members only”.
Statistiques de visites Des statistiques simplifiées sont affichées sur le back-office de votre site. Si vous souhaitez utiliser des statistiques Google Analytics, vous devez impérativement créer vous-même un compte Gamil, puis un compte Google Analytics, et nous donner ensuite les droits d’utlisateurs avant la livraison du site, ceci afin de respecter la législation en vigueur.
Stockage des sauvegardes Il est essentiel de bien garder tous les fichiers de sauvegardes dans un répertoire dédié sur votre ordinateur (ou votre réseau informatique). En cas de souci sur votre site, c’est grâce à ces sauvegardes que l’on peut remettre votre site en état. La fréquence des sauvegarde peut varier d’un site à un autre. D’une manière général, l’idéal est de sauvegarder votre site à chaque fois que vous avez ajouté du contenu, ainsi qu’avant chaque mise à jour. Les sauvegardes sont créées suivant différentes méthodes (manuelles ou automatiques) et sont stockées à différents endroits :
Méthode de sauvegarde 1 : BackUpWordPress ●
la sauvegarde (fichier sql : contenu rédactionnel du site) est générée une fois par mois puis envoyée par email . Dans ce cas, elle ne contient que le contenu redactionnel de votre site, mais pas les images. - Page 10 - Document StudioXine - Strictement réservé aux clients de StudioXine -
Méthode de sauvegarde 2 : Dropbox ●
●
elles sont générées automatiquement toutes les semaines (fichier sql + répertoire "wpcontent"). Elles contiennent donc le contenu rédactionnel, mais aussi les images, les extensions, et le design de votre site. elles sont ensuite stockées sur Dropbox à condition d’avoir créé le lien depuis le back-office de votre site (Voir avec Rashel le jour de la livraison)
Méthode de sauvegarde 3 : fichier xml ● ●
sur votre back-office, allez sur outils/exporter choisissez “tout le contenu” puis cliquez sur “Télécharger le fichier d’export”
Sécurité de votre site : Wordfence Une application de sécurité a été installé sur votre site et bloque les IP des personnes qui essayent de s’identifier sur le back-office de votre site sans y être autorisées. Cela veut également dire que si vous avez oublié votre mot de passe, il est conseillé de cliquer sur le lien “me rappeler mon mot de passe” plutôt que d’essayer diverses combinaisons, ce qui aurait pour effet de vous bloquer pendant 1 mois sur votre site web. Dernier conseil : ne vous connectez jamais sur le back-office de votre site depuis un wifi public. Cela mettrait gravement en péril la sécurité de votre site. Notez que si vous n’avez pas souscrit de contrat de maintenance, vous recevrez des alertes de Wordfence à chaque fois : ● que quelqu’un tentera d’accéder au back office de vitre site ● qu’il faudra faire une mise à jour sur votre site
Créer et retoucher des images Si vous n’avez pas Photoshop, vous pouvez utiliser gratuitement Pixlr Editor à l’adresse suivante : http://pixlr.com/editor/ Ce site internet vous permet d’éditer, de redimentionner et de modifier les images de votre choix. Vous trouverez un tutoriel ici qui vous permettra de comprendre quelques bases : http://blog-degeekette.com/blog/web-2-0/tuto-pixlr-editor/
- Page 11 - Document StudioXine - Strictement réservé aux clients de StudioXine -