Auriane Web Communication - auriane-webcommunication.com Auriane - Web Communication - auriane-webcommunication.com -

Transcription

1 MANUEL D UTILISATION Auriane Web Communication - auriane-webcommunication.com Auriane - Web Communication - auriane-webcommunication.com - 1

2 SOMMAIRE Pourquoi Wordpress? L administration du site web Se connecter pour modifier son site web Les rubriques à modifier et les rubriques à ne pas toucher Faire les mises à jour régulièrement Consulter les statistiques de son site web Les mises à jour du site web Gérer ses médias sous Wordpress Gérer les pages de son site web sous Wordpress Mettre à jour le diaporama de la page d accueil Modifier les encarts de la page d accueil Gérer les galeries-photos Modifier une galerie existante Ajouter une nouvelle galerie p 3 p 4 p 4 p 5 p 6 p 7 p 8 p 8 p 9 p 12 p 13 p 14 p 14 p 15 Contacts et conditions de suivi p 17 Auriane Web Communication - auriane-webcommunication.com - 2

3 POURQUOI WORDPRESS Un logiciel libre et évolutif Plus de 75 millions de sites utilisent Wordpress dans le monde, toute catégorie confondue (blogs, site informationnel, e-commerce, portfolio...). Traduit en de nombreuses langues, il permet même de gérer plusieurs site depuis une même administration. Continuellement mis à jour, il garanti une bonne sécurité et une mise aux normes régulière. Une administration simplifiée Il est maintenant acquis qu un site web doit offrir une interface permettant à ses utilisateurs de définir de nouvelles pages, de nouvelles rubriques, de mettre à jour et réorganiser les informations, de gérer différents profils d utilisateurs, etc. Wordpress permet, non seulement de gérer des comptes utilisateurs avec des droits différents, mais aussi la mise à jour simplifiée de tous les contenus du site web. Son interface est intuitive et simple à prendre en main. Des extensions et des thèmes Plus de extensions gratuites sont téléchargeables directement depuis votre administration. Wordpress propose de nombreux thèmes gratuits mais aussi des professionnels proposent aussi des thèmes plus évolués payants. A vous de faire votre choix pour que votre site vous ressemble. Bien entendu, il est conseillé d être accompagné dans vos choix par un professionnel. Une formation et une communauté Vous n êtes plus dépend de votre prestataire. Si vous décidez de devenir indépendant dans votre gestion, vous pouvez suivre une formation vous aidant à apprivoiser votre outil en complément de ce manuel (contactez votre prestataire pour plus d informations). La communauté de Wordpress vous aidera aussi à résoudre les petits problèmes de mises à jour au quotidien. Auriane Web Communication - auriane-webcommunication.com - 3

4 L ADMINISTATION DU SITE WEB Se connecter pour modifier son site web Ouvrez votre navigateur et ouvrez votre site web Rajoutez à la suite de l url /wp-admin/ Sur la plateforme de connexion, entrez votre identifiant (Suhnerfrance) et votre mot de passe (*ensisheim680613) Auriane Web Communication - auriane-webcommunication.com - 4

5 L ADMINISTATION DU SITE WEB Les rubriques à modifier (en vert) et les rubriques à ne pas toucher (en rouge) Si le webmaster désigné par l entreprise modifie les rubriques signalées en rouge, Auriane Web Communication est autorisée à facturer une maintenance corrective. Dans le cas contraire, les erreurs commises seront incluses dans le suivi de formation (durée : 1 an à la suite à celle-ci). Date : Auriane Web Communication - auriane-webcommunication.com - 5

