agence digitale - documentation template admairie...admairie est un template conçu par...

Réponse à la consultation pour la refonte du site internet de la ville

Page n°1/2430/03/2010Documentation du composant Joomlannuaire

Copyright 2013 Agence Digitale – tous droits de reproduction interdits sans autorisation

Page n°1/8

Documentation du template premium ADMAIRIECopyright 2014 Agence Digitale – tous droits de reproduction interdits sans autorisation

ADMAIRIETemplate premium responsive

pour Joomla 2.5 / 3.0




Page n°2/8


ADMAIRIE est un template conçu par l'Agence Digitale pour Joomla 2.5/3.0 , à l'origine pour les mairies et

collectivités locales, mais susceptible de convenir pour tout type de site institutionnel ou communautaire

exigeant une interface sobre et un désign fluide et soigné.

Mise à jour 24/04/2014 : le template est désormais entièrement compatible pour une utilisation

« responsive » (adaptation de l'interface en fonction du terminal de l'utilisateur, y compris les tablettes et

smartphones).

Liste des composants, plugins et modules installés dans la version de démo

Modules :

Module du Template : « Liens Utiles / Plan interactif / Contact / Contenu footer »

Module Recherche (Natif à joomla)

Module Menus (x5) (natifs à joomla) « Menu principal x2, Accès direct, Annuaire, Réseaux sociaux »

Module Contenu personnalisé (natif à joomla) « Météo city »

Module Image Show Pro (Gavick) « Slide-show »

Module News Show Pro (Gavick) « Agenda, Actualités, Vidéos / Photos / Brochure. »

Module Tabs GK5 (Gavick)

Composants :

Joomladministration (optionnel)

Joomlannuaire. (optionnel)

Plug-ins :

Joomlalbum (optionnel)

AVANT PROPOS




Page n°3/8


1/ INSTALLATION

Comment installer le template.............................................................................................................page 4

2/ CONFIGURATION DU TEMPLATE

2.1 Le Logo...........................................................................................................................................page 5

2.2 Contact & Social..............................................................................................................................page 5

2.3 Liens utiles.....................................................................................................................................page 5

2.4 Plan interactif.................................................................................................................................page 5

2.5 Contenu du Footer..........................................................................................................................page 5

3/ CONFIGURATION DES MODULES

3.1 Module Recherche..........................................................................................................................page 6

3.2 Module Menu.................................................................................................................................page 6

3.3 Module Slide Show.................................................................................................................... .....page 7

3.4 Module Météo........................................................................................................................... .....page 8

3.5 Modules Accès direct & Annuaire....................................................................................................page 8

3.6 Module Menu Footer......................................................................................................................page 8

3.7 Modules Agenda......................................................................................................................... ...page 9

3.8 Module Actualité..........................................................................................................................page 10

3.9 Module Photos/Video...................................................................................................................page 11

4/ MENTIONS LEGALES.......................................................................................................................page 13

TABLE DES MATIERES




Page n°4/8


INSTALLATION DU TEMPLATE

Une fois en possession de l'archive d'installation du composant, rendez-vous dans le menu “Extensions /

Gestion des extensions”.

Parcourez votre disque dur jusqu'à l'emplacement où vous avez enregistré l'archive, puis double- cliquez

sur le nom du fichier.

1/INSTALLATION




Page n°5/8


CONFIGURATION DU TEMPLATE

Rendez-vous dans Extensions Gestion des Templates Ad_Mairie. → →

2.1. Paramètres avancés : • Logo ( Sélection au choix du logo dans le dossier « images »)

2.2. Module Contact / Social : • Titre du module• Adresse • Code Postal• Téléphone• Id. du contact (Entrer l'identifiant du contact voulu, par défaut l'id 1 est activé)• Lien Google +• Lien Twitter • Lien Flickr• Lien Facebook• Lien Youtube• (Note : Laisser les champs vide pour ne pas afficher les liens)

2.3. Liens utiles• Sélectionnez une image et l'url du lien

2.4. Plan interactif : • Idem, sélectionner l'image de votre plan et l'url de destination du lien

2.5. Contenu du Footer : • Nom du Copyright• Plan du site (Ajouter l'url de l'article ou composant de votre plan du site)• Id. du contact (Entrer l'identifiant du contact voulu, par défaut l'id 1 est activé)

