ACCÈS À L ADMINISTRATION

Transcription

1

2 1 INTRODUCTION DOCUMENTATION WORDPRESS NAVIGATEURS 3 2 ACCÈS À L ADMINISTRATION INTRODUCTION COMPTES UTILISATEURS SÉCURITÉ CONNEXION 5 3 ADMINISTRATION INTRODUCTION INTERFACE 6 4 INTERFACE LISTES D ÉLÉMENTS INTRODUCTION LISTE ACTIONS TRIS ET RECHERCHES 8 5 ÉDITEUR DE TEXTE INTRODUCTION UTILISATION GÉNÉRALE ACTIONS PRÉCÉDENTE/SUIVANTE FORMES ET STYLES AJOUTER UN MÉDIA AJOUTER/RETIRER UN LIEN SUR DU TEXTE 11 6 BIBLIOTHÈQUE DE MÉDIAS INTRODUCTION AJOUTER UN MÉDIA MODIFIER UN MÉDIA 13

3 6.4 SUPPRIMER UN MÉDIA 13 7 GALERIE INTRODUCTION CRÉER UNE GALERIE AJOUTER DES IMAGES DANS UNE GALERIE GÉRER LES GALERIES 15 8 PAGES INTRODUCTION MODÈLES DE PAGE ÉDITION DE PAGE 16 9 ARTICLES POSTES INTRODUCTION CRÉATION/ÉDITION DE POSTES SUPPRESSION DE POSTES CAS PARTICULIERS PAGE D ACCUEIL INTRODUCTION SAUVEGARDES 18

4 1 Introduction 1.1 Documentation Ce support vous permettra de comprendre les subtilités de WordPress et donc d avoir une gestion parfaite du contenu de votre site web. A la fin de ce document vous serez à-même de gérer entièrement le contenu de votre site sans aucune aide extérieure. Ce dernier a été entièrement conçu de manière à ce que vous ne rencontriez aucunes difficultés dans la mise à jour de vos contenus. Bonne lecture! 1.2 WordPress WordPress est un système de gestion de contenu (CMS) qui permet de créer et gérer facilement l'ensemble d'un site web ou simplement un blog. Gratuit et libre, WordPress est personnalisable grâce à de nombreux thèmes et plugins. C est avec cet outil que vous allez travailler, tout ce qui sera en rapport avec votre site web passera par WordPress. 1.3 Navigateurs Un navigateur internet ou browser en anglais est l outil qui vous permet de parcourir le web et d en afficher ses pages. Il faut savoir que chaque navigateur à ses spécificités et interprètera les pages web d une certaine à sa propre manière. Votre site sera donc légèrement différent selon le navigateur utilisé et la version utilisée. De manière générale on peut dire que plus le navigateur est à jour mieux sera interprété son affichage. C est pourquoi je vous recommande d effectuer les mises à jour de votre navigateur. Voici une liste des principaux navigateurs utilisés aujourd hui : Google Chrome est un navigateur Web rapide, simple et sécurisé, conçu pour le Web d'aujourd'hui. Mozilla Firefox est un navigateur Web gratuit, créé par une communauté mondiale, à but non lucratif, qui œuvre pour que les utilisateurs gardent le contrôle de leur vie en ligne et pour façonner le futur d'internet dans l'intérêt de tous. Internet Explorer 10, le nouveau navigateur de Windows 8. Conçu pour la vitesse et le tactile, découvrez une nouvelle conception de navigateur Web. Safari met l'accent sur la navigation, et non sur le navigateur. Grâce à ses fonctionnalités innovantes, votre utilisation du Web devient plus exaltante que jamais.

