ADMAIRIE. Template premium responsive pour Joomla 2.5 / Agence Digitale tous droits de reproduction interdits sans autorisation

Transcription

1 ADMAIRIE Template premium responsive pour Joomla 2.5 / 3.0 du template premium ADMAIRIE 2014 Agence Digitale tous droits de reproduction interdits sans autorisation Page n 1/24 Page n 1/8

2 AVANT PROPOS 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) du template premium ADMAIRIE 2014 Agence Digitale tous droits de reproduction interdits sans autorisation Page n 2/24 Page n 2/8

3 TABLE DES MATIERES 1/ INSTALLATION Comment installer le template...page 4 2/ CONFIGURATION DU TEMPLATE 2.1 Le Logo...page Contact & Social...page Liens utiles...page Plan interactif...page Contenu du Footer...page 5 3/ CONFIGURATION DES MODULES 3.1 Module Recherche...page Module Menu...page Module Slide Show...page Module Météo...page Modules Accès direct & Annuaire...page Module Menu Footer...page Modules Agenda...page Module Actualité...page Module Photos/Video...page 11 4/ MENTIONS LEGALES...page 13 du template premium ADMAIRIE 2014 Agence Digitale tous droits de reproduction interdits sans autorisation Page n 3/24 Page n 3/8

4 1/INSTALLATION INSTALLATION DU TEMPLATE Une fois en possession de l'archive d'installation, 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. du template premium ADMAIRIE 2014 Agence Digitale tous droits de reproduction interdits sans autorisation Page n 4/24 Page n 4/8

5 2/LE TEMPLATE CONFIGURATION DU TEMPLATE Rendez-vous dans Extensions Gestion des Templates Ad_Mairie 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 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é) du template premium ADMAIRIE 2014 Agence Digitale tous droits de reproduction interdits sans autorisation Page n 5/24 Page n 5/8

6 3/LES MODULES CONFIGURATION 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/ du template premium ADMAIRIE 2014 Agence Digitale tous droits de reproduction interdits sans autorisation Page n 6/24 Page n 6/8

7 3/LES MODULES 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 : du template premium ADMAIRIE 2014 Agence Digitale tous droits de reproduction interdits sans autorisation Page n 7/24 Page n 7/8

8 3/LES MODULES 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 : Veiller à 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) MODULES ACCES DIRECT ET ANNUAIRE Avant 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' du template premium ADMAIRIE 2014 Agence Digitale tous droits de reproduction interdits sans autorisation Page n 8/24 Page n 8/8

9 3/LES MODULES 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 ' du template premium ADMAIRIE 2014 Agence Digitale tous droits de reproduction interdits sans autorisation Page n 9/24 Page n 9/8

10 3/LES MODULES 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'' du template premium ADMAIRIE 2014 Agence Digitale tous droits de reproduction interdits sans autorisation Page n 10/24 Page n 10/8

11 3/LES MODULES 3.9. MODULES VIDEOS/PHOTOS/BROCHURE Les modules «Ma 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 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 Réponse àla consultation pour la refonte du site»internet de la du composant Joomlannuaire du template premium ADMAIRIE 2014 Agence Digitale tous droits de reproduction interdits sans autorisation Page n 11/24 Page n 11/8

12 3/ LES MODULES 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 en vidéo» «En photos» et «En brochure» Pour chacun dupliquer le module «Actualités». Renommer les titres Masquer le titre Position Ma 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 « » Header order «2» «On» Image Order «1» «On» Le reste sur «Off» du template premium ADMAIRIE 2014 Agence Digitale tous droits de reproduction interdits sans autorisation Page n 12/24 Page n 12/8

13 4/MENTIONS LEGALES 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 SARL Agence Digitale. Plus d'infos sur 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, 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. Page n 13/24 Page n 13/8 Réponse à la consultation du template premium ADMAIRIE 2014 Agence Digitale tous droits de reproduction interdits sans autorisation