2/LE TEMPLATE




Page n°6/8


3/LES MODULESCONFIGURATION DES MODULES

3.1. Module Recherche : Créer un module de type « recherche » et lui attribuer comme position de template « 0-head » . Masquer le titre et assigner à « sur toutes les pages ». • Bouton de recherche « oui » • Position du bouton « Droite »• Image du bouton « Non »• Texte du bouton « Ok »

3.2. Menu Principal : Créer un module de type « menu » et lui attribuer comme position de template « 1-nav». • Masquer le titre• Menu à afficher « menu principal ou votre menu »• Niveau de départ '1 '• Dernier niveau '3 '• Afficher tout les liens 'oui'• Assignation à 'sur toutes les pages '• Réglage des ItemId pour les couleurs, voir le fichier menu.css dans template/ad_mairie/css/




Page n°7/8


3.3. Slide Show :

• Installer le module « Image Show GK4 »

Réglage du module :• Assignation à 'sur toutes les pages '• Masquer le titre• Position du template « 5-slideshow »• Basic : Module style 'gk_publisher'. • Interface :

3/LES MODULES




Page n°8/8


3.4. MODULE METEO : Créer un module de type ''Contenu personnalisé'' et le positionner dans le template en “6-right ». Recopier le code depuis le site metocity : http://www.meteocity.com/widgetVeiller à ce que votre éditeur ne supprime pas les balises javascript générées par le widget. Au besoin, allez dans la gestion des plug-ins, sélectionnez votre éditeur et autorisez les balises javascript (ou supprimez-les de la liste des éléments prohibés).

3.5. MODULES ACCES DIRECT ET ANNUAIREAvant d'ajouter les modules, il vous faudra créer deux nouveaux menus que nous nommerons ''Accès direct » et « Annuaire »