6 L ADMINISTATION DU SITE WEB Faire les mises à jour régulièrement Le logiciel Wordpress, ses extensions et ses thèmes sont régulièrement mis à jour par leurs concepteurs. Il est important d effectuer ces mises à jour pour garantir une mise aux normes (affichage et sécurité) à son site web. Lorsqu une mise à jour est disponible, elle s affiche sous la rubrique du Tableau de Bord. Cliquez dessus. «Sélectionnez tout» dans la rubrique qui doit être actualisée (extensions, thèmes ou bien version de Wordpress). Cliquez sur «Mettre à jour» ATTENTION : ne rien faire sur le site web tant que le message «Toutes les mises à jour sont terminées.» ne s est pas affiché. Auriane Web Communication nie toutes responsabilités en cas de problème si les mises à jour n ont pas été effectuées par l entreprise. Si vous souhaitez une maintenance mensuelle pour assurer un suivi des mises à jour, demandez un devis. Auriane Web Communication - auriane-webcommunication.com - 6

7 L ADMINISTATION DU SITE WEB Consulter les statistiques de son site web L extension JetPack permet un suivi précis des statistiques de son site web grâce à une interface plus intuitive que Google Analytics. Si vous souhaitez néenmoins installer cette application, consultez votre webmaster. Vous pouvez consulter vos statistiques à la journée, à la semaine ou bien au mois. Les référents sont les sites web qui ont fait venir des internautes sur votre site web (un lien généralement) Les critères de recherche sont les mots-clés que les internautes ont tapé dans les moteurs de recherche pour trouver votre site web. Les pages et articles phares sont les pages consultées par ordre de préférence des internautes. Les clics sont les liens sur lesquels les internautes ont cliqué sur votre site web. Automatiquement, les informations sont transmises à la journée. En cliquant sur «Sommaires», vous trouverez l ensemble de ces résultats à la semaine, au mois, au trimestre, à l année ou même depuis la création de votre site web. Auriane Web Communication - auriane-webcommunication.com - 7

8 LES MISES A JOUR DU SITE WEB Gérer ses médias sur Wordpress Le première rubrique pour les mises à jour est celle des médias. Sous Wordpress, un seul outil permet de gérer différents formats d images (jpeg, png, gif) mais aussi des documents tels que des pdf, des sons et des vidéos. Pour ajouter un média, cliquez sur «Ajouter», puis glisser/déposer l élément dans la zone en pointillés. Attention, taille maximum de 64 Mo. Il est ensuite important de bien remplir les différentes balises de l image. - Le titre vous permettra de retrouver ensuite l image et de bien la référencer. Il est conseillé de bien nommer l image avant de la charger. - Vous pouvez mettre une légende qui s affichera sous le visuel - Le texte alternatif et la description ne sont pas obligatoires mais aident les moteurs de recherche à référencer l image. Le texte alternatif remplacera l image si le chargement est trop long par exemple. Vous pouvez aussi faire de légères modifications (redimentionner, rotation, symétrie, etc.) Auriane Web Communication - auriane-webcommunication.com - 8

9 LES MISES A JOUR DU SITE WEB Gérer les pages de votre site web sur Wordpress Le deuxième rubrique pour les mises à jour est celle des pages. Sous Wordpress, les pages constituent le noyau «dur» du site web (génératrices de l essentiel du référencement). Les liens exterieurs et les galeries-photos n en font pas partie. ATTENTION : ne pas créer de nouvelles pages sans en informer le webmaster. En effet, la création de l accès à cette page peut engendrer des interventions techniques. Dans la rubrique «toutes les pages», vous pouvez : modifier, modifier rapidement (le titre), mettre à la corbeille (et non supprimer définitivement) et afficher les pages existantes. Toutes ces actions sont applicables à plusieurs pages en même temps grâce au menu «Actions groupées» Auriane Web Communication - auriane-webcommunication.com - 9