5 Opera est un navigateur Web gratuit et multiplate-forme développé par la société norvégienne Opera Software, qui propose plusieurs logiciels relatifs à Internet. Ce sont tous de bons navigateurs, plus ou moins utilisés. Je vous recommande personnellement l utilisation de Google Chrome et Firefox. Ces derniers sont reconnus pour leur simplicité d utilisation ainsi que leurs multiples fonctions, ils interprètent également parfaitement l affichage des sites web en prenant en compte les dernières technologies de développement. 2 Accès à l administration 2.1 Introduction L intégralité de la gestion du contenu de votre site internet se fera par le biais d une administration accessible directement sur le net via un navigateur. Afin d accéder à cette administration il est nécessaire disposer d un identifiant ainsi que d un mot de passe définit par l administrateur du site. 2.2 Comptes utilisateurs Chaque utilisateur (3 utilisateurs définis dans le projet) dispose de ses propres informations de connexion. Chaque utilisateur peut voir les modifications qui ont eu lieu et qui en est l auteur, ce qui permet de ne pas faire de contre-production. 2.3 Sécurité Il est primordial de garder ses identifiants secrets et de ne pas se connecter à l administration sur des ordinateurs ou réseaux wifi publics pour des raisons de sécurité. Afin de réduire les risques d intrusion dans l administration les mots de passe ont été choisis par l administrateur. Ceux-ci sont composés de caractères spéciaux, de lettre minuscules et majuscules ainsi que de chiffres. En cas de perte ou divulgation du mot de passe d un utilisateur veuillez contacter au plus vite l administrateur du site qui se chargera de vous fournir de nouveaux accès. N oubliez pas de vous déconnecter de votre compte une fois votre travail achevé.

6 2.4 Connexion La connexion à l administration et toute la gestion du contenu se font directement sur un navigateur. Voici comment accéder à la page de connexion : Étape 1. Rendez-vous sur la page suivante : Étape 2. Vous devriez apercevoir l écran suivant : 1. Entrez votre identifiant 2. Entrez votre mot de passe 3. Cliquez sur le bouton se connecter et vous serez redirigé vers le Tableau de bord de l administration 3 Administration 3.1 Introduction Une fois connecté à l administration de votre site, il vous est possible de gérer entièrement le contenu de celui-ci dans les limites définies par l administrateur. Ces limites sont là pour empêcher aux utilisateurs de nuire au bon fonctionnement du site, en bloquant par exemple l accès à certaines sections du panneau ou simplement en interdisant certaines tâches. Il se peut donc que vous soyez amenés à arriver sur une page qui indique que vous ne disposez pas des droits nécessaires. Vous trouverez ci-dessous, la liste des actions qui vous sont autorisées. - Gestion complète des Activités - Gestion complète des Actualités - Gestion complète du Bureau communal - Gestion complète des Commissions communales - Gestion complète des Entreprises et commerces - Gestion complète des Événements

7 - Gestion complète des Habitations - Gestion complète des Installations sportives - Gestion complète des Publications communales - Gestion complète des Sociétés locales - Modification des Pages existantes - Créations de Galeries - Upload de Médias divers *La Gestion complète comprend l ajout, la modification et la suppression de données 3.2 Interface L interface de l administration est très simple à utiliser, on peut la décomposer en trois parties ; - La barre de navigation rapide qui se situe tout en haut de l affichage et qui permet d accéder directement à certaines parties de l administration, comme la création de postes. La partie supérieure droite de la barre permet également de se déconnecter. L onglet Options de l écran gère certaines options de l affichage sur la partie centrale. Et enfin l onglet Aide vous donnera des informations sur la partie actuelle de l administration. - Le menu latéral se trouve sur la droite de l écran et vous permet de naviguer à travers toutes les sections de l administration. Les sous-menus s affichent lors du survol avec la souris ou simplement en cliquant sur la section désirée. - La partie centrale affichera le contenu et les options de la section ou vous vous trouvez actuellement.

