gestion du site web du réseau des bibliothèques des achards...pour accéder à l’espace...
TRANSCRIPT
1
Version 2013
Fiches d’aide à la
gestion du site Web
du Réseau des
Bibliothèques des
Achards Adresse du site : http://www.bibliothequesdesachards.net
(Adresse provisoire :
http://opac3.pergame.net/bibliothequesdesachards.net/ )
CC du Pays des Achards - 2 rue Michel Breton - ZA Sud-Est - CS 90116 - 85150 La
Chapelle-Achard Tel : 02 51 05 94 49
2
Sommaire :
1. Vue d’ensemble du site………………………………………………………………………………………………………3
2. Classement, publications et rédaction des articles………………………………………………………………4
2.1. Les 2 catégories particulières .....................................................................................................5
2.1.1. La catégorie AIDE……………………………………………………………………………………………..5
2.1.2. La catégorie Archive………………………………………………………………………………………….8
2.2. Les sections Bibliothèques et leur contenu ………………………………………………………………….…9
2.3. Rédaction d’un article…………………………………………………………………………………………………..10
2.4. Les Catalogues Dynamiques................................................................................................…...12
3. Modifications techniques du site………………………………………………………………………………………16
3.1. Changer les bannières………………………………………………………………………………………………….16
3.2. Changer les logos…………………………………………………………………………………………………………18
3.3. Changer les couleurs et l’image de fond………………………………………………………………………..19
3.3.1. Les couleurs………………………………………………………………………………………..…………21
3.3.2. L’image………………………………………………………………………………………………………….22
3
1. Vue d’ensemble du site
Pour accéder à l’espace d’administration cliquer sur Accès pro en bas à gauche de la page.
Bannières et Logos du site (les
bannières défilent
automatiquement) Le logo redirige
vers le site de la CCPA
Le Menu horizontal est présent sur
toutes les pages du site et regroupe
des menus toujours utiles (section
abonnés, rubrique d’aide…)
La colonne de gauche
comprend le module de
recherche ainsi que les 2
menus de navigation du site :
le catalogue et les pages
bibliothèques
Elle ne sera que peu ou pas
modifiée
La colonne centrale est le cœur du
site. Elle regroupe un EDITO fixe en
haut suivi de 2 kiosques dynamiques
qui attirent le regard des lecteurs
Vient ensuite le module Actualités
qui regroupe tous les articles publiés
sur le site pour informer les lecteurs.
4
2. Classement, publications et rédaction des articles :
Cliquez sur le menu Articles à gauche de l’interface d’administration :
Les articles sont triés par année puis par catégorie comme cela :
On retrouve donc chaque année 3 catégories principales :
La catégorie Evènements qui regroupe tous les évènements ayant lieu sur le réseau dans
l’année
La catégorie Informations des bibliothèques qui regroupe tous les changements
d’horaires ou fermetures temporaires des Bibliothèques au cours de l’année
La catégorie Informations du Portail qui regroupe toutes les informations importantes sur
le site en lui-même (problème technique, indisponibilité, etc..)
On ajoutera donc un article dans l’un de ces dossiers en fonction de son contenu.
L’ensemble de ces articles paraît sur la page d’accueil du site mais le découpage permet de
retrouver facilement un article pour le modifier ou l’enlever si besoin est.
5
2.1 Les 2 catégories particulières :
2.1.1 La catégorie « AIDE » :
La catégorie « AIDE » regroupe les articles disponibles dans le « AIDE » du site, cette section ne
devrait pas ou peu avoir besoin de modification.
Toutefois s’il est nécessaire d’ajouter une rubrique d’aide voici comment procéder :
1. Créez un article dans la rubrique AIDE et l’enregistrer. (voir rédaction d’un article)
2. Passez dans le menu « profils » de la zone administrateur du site et cliquez sur l’icône
« modifier les menus » du portail :
6
3. Modifiez ensuite le « Menu horizontal » :
4. Dans le menu « AIDE » faites ajouter un sous-menu :
De là vous obtenez une nouvelle entrée qui s’appelle « nouveau sous-menu »
5. Ouvrez la liste déroulante et choisissez « Article CMS » comme cible pour ce menu :
6. Cliquez sur le bouton « modifier » pour ouvrir la fenêtre qui vous permettra de renommer
votre menu (très important !) et de sélectionner votre article dans la rubrique « AIDE » où
vous l’avez créé précédemment :
7
Et voilà, après validation vous verrez que le menu « AIDE » du site est doté d’une nouvelle
rubrique menant à votre article.
8
2.1.2 La catégorie Archive :
La rubrique « Archive » servira à stocker tous les articles des années passées.
Pour la remplir il suffit de déplacer le dossier d’une année directement dans la catégorie Archive :
Procédez comme suit :
1. Cliquez sur « modifier » en face du dossier d’une année écoulée :
2. Dans le menu ouvert sélectionnez la « catégorie parente » en mettant Archive :
3. Validez et tout le dossier 2011 sera déplacé dans la Rubrique Archive.
Désormais les Articles de cette année n’apparaîtront plus sur la page principale mais dans le
menu « Archive » du site.
9
2.2 Les sections Bibliothèques et leur contenu :
Sous cette section principale pour les articles, on retrouve une section pour chaque bibliothèque :
Cette section comporte 2 dossiers pour les articles :
1. Le Dossier « Actualités » est utilisé pour un rappel des actualités importantes liées à la
bibliothèque
On peut par exemple y indiquer à nouveau les changements d’horaires ou fermetures
temporaires pour qu’elles apparaissent de manière fixe sur la page de la bibliothèque :
2. Le dossier « Horaires » permet quant à lui de regrouper les articles indiquant les horaires et
coordonnées de la bibliothèque sélectionnée.
Ces articles seront édités si besoin et resteront uniques pour un maximum de visibilité :
Sur le portail, on retrouve ces 2 sections : Horaires au centre et Articles à droite pour les
actualités :
10
2.3 Rédaction d’un article :
Une fois la bonne section identifiée, vous pouvez rédiger votre article, pour cela :
Utilisez le bouton « Ajouter un article » situé en face de la section choisie. (La petite feuille avec
un + vert). Vous atteindrez ensuite cette page :
11
1. Vous devez indiquer un titre pour l’article.
Ensuite la zone des dates comporte 2 champs permettant de définir une période précise :
Le premier, « Publication », permet de définir la période pendant laquelle l’article restera visible
sur le site.
Cela permet par exemple pour un évènement temporaire de faire en sorte que l’article
n’apparaisse que pendant la durée de l’évènement.
Le deuxième champ permet quant à lui de définir une période visible dans l’agenda, ce qui
permet aux lecteurs de situer l’évènement dans le temps.
On retrouve ensuite la zone de saisie de l’article.
Puis enfin viennent les Tags. Les Tags sont des mots-clés permettant de retrouver l’article dans
une recherche, ils sont importants car ils permettent aux moteurs de recherche de savoir ce que
contient l’article.
2. Il faut donc mettre des Tags en rapport avec l’article.
Une fois la rédaction terminée :
3. Sauvegarder l’article. Il sera directement disponible dans la section choisie (en page
d’accueil, ou dans les pages bibliothèques par exemple).
12
2.4 Les Catalogues Dynamiques :
1. Cliquez sur « catalogue dynamique » pour ouvrir le menu dédié :
Vous verrez ici une liste des catalogues déjà créés ainsi que le bouton permettant d’en ajouter un
nouveau, cliquez sur ce dernier.
13
Vous entrez alors dans l’interface de création d’un catalogue dynamique :
2. Indiquez un « Libellé » (c’est le nom du catalogue).
a. Facultatif : Ajoutez une description si besoin
3. Définissez ensuite les types de documents classés par ce catalogue
4. Sélectionnez également le genre littéraire et toutes informations complémentaires qui
pourraient définir votre catalogue.
5. Vous pouvez également choisir une bibliothèque pour réaliser un catalogue spécifique à un
lieu du réseau.
6. Les critères d’indexations seront laissés vierges.
7. Validez et voilà votre catalogue dynamique créé.
14
L’intégrer ensuite au menu du site :
1. Pour cela allez dans la section « Profils », puis cliquez sur « Editer les menus du profil » (voir
Fiche 1.1.1)
Vous arriverez sur cette page :
2. Cliquez sur « Modifier le menu Catalogue du Réseau » :
3. Cliquez sur « Ajouter un sous-menu », cela ajoute une entrée en bas de la liste des éléments
du catalogue :
4. Sélectionnez « Catalogue » dans le menu déroulant puis modifiez cette entrée, cela ouvre la
fenêtre suivante :
15
5. Renseignez le « Libellé » et le « Titre » du catalogue (le même nom que le libellé pour plus de
simplicité)
6. Mettez le « Tirage aléatoire » sur non
7. Triez le résultat par l’ordre que vous préférez.
8. Mettez 0 dans le « Nombre à afficher » et laissez 50 dans le « Nombre à analyser ».
9. Sélectionnez dans le menu déroulant Catalogue, celui que vous avez créé à l’étape
précédente.
10. Validez et voilà votre nouveau catalogue intégré au site et utilisable par les lecteurs.
16
3. Modifications techniques du site :
3.1 Changer les bannières du site :
1. Pour changer les bannières on utilise l’édition des profils
2. On modifie ensuite directement le Portail pour arriver sur cette page :
17
Ici dans la partie bannière on peut voir le premier bouton :
La case à cocher suivante sert à définir plusieurs bannières qui défileront (à laisser cocher tant
qu’il y a plusieurs bannières)
3. Cliquez sur le bouton « Explorer le serveur », une nouvelle page s’ouvre :
Ici on trouvera les bannières déjà présentes (tous les fichiers en .jpg) ainsi qu’un dossier pour les
logos (traités par la suite).
On remarque en haut à droite un champ pour ajouter un fichier à la liste déjà présente.
4. Cliquez sur : pour trouver l’image stockée sur l’ordinateur
5. Cliquez sur : pour l’ajouter à la liste des bannières.
Ainsi la nouvelle bannière sera ajoutée à la liste et défilera sur le site comme les autres.
IMPORTANT : L’image pour la bannière doit être de taille : 1000 x 200 pixels (longueur x
largeur)
Notez également que le logo de taille 185 x 100 sera toujours au dessus des bannières, il faut
donc le prendre en compte pour des bannières comportant du texte.
18
3.2 Changer les Logos :
Il suffit de choisir le logo (gauche ou droite) puis de transférer l’image sur le site exactement
comme pour les bannières (attention à bien mettre l’image dans le dossier LOGOS et non pas
avec les bannières !).
Dans le champ en dessous on peut également assigner un lien au clic sur le logo.
Important : Le logo ne doit pas dépasser 100 pixels de hauteur, la largeur est libre mais
n’oubliez pas que le logo recouvre les bannières.
19
3.3 Changer les couleurs ou l’image de fond :
Pour changer les couleurs ou l’image de fond il faut éditer le fichier CSS lié au profil.
(Le fichier CSS est un petit fichier texte écrit en langage CSS qui permet de définir l’apparence
d’un site internet (couleurs, positions, images…)
1. Allez dans la page « profils »
2. Editez le « profil Portail », une fois ouverte,
3. Faites défiler la page jusqu’à voir la ligne CSS:
4. Cliquez ensuite sur le bouton « Explorer le serveur » pour ouvrir le gestionnaire de fichiers
5. Ouvrez le dossier CSS présent, vous verrez plusieurs fichiers, sélectionnez Portail.css
6. Cliquez sur ce fichier puis téléchargez le
Une fois le téléchargement terminé, ouvrez le fichier avec le bloc-note de windows.
20
On obtient un texte fait de code CSS étrange comme ceci :
21
3.3.1 les couleurs :
Pour les couleurs, la partie qui nous intéresse est celle-ci :
Et plus particulièrement les 4 lignes où l’on trouve rgb(nombre1,nombre2,nombre3)
C’est ce petit bout de texte (rgb pour Red Green Blue) qui définira la couleur de fond de la page :
Il est présent 4 fois car la couleur est un dégradé, on définit donc 2 couleurs opposées et le fond
sera un dégradé entre ces 2 couleurs.
Ici par exemple rgb(0,102,0) correspond au vert foncé et rgb(160,200,14) au vert clair.
1. Modifiez ces valeurs pour obtenir le dégradé voulu (il faut le faire 2 fois dans le même ordre
(sachant que la première couleur sera moins présente que la seconde)
PS : on peut facilement trouver l’équivalence d’une couleur en Rgb sur internet ou avec un
logiciel de retouche comme Photoshop).
2. Une fois les valeurs remplacées sauvegardez le document et revenez sur la page de gestion
des fichiers.
3. Comme pour les bannières, transférez le fichier sur le site (attention à bien être dans le
dossier CSS pour que l’ancien fichier soit remplacé).
Voilà les couleurs devraient être changées après un rafraichissement de la page du site.
22
3.3.2 L’image :
Pour l’image de fond la manipulation est un peu plus complexe :
1. Sélectionnez une image et la transférez sur le site (en utilisant le même bouton que pour le
fichier Portail.css, et en la mettant au même endroit)
2. Ouvrez à nouveau le fichier CSS Portail.css (avec le bloc-notes)
3. Modifiez ensuite le code situé entre les deux accolades {} juste après body
4. Supprimez d’abord le contenu actuel (Copiez le dans un autre fichier texte pour le restaurer
plus tard !)
On se retrouve donc avec :
5. Introduisez ensuite un autre code qui définira l’image de fond utilisée :
Le code sera :
background-image: url("lenomdevotreimage.jpg");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: top;
23
Si on prend l’exemple d’une image avec des livres appelée pagelivre.jpg
On obtiendra :
6. Enregistrez.
7. Transférez à nouveau le fichier CSS pour qu’il soit mis à jour sur le site.
Et on obtiendra donc une image choisi comme fond pour le site :
CC du Pays des Achards - 2 rue Michel Breton - ZA Sud-Est - CS 90116 - 85150 La
Chapelle-Achard Tel : 02 51 05 94 49
24