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