ADMACOMMUNE. Template premium pour Joomla Agence Digitale tous droits de reproduction interdits sans autorisation

Transcription

1 ADMACOMMUNE Template premium pour Joomla 3.4 Page n 1/24 Page n 1/8

2 AVANT PROPOS ADMCOMMUNE est le nouveau template Joomla conçu par l'agence Digitale pour les institutions du secteur public : mairies, communautés de communes, syndicats intercommunaux... Développé pour Joomla 3.4, ce template intègre par défaut les nouveaux standards de développement et d'ergonomie web : template compatible bootstrap 100% responsive palettes de couleur et menus et positions de modules personnalisables polices "font awesome" intégrées pour la gestion des icônes slideshow paramétrable intégré au template effets "Material Design" intégration des raccourcis sociaux intégration Google Analytics compilateur LESS intégration optimisée des extensions conçues par l'agence Digitale PRESENTATION D'UNE GRILLE BOOTSTRAP (12 Colonnes) Page n 2/24 Page n 2/8

3 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. Page n 3/24 Page n 3/8

4 2/CONFIGURATION CONFIGURATION DU TEMPLATE 1/3 Rendez-vous dans Extensions Gestion des Templates ADMACOMMUNE PARAMETRES Largeur du site (px) : Par défaut et pour un affichage optimisé, laissez la largeur à 1249 px. Nombre de colonnes à gauche & droite : choix entre 2 et 5 colonnes sur une grille de 12 colonnes (voir grille Bootstrap) Afficher les articles sur la page d'accueil : activer si vous n'utilisez pas de module spécifique pour la gestions des articles sur la page d'accueil. Style du template : Au choix, personnalisez votre template avec les options de couleur ou choisissez l'un des trois thèmes disponibles dans la liste déroulante. FONTS Activer Google-Font : par défaut le template utilise les polices de caractères disponibles sur Google-font, vous avez la possibilité d'intégrer une police spécifique pour un ou plusieurs éléments HTML. Liste des polices sur : Activer Font-Awesome : permet d'utiliser le jeu de polices Font-Awesome pour simplifier l'ajout d'icônes dans vos menus, modules et contenus. Liste des icônes sur : LOGO Logo, Titre ou les deux? : En fonction de votre choix, seul le logo ou le titre ou les deux s'afficheront. Titre du site : Entrez dans le champ le titre de votre site Choix du logo : Sélectionnez votre logo dans le gestionnaire de média Largeur & hauteur du logo : il est conseillé de redimensionner son logo avant de l'envoyer sur le serveur, cependant, vous avez aussi la possibilité de forcer le redimensionnement de la hauteur et/ou de la largeur. Page n 4/24 Page n 4/8

