Un nouvel habillage pour Koha

L’In­sti­tut protes­tant de théolo­gie a revu l’ensem­ble de son écosys­tème doc­u­men­taire, après l’ou­ver­ture de sa bib­lio­thèque numérique — com­prenant trois fonds dif­férents -, la réal­i­sa­tion d’un mul­ti­site Word­Press pour val­oris­er les ressources disponibles à la bib­lio­thèque, il man­quait un design cohérent entre l’ensem­ble des sites en par­ti­c­uli­er les Word­Press et le cat­a­logue Koha en ligne.

Créer un univers homogène entre le catalogue et les sites WordPress

Les trois sites for­ment un écosys­tème com­plet, le design se devait de mon­tr­er cette cohérence et de val­oris­er les liens trans­vers­es notam­ment via le moteur de recherche sur le catalogue.

De l’importance des détails : visuels et pictogrammes

Le visuel en par­al­laxe qui mar­que la per­son­nal­ité des Word­Press a été con­servé sur le cat­a­logue Koha. Nous avons aus­si mis en place les déco­ra­tions de liens avec ce petit haché car­ac­téris­tique et les déco­ra­tions de titre.

L’en­tête Koha a été revue pour se rap­procher des deux sites de référence sans gên­er la barre d’outils du cat­a­logue qui peut pren­dre de la place.

Les pic­togrammes en ont été mod­i­fiés pour respecter l’u­nivers visuel de la charte.

Gestion de contenus d’accueil et outils éditoriaux limités

Koha per­met de créer dif­férents blocs de con­tenus pour les plac­er en page d’ac­cueil. Nous pou­vons ain­si admin­istr­er entête, pied de page, espace d’ac­tu­al­ités, des blocs d’information…

La dif­fi­culté inter­vient pour des mis­es en page com­plex­es — sur deux colonnes notam­ment car l’édi­tion de Koha n’est pas prévue pour. Afin de gér­er fine­ment l’or­gan­i­sa­tion des con­tenus, il devient néces­saire de faire du HTML et de prévoir un code spécifique.

L’édi­tion Koha est ori­en­tée vers un mode de présen­ta­tion sim­ple. Pour un ren­du plus élaboré, il faut ouvrir l’op­tion Code source et ne pas hésiter à créer son pro­pre code.

Vous pou­vez ensuite obtenir un ren­du digne d’un site Word­Press car en plus de la struc­ture HTML ain­si créée, il y a bien sûr une belle feuille de styles qui per­met de ren­dre tout cela… élégant !

L’in­ter­ven­tion HTML se fait dans l’ad­min­is­tra­tion Koha ce qui n’est pas idéal quand il s’ag­it de votre site de production ! 

Une création de thème en direct !

Le site était déjà ouvert au pub­lic. En l’ab­sence d’une instance de test et pour éviter de ren­dre des pages inutil­is­ables pour les util­isa­teurs (les joies du tra­vail sur l’ha­bil­lage !), la page d’ac­cueil a été importée et tra­vail­lée en local. La struc­ture HTML des dif­férents blocs d’ac­cueil a donc été créée de cette façon, tou­jours en s’ap­puyant sur le code généré par Koha afin de garder la cohérence du développe­ment. C’est aus­si un moyen d’éviter ou de min­imiser les erreurs d’af­fichages après les mis­es à jour régulières du CMS.

Après qua­si­ment 1 an de ser­vice, le thème a ain­si néces­sité env­i­ron 5 min­utes d’in­ter­ven­tion après une mise à jour majeure, ce qui est plutôt un bon bilan !

Le petit plus

L’in­ter­ven­tion por­tait sur la page d’ac­cueil et les par­ties com­munes (entête et pied de page) qui devaient être présentes aus­si sur les pages internes du site. Nous avons un peu poussé les choses pour que les pages de recherche et de résul­tat soient en har­monie avec les reste… Nous y avons passé du temps sur les détails et nous avons inté­gré un (très) bel habil­lage sur une tech­nolo­gie que nous abor­dions pour la pre­mière fois : mis­sion réussie !