8 - 4 Interface Listes d éléments 4.1 Introduction Ce chapitre présente et explique comment utiliser l interface qui apparaît lorsque vous entrez dans un des menus affichés dans l administration. La majorité de ces menus vous montreront directement la liste des éléments qu ils contiennent. Lorsqu une liste comporte beaucoup d éléments il peut être judicieux de savoir comment effectuer les bons tris afin de trouver l article désiré. Nous verrons donc comment naviguer à travers cette interface présentant une certaine quantité d actions et de tris à utiliser. (Voir l image plus bas) 4.2 Liste La liste affichée contient plusieurs colonnes qui diffèrent selon le section que vous visitez. Ces types de colonnes peuvent être choisis en cliquant sur le bouton Options de l écran (N 1 sur image) qui se situe tout en haut à droite de l écran. Les colonnes affichées seront alors personnalisables à l aide d un système de coches. Le nombre d éléments affichés par page peut également être configuré de puis ce même panneau d options.

9 4.3 Actions - Bouton Ajouter (N 2 sur image) permet de créer un nouvel élément - Liste déroulante d Actions groupées (N 7 sur image) permet de gérer plusieurs éléments en les cochant et en effectuant l action choisie dans la liste. Il faut cliquer sur Appliquer pour valider l action. - Liens de modification et mise à la corbeille (N 6 sur image). Le clic sur le titre de l élément aura le même effet que le clic sur le lien Modifier. Attention : la mise à la corbeille comme son nom l indique ne supprime pas l élément, il est seulement déplacé dans la partie Corbeille de la liste qu il est possible d afficher grâce au lien Corbeille (N 4 sur image). - Les liens d affichage (N 4 sur image) vont modifier le contenu de la liste en fonction de vos choix, il est possible de montrer tous les articles, seulement ceux publiés ou encore ceux qui sont placés dans la corbeille. 4.4 Tris et recherches - Rechercher dans la liste (N 3 sur image) à l aide de mots clés comme des parties du titre d élément recherché. - Tris selon la date de création (N 5 sur image) permet d afficher les éléments correspondant à la date de création sélectionnée. Il est nécessaire de valider l action en cliquant sur le bouton Filtrer. 5 Éditeur de texte 5.1 Introduction Lors de la création ou l édition d une page/article vous serez parfois amené à faire usage de l éditeur de texte. Il permet l insertion d un texte long et surtout sa mise en forme. L éditeur est composé de plusieurs parties contenant des boutons. Ceux-ci vont vous permettre d effectuer diverses actions de la même manière que vous le feriez sous Microsoft Word. Il n existe aucune règles concernant la mise en forme des pages, c est pourquoi il est primordial que vous ne surchargiez pas trop le texte avec les différents effets à votre disposition. 5.2 Utilisation générale Cet éditeur vous donne la possibilité de modifier de nombreuses choses et d appliquer certains effets sur votre texte. L éditeur fonctionne dans la majorité des cas comme Word, il suffit de sélectionner la partie que l on souhaite modifier et d appliquer le changement à l aide du bouton de son choix. Voici une liste réduite des boutons que vous trouverez : - Gras, Italique, Barré, Souligné

10 - Liste à puces, Liste numérotée - Différents alignements de texte - Insertion d images - Importation de texte depuis Word - Ajout/retrait d un lien sur un texte L éditeur peut fonctionner dans deux modes différents qui se choisissent en haut à droite de ce dernier. Veillez à ne jamais passer en mode texte, ce mode est réservé aux développeurs. Enfin vous trouverez diverses informations dans le fond de l éditeur comme le nombre de mots ou encore les informations relatives à l enregistrement de votre travail.