10 LES MISES A JOUR DU SITE WEB Gérer les pages de votre site web sur Wordpress (suite) Lorsque que vous cliquez sur «Modifier», vous arrivez dans l éditeur simplifié de Wordpress. Un outil inspiré des éditeurs de texte de bureautique. Au haut à droite, vous trouverez le bouton «Mettre à jour» grâce auquel vous pourrez actualiser votre page une fois les modifications effectuées. ATTENTION : ne pas utiliser l encart «Attributs de la page». Concernant l éditeur de texte «wysiwyg» (what you see is what you get) : Permaliens : pour modifier l url de votre page (nous vous déconseillons de l utiliser à outrance). Le bouton «Ajouter un média» dont nous verrons l utilisation dans la page suivante. Les différents boutons de mise en forme (gras, italique, souligné, alignement, liste à puces, etc.) Un menu important (les styles) : afin de préserver une cohérence sur l ensemble du site, des styles graphiques ont été appliqués aux titres, sous-titres (titre 2) et intertitres (titre 3). Nous vous conseillons d utiliser ces éléments pour la mise en forme. Le bouton vert (en haut à droite) sert à insérer une galerie-photo (nous verrons l utilisation page 15). Les deux boutons «Visuel» et «Texte» servent à basculer de l éditeur de texte à l éditeur HTML/CSS (utile pour l insertion d une vidéo ou vérifier qu il n y ait pas de balises parasites importées depuis Word) Auriane Web Communication - auriane-webcommunication.com - 10

11 LES MISES A JOUR DU SITE WEB Gérer les pages de votre site web sur Wordpress (suite) Lorsque que vous positionnez le curseur à l endroit souhaité et que vous cliquez sur «Ajouter un média», vous arrivez dans la bibliothèque de médias (vu page 8). Sélectionnez le média que vous voulez insérer et plusieurs possibilités s offre à vous dans la colonne de droite : Vous pouvez supprimer ou modifier l image en question ; Remplir les différentes balises comme vu à la page 8 ; Choisir l emplacement du média (à gauche ou à droite du texte, le center le placera directement au dessus du texte) Choisir une taille à lui appliquer (vignette, moyenne, grande). Vous retrouvez ces différentes options une fois l image insérée en la sélectionnant et en cliquant sur le crayon. Nous vous conseillons d utiliser plutôt cet outil car il propose plus de possibilités. Vous pouvez ici aussi remplir les balises ; Vous pouvez appliquer une taille personnalisée pour aligner au mieux votre visuel à votre texte. Vous pouvez aussi appliquer des styles CSS personnalisés (ATTENTION en parler à votre webmaster) ; Vous pouvez bien-sûr modifier l image (pivoter, retourner, etc.) Auriane Web Communication - auriane-webcommunication.com - 11

12 LES MISES A JOUR DU SITE WEB Mettre à jour le diaporama de la page d accueil La première rubrique proposée par le thème graphique Enigma est la gestion du slider de la page d accueil (diaporama d images). En cliquant sur «All slider», vous trouverez un sommaire identique à celui des pages. Cliquez sur «Modifier» un slider. Le titre du slider apparaîtra sous forme de légende sur fond gris (si on ne met pas de titre au slider, il existe malgré tout). La description apparaîtra à la suite du titre du slider. On peut ajouter un bouton au diaporama pour renvoyer sur une page du site web ou une page extérieure. L image à la Une est impérative : sa taille doit être de 1400px x 470px. Vous pouvez ajouter autant de diaporamas que vous le souhaitez mais nous vous conseillons de ne pas dépasser le nombre de 6. Les images suivantes risquent de ne pas être vues... Auriane Web Communication - auriane-webcommunication.com - 12

13 LES MISES A JOUR DU SITE WEB Modifier les encarts de la page d accueil La deuxième rubrique proposée par le thème graphique Enigma est la gestion des clients de la page d accueil (encarts). En cliquant sur «All clients», vous trouverez un sommaire identique à celui des pages. Cliquez sur «Modifier» un client. Le titre du client est obligatoire mais n est pas visible sur la page d accueil ; Le lien est nécessaire pour que l encart renvoit soit sur une page du site, soit sur un document, soit sur un lien extérieur (dans ce dernier cas, nous vous conseillons de le faire ouvrir dans une nouvelle fenêtre) ; L image à la Une est impérative : sa taille doit être de 493px x 266px. Vous pouvez ajouter autant d encarts que vous le souhaitez mais nous vous conseillons de ne pas dépasser le nombre de 4. Les encarts suivants ne seraient visibles que par un clic sur une flèche de défilement... ATTENTION : les encarts apparaissent par ordre du plus récent au plus ancien. Pour modifier l ordre des encarts, modifier la date de publication dans l encart en haut à droite ou modifiez un existant. Auriane Web Communication - auriane-webcommunication.com - 13