5 2/CONFIGURATION CONFIGURATION DU TEMPLATE 2/3 MENU Menu accès rapide : pour un affichage identique à la démo (Icônes + texte) sur un item du menu principal Possibilité de personnaliser la bande déroulante du menu pour chaque item avec une image de fond : Id de l'onglet principal : choisissez l'onglet de niveau 1 de votre menu à personnaliser IMG Background : Sélectionnez ou uploadez une image dans le gestionnaire de média Couleur de cet onglet : choisissez dans la palette de couleur celle que vous souhaitez donner à votre onglet SOCIAL Activer les liens sociaux? : (Oui / Non ) Position des liens sociaux : position Top pour un affichage identique à la démo ou footer pour un affichage en bas du site dans la zone du pied de page Sélectionnez le ou les réseaux sociaux à afficher. (NB : Un espace est dédié pour ajouter un réseau non référencé dans le template, pour cela vous devrez ajouter un marqueur Fontawesome : DIAPORAMA (NB : Vous avez la possibilité d'utiliser le diaporama lié à ce template ou d'installer un module externe pour générer un diaporama. ) Position du Diaporama : Choisissez l'emplacement de la position du diaporama (ou position de module) Afficher le diaporama du Template : (Oui / Non ) Afficher le diaporama sur toutes les pages? : (Oui / Non) Si vous choisissez non, le diaporama s'affichera seulement sur la page d'accueil Vitesse de transition (en m/s) Page n 5/24 Page n 5/8

6 CONFIGURATION DU TEMPLATE 3/3 Effet de défilement : (Fade / Slide) Zone du Lien : (Texte / Slide) Si un lien est entré dans une slide, il sera cliquable au niveau du texte seulement ou sur toute la diapositive. Navigation : (Oui / Non) Ajout des flèches droite et gauche pour changer de slide Pagination : (Oui / Non) Ajout des bouton de pagination pour changer de slide Largeur du Diaporama : (Full 100% / Largeur du site) Ajout des slides : cliquez sur le bouton pour ajouter des slides FOOTER Nom de votre site Nom du PARAMETRES AVANCES Ajout du marqueur Google Analytics directement dans le template avec l'id de suivi Ex : UA Les autres paramètres ne doivent pas être modifiés hormis si vous rencontrez un conflit javascript particulier. Note sur les styles : si vous souhaitez modifier les feuilles de style, vous devez travailler sur les feuilles.less disponibles dans le dossier Less, puis compiler le tout avec le bouton compile less. Page n 6/24 Page n 6/8

7 2/CONFIGURATION CONFIGURATION DES MENUS Réglage de l'onglet accès rapide - Accès rapide : «séparateur» (ajoutez cet onglet dans la configuration du template) - Sous onglet «Type de lien au choix» + «Style CSS du lien : ajouter le marqueur Font Awesome de votre choix Réglage des menus / modules annuaire et factures en ligne Pour les menus «annuaire» et «factures en ligne» comme présentés dans notre demo, vous devrez créer de nouveaux menus et ajouter autant d'onglets de niveau 1 que vous souhaitez. Pour chacun de ses onglets, comme dans la description de l'accès rapide au dessus, ajoutez un marqueur Font Awesome de votre choix. CONFIGURATION DES MODULES 1/5 Rendez-vous dans Extensions Gestion des modules Nom des modules MENU PRINCIPAL & SEF Module de type : Menu Masquer le titre Position du template : «navigation» ou «footer Assignation des menus : «Sur toutes les pages» Menu à afficher : «menu principal» Niveau de départ : «1» Dernier niveau : «Tout» ou «2» pour SEF Afficher tout les liens : «oui» Page n 7/24 Page n 7/8

8 2/CONFIGURATION CONFIGURATION DES MODULES 2/5 Fil DE NAVIGATION Module de type : Breadcrumps Assignation de menu : «Tout sauf accueil» TOUTE L'ACTU DE LA COMMUNE 1/2 Module de type : Flash d'information Assignation de menu : «accueil» Page n 8/24 Page n 8/8

9 2/CONFIGURATION CONFIGURATION DES MODULES 3/5 TOUTE L'ACTU DE LA COMMUNE 2/2 RECHERCHE Page n 9/24 Page n 9/8

10 2/CONFIGURATION CONFIGURATION DES MODULES 4/5 AGENDA Module de type : Flash d'information Page n 10/24 Page n 10/8

11 2/CONFIGURATION CONFIGURATION DES MODULES 5/5 PUBLICATIONS Module de type : Mod_Custom Positon : Right Montrer le titre : Afficher VOS DEMARCHES EN LIGNE Module de type : Mod_Custom Positon : Bottom Montrer le titre : Afficher Assignation de menu : «Accueil» Paramètres avancés Taille Bootstrap : 4 (voir grille Bootstrap) METEO DE MA VILLE Module de type : Mod_Custom Positon : Bottom Montrer le titre : Afficher Assignation de menu : «Accueil» Paramètres avancés Taille Bootstrap : 4 (voir grille Bootstrap) VOS FACTURES EN LIGNE & ANNUAIRE DE MA VILLE Module de type : Menu Positon : Bottom Montrer le titre : Affiche Assignation de menu : «Accueil» Menu à afficher : Facture / Annuaire Premier et dernier niveau : 1 Afficher tout les liens : Oui Paramètres avancés Taille Bootstrap : 4 (voir grille Bootstrap) Page n 11/24 Page n 11/8

12 3/INTEGRATION A PROPOS DU SITE DE DEMO ET DES EXTENSIONS «AGENCE DIGITALE» Certaines fonctionnalités ou contenus présents sur le site de demo font appel à des extensions spécifiques développées par l'agence Digitale. Celles-ci n'étant pas livrées avec le template, il vous faudra les commander séparément ou opter pour une formule «clés en mains» si vous souhaitez en bénéficier. Cliquez sur leur nom pour obtenir plus d'information à leur sujet. Menu "Conseil municipal" : générer le trombinoscope des élus grâce à Joomlatrombi Dans la démo en ligne et dans la formule "Pack Joomla Ma ", cette page est générée à l'aide du plug-in Joomlatrombi. Il permet d'éviter d'avoir à manipuler du code HTML pour générer un tableau et de devoir intégrer toutes les images des élus «à la main» dans votre article. Avec Joomlatrombi, il vous suffira de créer un fiche contact pour chaque élu ou conseiller municipal et de générer votre trombinoscope en cliquant sur un simple bouton de l'éditeur Joomla. Menu "Séances du conseil" : comment mettre en ligne les compte-rendus de conseils municipaux Cette rubrique est un blog de catégorie dont les articles intègrent une balise générée par Joomlattachment, notre plug-in permettant d'uploader une pièce jointe dans un article Joomla. Menu "Contact" : comment choisir le destinataire des s envoyés depuis le formulaire de contact Sur le site de démo, une liste déroulante permet de choisir, de manière optionnelle, le destinataire des messages envoyés depuis le formulaire de contact de Joomla. Cette fonctionnalité est rendue possible grâce au plug-in AD_contact_list. Menus de type annuaire Les menus de type «annuaire» (services municipaux, activités sportives, infrastructures municipales, annuaire des associations, établissements scolaires, maison des jeunes, Office de tourisme, se loger, se restaurer, plan de la...) sont générés par le biais de l'extension Joomlannuaire. Menus administratifs Les menus de type «droits et démarches administratives» (élections, droits et démarches en ligne, urbanisme, solidarité & santé...) sont générés par le biais de l'extension Joomladministration) Factures en ligne La page «Vos factures en ligne» est gérée avec le composant Joomlatipi. Page n 12/24 Page n 12/8

13 3/INTEGRATION A PROPOS DES MODULES EXTERNES Certaines fonctionnalités présentes dans la démo font appel à des services additionnels nécessitant un abonnement spécifique : newsletter, publication interactive des bulletins municipaux, PLU... Nous pouvons vous fournir ces services moyennant une contribution mensuelle ou annuelle modique, mais à défaut, vous pouvez les remplacer par le module SAAS (software as a service) de votre choix. Page n 13/24 Page n 13/8

14 10/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! A PROPOS DU TEMPLATE ADMACOMMUNE ADMACOMMUNE 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. La licence d'utilisation est accordée pour un seul site. Le template ADMACOMMUNE 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 SAV ET SUPPORT TECHNIQUE Le SAV et le support technique sont disponibles uniquement pour les clients ayant souscrit un abonnement sur notre site internet : A PROPOS DE L'AGENCE DIGITALE ADMACOMMUNE 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 une web agency spécialiste en développement Joomla, créée en Ce manuel ne peut être utilisé ou reproduit sans l'autorisation explicite de l'agence Digitale. Page n 14/24 Page n 14/8