11 5.3 Actions précédente/suivante Il est possible comme dans beaucoup d autres logiciels, de revenir en arrière lors d une mauvaise manipulation ou à l inverse exécuter à nouveau ce que l on vient d annuler. Les deux boutons représentants des flèches sont destinés à cet usage. 5.4 Formes et Styles Vous aurez remarqué que deux listes déroulantes sont présentes dans l éditeur. Elles permettent d appliquer un style à un élément sélectionné. Nous appellerons la première liste de formes et la seconde de styles. La liste de forme ne doit être utilisée que pour appliquer «Paragraphes» et les différents inférieurs ou égal à 3. La liste de styles quant à elle est à appliquer quand sur les listes de documents ou de liens. Elle permet de leur affecter la bonne mise en forme. 5.5 Ajouter un média L éditeur dispose d un bouton permettant l insertion d un média au texte. Le terme média désigne tout objet autre que du texte comme des documents ou des photos. En cliquant sur le bouton Ajouter un média, vous pourrez importer sur le site un fichier depuis votre ordinateur, celui-ci sera stocké dans la bibliothèque de médias. Une fois votre fichier transféré sur le site, il faudra au minimum lui donner un Titre, un Texte alternatif (texte affiché lorsque l image ne parvient pas à être chargée). Vous êtes ensuite libre de l insérer dans l article ou la page en question avec les options de votre choix. Pour plus d informations sur les médias veuillez-vous référer à la partie du support traitant ce sujet.

12 5.6 Ajouter/retirer un lien sur du texte Si vous souhaitez ajouter ou modifier un lien sur un mot ou groupe des mots, il suffit de le/les sélectionner et de cliquer sur le premier icone en forme de lien. Une fenêtre va alors s ouvrir vous permettant de spécifier les différentes informations pour vos liens. 1. Entrez l adresse complète de l endroit où vous souhaitez que votre lien mène. 2. Choisissez un titre d affichage 3. Cochez la case uniquement si le lien mène vers un site extérieur à celui du votre. 4. Cliquez sur Ajouter un lien Pour retirer un lien il suffit de sélectionner celui-ci et de cliquer sur le second bouton encadré cidessus.

13 6 Bibliothèque de médias 6.1 Introduction La bibliothèque des médias est la zone de l administration où tous les fichiers, documents et images sont stockés. Elle est accessible directement par le menu Médias situé dans le menu principal. Cette bibliothèque regroupe donc tous les éléments qui ont été importés sur le site et permet de les gérer. Il est possible de directement y ajouter des éléments ou de modifier les données propres à ceux existants, ou encore supprimer les éléments qui ne vous sont plus utiles. 6.2 Ajouter un média Comme expliqué précédemment, on peut ajouter un média grâce au bouton que l on trouve en dessus des éditeurs de texte, ceci est un raccourci qui nous permet d éviter d aller dans la section de l administration propre aux médias. Pour ajouter un média depuis le menu du même nom, il faut cliquer sur le bouton Ajouter qui se trouve en haut de la page, à droite du titre de celle-ci. Une fenêtre vous propose alors de sélectionner directement le/les éléments sur votre ordinateur ou de les glisser dans l emplacement prévu à cet effet.

14 Une fois votre sélection effectuée, WordPress va procéder à l importation des éléments, la durée de cette opération varie en fonction du nombre de fichiers et de leur poids. C est pourquoi il est intéressant de préparer vos images en les redimensionnant (en 800x600 par exemple) avant de les importer. L importation finie, WordPress vous propose affiche la liste de vos fichier et vous propose d accéder à chacun d entre eux à l aide du lien Modifier se trouvant à droite de leur titre. Ce lien va vous permettre d accéder à la page d informations du média. Celle-ci comporte plusieurs champs qu il est important de compléter de manière intelligente (Les champs diffèrent selon le type de média). - Le titre (obligatoire) vous permettra de retrouver votre image si elle est nommée correctement - La légende ne sera pas utile dans notre cas puisqu elle ne sera pas affichée sur le site - Le texte alternatif (obligatoire) est très important puisqu il permet de remplacer l image si celle ne peut pas se charger correctement. - La description peut vous être utile en cas de doute sur le fichier, mais elle ne sera pas affichée sur le site. Vous êtes donc libre de modifier comme bon vous semble les divers champs des médias que vous importés. Après la modification des informations concernant un éléments et si vous souhaitez conserver celles-ci, il est très important de ne pas oublier de cliquer sur le bouton Mettre à jour. 6.3 Modifier un média Une fois sur la page listant les médias présents sur votre site, trouvez l élément que vous souhaitez modifier (les outils de recherches peuvent vous être utiles) et placez votre curseur sur ce dernier afin de faire apparaître le lien Modifier. Cliquer sur le titre de l élément aura le même effet. Vous accédez ensuite à la page des propriétés du média que vous pourrez modifier selon votre envie. N oubliez pas de cliquer sur le bouton Mettre à jour une fois vos modifications effectuées si vous voulez qu elles subsistent. 6.4 Supprimer un média Pour cela rien de plus simple, il vous suffit d accéder à la page regroupant tous médias de votre site (depuis le menu Médias) puis de trouver l élément que vous souhaitez supprimer dans la liste (les outils de recherches peuvent vous être utiles) et finissez par vous rendre sur l élément avec la souris pour cliquer sur Supprimer définitivement. Une fenêtre de confirmation apparaîtra vous demande de cliquer sur OK si vous êtes sûr de votre choix. Il vous est également possible de supprimer un média depuis sa page d informations.