14 GERER LES GALERIES PHOTOS Modifier une galerie existante Pour réorganiser une galerie : La dernière rubrique est celle de la «Galerie» pour gérer l affichage dynamique de vos images dans la page «Photos». Pour ajouter des photos à une galerie : Cliquez sur «Ajouter une galerie / des images» Dans le menu «Galerie», sélectionnez la galerie Cliquez sur «Ajouter des fichiers» Sélectionnez les visuels dans votre ordinateur (ATTENTION pas plus de 2Mo) Cliquez sur «Démarrer l envoi» Attendez la confirmation d ajout des visuels. Cliquez sur «Gestion des galeries» puis sélectionnez la galerie. Titre : c est le nom que vous donnerez à votre galerie, elle n est pas visible par l internaute et ne sert qu à votre usage. Trier la galerie : cette rubrique vous permet de réorganiser les images dans l ordre que vous souhaitez par un simple glisser/déposer. Pour chaque image : vous pouvez lui donner un titre (il servira au référencement) et une description qui apparaîtra en légende de l image lorsque celle-ci est affichée en grand format. ATTENTION : n oubliez pas de cliquer sur «Sauvegarder les modifications» après chaque action sinon cette dernière sera perdue! Auriane Web Communication - auriane-webcommunication.com - 14

15 GERER LES GALERIES PHOTOS Créer une nouvelle galerie Cliquez sur «Ajouter une galerie / des images» A côté du menu «Galerie», précisez le nom de votre nouvelle galerie Cliquez sur «Ajouter des fichiers» Sélectionnez les visuels dans votre ordinateur (pas plus de 2Mo) Cliquez sur «Démarrer l envoi» Attendez la confirmation d ajout des visuels. Ajouter la nouvelle galerie dans la page «photos» Les albums de la page «Photos» sont gérés dans la rubrique «Portfolio». Vous pouvez utiliser les catégories existantes ou en créer une nouvelle. Il suffit pour cela de lui donner un nom et de l ajouter. Les catégories s affichent en haut des galeries sur la page, ce qui permet à l utilisateur de les filtrer. Auriane Web Communication - auriane-webcommunication.com - 15

16 GERER LES GALERIES PHOTOS Créer le portfolio : Cliquez sur «Add new item» Donnez un titre au portfolio, il apparaîtra sous l image de la galerie. Dans la colonne de droite, cochez la catégorie à laquelle le portfolio appartient. ATTENTION : mettez une «image à la Une» (1000px x 667px) Vous pouvez cliquer sur «Publier» pour créer le portfolio. Rajouter la galerie dans le portfolio : Placez le curseur en haut à gauche de la zone de texte. Cliquez sur le carré vert en haut à droite de l éditeur de texte. Un nouvel onglet apparaît, nous vous conseillons de dérouler les quatre étapes dans l ordre. Laissez en pré-sélectionnée la liste «vignettes de base Nextgen». Dans «Que voulez-vous afficher?», cliquez dans la deuxième zone de sélection et choisissez la galerie que vous voulez ajouter. Dans «Personnaliser», vérifiez bien que tout soit coché dans «non». Cliquez sur «Sauvegarder». La première image de votre galerie doit apparaître. ATTENTION : nous vous conseillons de mettre un renvoi vers la page des galeries-photos avant l affichage de la galerie en question (comme dans cet exemple). Auriane Web Communication - auriane-webcommunication.com - 16

17 STEINER Auriane 14 rue d Helsinki BELFORT Tél : +33 (0) aurianesteiner@gmail.com Permanence téléphonique : Tous les jours, entre 14h et 20h. Nous nous donnons le droit de ne pas répondre en cas d indisponibilité. Dans ce cas, laissez un message sur répondeur avec vos coordonnées et nous rappelerons dans les plus brefs délais. Aucune visite sans rdv préalable. Auriane Web Communication - auriane-webcommunication.com - 17