Il va ensuite falloir attribuer une icône à chaque onglet du menu (elles sont disponibles dans l'archive icone.zip). Pour ce faire, aller dans Menu « Accès Direct » ou « Annuaire » Ouvrez l'onglet de votre → →choix et charger l'icône dans le déroulant « Paramètres du type de liens » « Image du lien ». →

Création des modules :

• Deux modules de type « menu »

• Position dans le template en « 6-right »

• Suffixe de classe css «_acces» & «_annuaire»

3.6. Menu Footer :

• nouveau module de type « menu »

• Séléctionner 'menu principal '

• position de template 'footer'

• Niveau de départ '1'

• Niveau de fin '2 '

• Suffixe de classe CSS '_arbo'

3/LES MODULES

http://www.meteocity.com/widget




Page n°9/8


3.7. MODULE AGENDA PAGE D'ACCUEIL

Télécharger et Installer le module News Show Pro GK5

• Créer un nouveau module de type « News show pro GK5 »

• Montrer le titre 'Afficher'

• Position '17-maintop'

• Assignation à 'Accueil

Configurer le module

• En Ftp ouvrer le dossier Monsite/modules/Mod_news_pro_gk5/config

• Copier dans ce dossier le fichier « Agenda.json » qui est disponible dans l'archive « Configuration_GK5.zip »

Basic settings :

• Dans la gestion des modules Agenda basic settings Load configuration : Sélectionner → → →Agenda.json.

• Cliquer sur le bouton « load » puis le bouton « Enregistrer & Fermer » ou « Fermer » pour que les paramètres s'activent, puis ouvrez de nouveau le module.

• Module suffix '_agenda '

3/LES MODULES

http://www.gavick.com/news-show-pro-gk5.html




Page n°10/8


3.8. MODULE ACTUALITE PAGE D'ACCUEIL

Installer le module News Show Pro GK5

• Créer un nouveau module de type « News show pro GK5 »

• Montrer le titre 'Afficher'

• Position '17-maintop'

• Assignation à 'Accueil

Configurer le module

• En Ftp ouvrer le dossier Monsite/modules/Mod_news_pro_gk5/config

• Copier dans ce dossier le fichier « actualites.json » qui est disponible dans l'archive « Configuration_GK5.zip »

Basic settings :

• Dans la gestion des modules Agenda basic settings Load configuration : Sélectionner → → →actualites.json.

• Cliquer sur le bouton « load » puis le bouton « Enregistrer & Fermer » ou « Fermer » pour que les paramètres s'activent, puis ouvrez de nouveau le module.

• Module suffix '_actu''

3/LES MODULES

http://www.gavick.com/news-show-pro-gk5.html




Page n°11/8


3.9. MODULES VIDEOS/PHOTOS/BROCHURELes modules « Ma ville en vidéos », « En Photos » et « En brochures » sont trois modules de type News Show Pro GK5 liés dans un module Tabs GK5

Configuration du modules Tabs GK5 :• Nouveau module de type 'TABS GK5'• Montrer le titre « Masquer »• Position « 17-maintop »• Assignation à « Accueil »Basic• Automatic module ID « On »• Module ID « gk-tab-1 »• Module suffix « _tabs »• Module data source « tabs manager »

Tabs• Cliquer sur « Add new tabs » (faire la même opération 3x)• Title « Ma ville en vidéos » + « En photos » + « En brochures »• Content type «module »• Access « Accès public »• Stats « published »• content « tab1 » + « tab2 » + « tab3 »• Tab id « 1 » + « 2 » + « 3 »• Animation « Default »• Save

Interface • Module style « minimalist »• module auto-height « 200 »px• Tabs position « Top »• Tabs Width « 200 »px• Use additional spans « Off »• Pre/next buttons « Off »

Animation • Animation activation « click »• Swipe gestures « Off' »• Auto animation « Off »• Animation speed « 250 »ms• Animation interval « 5000 »ms• Animation type « Opacity »• Animation transition « linear »

3/LES MODULES




Page n°12/8


Advanced Settings• Initial Tab « 1 »• Tab selection from URL « On »• Tab selection from cookies « Off »• Parse plugins « On »• Use Css « Force enabled »• Use Script « Force enabled » • Use JS Framework « MooTools »• Include jQuery Framework « Off »• RTL Support « Off »

MODULES VIDEOS/PHOTOS/BROCHURE

Configuration des modules « Ma ville en vidéo » « En photos » et « En brochure »

Pour chacun dupliquer le module « Actualités ».• Renommer les titres• Masquer le titre• Position • Ma ville en vidéo « tab1 »• En Photo « tab2 »• En Brochure « tab3 »

Source / catégories « Choisir la catégories en question »

Dans Articles Layout / Articles Layout

• Article block padding « 0 0 0 0 »

• Header order « 2 » « On »

• Image Order « 1 » « On »

• Le reste sur « Off »

3/ LES MODULES




Page n°13/8


LIMITES DE RESPONSABILITE

Le nom Joomla!® et son logo sont utilisés sous license limitée d'Open Source Matters, propriétaire mondial de

ces marques commerciales. L'Agence Digitale et les extensions qu'elle commercialise ne sont pas affiliées ni

soutenues par Open Source Matters ou le projet Joomla!®

DISCLAIMER

Agence Digitale is not affiliated with or endorsed by the Joomla!® Project or Open Source Matters. The

Joomla!® name and logo is used under a limited license granted by Open Source Matters the trademark holder

in the United States and other countries.

A PROPOS DU TEMPLATE ADMAIRIE

ADMAIRIE est un template Joomla premium conçu et commercialisé par l'Agence Digitale. La licence

d'utilisation est concédée au client qui en a acquitté les droits en commandant en ligne sur le site de l'Agence

Digitale. Le template ADMAIRIE est distribué en l'état, l'Agence Digitale ne peut être tenue responsable d'une

mauvaise installation, configuration ou utilisation du template, et ne peut être garante de la compatibilité du

template avec le serveur d'hébergement du client.

V. 2.0 - Copyright © 2014 SARL Agence Digitale. Plus d'infos sur http://www.agence-digitale.com

Dernière modification effectuée le 24/04/2014

A PROPOS DE L'AGENCE DIGITALE

ADMAIRIE est édité par l'Agence Digitale, SARL au capital de 8 000,00 €, sise 4, rue Lebas Appolinaire, 83340 Le Luc en Provence. L'Agence Digitale est depuis 2006 une web agency spécialiste en développement Joomla.

Ce manuel ne peut être utilisé ou reproduit sans l'autorisation explicite de l'Agence Digitale.

4/MENTIONS LEGALES

http://www.agence-digitale.com/

agence digitale - documentation template admairie...admairie est un template conçu par...

Documents