15 7 Galerie 7.1 Introduction Le système de galeries mis en place dans l administration vous donne la possibilité de créer des ensembles d images que vous pourrez affecter à certains types de page et d article. La gestion des galeries se fait via le menu du même nom. 7.2 Créer une galerie En vous rendant dans le sous-menu Ajouter une galerie/des images vous apercevrez plusieurs onglets dont un se nommant Ajouter une nouvelle galerie. Il ne vous reste qu à choisir un nom pour votre galerie avant de cliquer sur le bouton Ajouter une galerie. 7.3 Ajouter des images dans une galerie En vous rendant dans le sous-menu Ajouter une galerie/des images vous apercevrez plusieurs onglets dont un se nommant Télécharger des images. Sélectionner ensuite les images que vous souhaitez importer.

16 TRES IMPORTANT : Cocher la partie indiquant un redimensionnement 800px par 600px des images, ceci vous permet d éviter d avoir de trop lourds fichiers. Pour finir la manipulation, choisissez la galerie dans laquelle vous voulez ajouter les images sélectionnées et cliquez sur le bouton Télécharger les images puis patientez durant l importation. 7.4 Gérer les galeries Si vous souhaitez modifier les propriétés ou le contenu d une galerie, il faut accéder au sous-menu Gérer les galeries. A partir de cet endroit vous devez choisir la galerie que vous souhaitez modifier et cliquer sur son titre. Une fois dans la page de gestion de la galerie, il est primordial que vous ne touchiez pas aux options concernant la configuration de la galerie. Sauf pour le titre et la description. Vous êtes cependant libre de compléter les informations à propos des images ou de supprimer des photos qui ne vous plaisent pas. Une grande liste d actions est à votre disposition, faites toutefois attention à ce que vous faites. Voici des exemples qui pourraient vous être utiles : - Copie/déplacement vers - Diverses rotations - Suppression IMPORTANT : Après avoir modifié des informations contenu dans la page d une galerie, il est nécssaire de cliquer sur le bouton Sauvegarder les informations si vous ne voulez pas perdre vos changements. 8 Pages 8.1 Introduction Les pages dans le menu du même nom de l administration WordPress représentent directement les pages de votre site. Leur contenu ne sera que très peu modifié dans la plupart des cas contiendront donc des informations fixes. Certaines pages quant à elles comporteront une liste d articles (postes) et présenteront une brève description. Il est très important de faire la différence entre les pages et les articles, ceci vous permettra de savoir dans quel endroit de l administration vous rendre pour modifier le texte ou l élément souhaité. Pages : Elles possèdent un contenu qui varie très peu et donnent beaucoup d informations sur un sujet précis. Les pages sont placées dans le menu Pages de WordPress. Exemple : Cadastre solaire, Bureau de vote, Place de jeux,

17 Articles/postes : Ils font partie d un groupe et donnent des informations sur un sujet commun, ils sont présentés à la suite sur une page qui les lie. Chaque type d article possède un menu qui lui est propre dans l administration. Exemple : Actualités, Événements, Conseil communal, Il est important de savoir que vous n avez le droit qu à l édition des pages existantes afin d éviter tout problème. 8.2 Modèles de page Les pages ont la possibilité de disposer d un modèle que l on appelle Modèle de page. Ce modèle sert à définir quelles informations contiendra la page et comment celles-ci seront disposées. Pour définir le modèle d une page il faut se rendre sur la page dont on souhaite changer le modèle et trouver le bloc se nommant Attributs de la page puis de sélectionner le modèle voulu. Liste des modèles disponibles : - Modèle par défaut : Permet l affichage d une image et d un simple texte - Modèle détaillé : La page s affichera sur deux colonnes représentant le contenu et l image sur la gauche et les informations de contacts ainsi que d autres précisions sur la droite. 8.3 Édition de page Pour éditer une page il suffit de la trouver la liste et de cliquer sur Modifier en plaçant le curseur dessus ou de cliquer sur son titre. Les champs à votre disposition diffèreront en fonction du modèle choisi. Champs disponibles : - Titre - Contenu - Image principale Modèle par défaut : Il faut savoir que seul le texte principal et le titre sont obligatoires en modèle par défaut. Vous avez la possibilité d ajouter une image à votre texte en cliquant sur Utiliser comme image à la une dans la partie Image à la une. Vous avez le choix entre utiliser une image qui est déjà présente sur le site ou en importer une nouvelle.

18 Modèle de page détaillé : Dans ce modèle-ci beaucoup de champs sont à votre dispositions, mais il est important d avoir au moins complété le contenu et le titre ainsi qu une partie (de votre choix) des informations qui se placeront ensuite sur la gauche de la page dans le site. Champs disponibles : - Titre - Contenu - Image principale - Informations de contact (Structure, Adresse, Téléphone, ) - Horaire - Google Map - Galerie - Liens 9 Articles Postes 9.1 Introduction Comme expliqué précédemment les articles ne sont pas équivalents des pages. Ils représentent ensemble une liste détaillant plusieurs éléments unis par un point commun. Par exemple les conseillers communaux sont les articles du conseil communal. (Voir Pages) 9.2 Création/Édition de postes Rendez-vous dans la section du type de poste que vous souhaitez éditer ou créer et utilisez les techniques vues auparavant pour la création et l édition d éléments. (Voir Interface Liste d éléments) 9.3 Suppression de postes Rendez-vous dans la section du type de poste que vous souhaitez supprimer et utilisez les techniques vues auparavant pour la création et l édition d éléments. (Voir Interface Liste d éléments) 9.4 Cas particuliers Chaque poste dispose de champs spécifiques à son thème. Tous les champs sont accompagnés d une description contenant souvent un exemple afin vous renseigner sur la manière de compléter le champ en question.

19 10 Page d accueil 10.1 Introduction Les éléments affichés sur la page d accueil sont des postes de différents types. Les types suivant sont utilisés : - Actualités : Les dernières actualités ajoutées sont affichées sur la page d accueil. - Événements : Les deux derniers événements ajoutés sont affichés sur la page d accueil. - Publications communales : La dernière publication communale en date est affichée sur la page d accueil. - Activités : Deux activités choisies aléatoirement sont affichées sur la page d accueil. La date de publication (modifiable dans l article) est la propriété qui définit les articles les plus récents. 11 Sauvegardes Afin d éviter les pertes de données dues aux erreurs de manipulation ou de problèmes techniques, deux plans de sauvegardes ont été mis en place. Les données sont sauvegardées dans un dossier situé sur le FTP de votre hébergement. - Sauvegarde quotidienne de la base de données : 14 sauvegardes au total, la dernière est écrasée pour laisser place à la nouvelle. - Sauvegarde hebdomadaire complète : 12 sauvegardes au total, la dernière est écrasée pour laisser place à la nouvelle. Un de confirmation est envoyé à la secrétaire.