Documentation template admacommune

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 ADMaCommuneV. 1.1, MAJ le 12/11/2015. Copyright 2015 Agence Digitale – tous droits de reproduction interdits sans autorisation

ADMACOMMUNETemplate premium pour Joomla

3.4




Page n°2/8


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)

AVANT PROPOS




Page n°3/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°4/8


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 : https://www.google.com/fonts

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 : http://fontawesome.io/

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.

2/CONFIGURATION

http://fontawesome.io/




Page n°5/8



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 : http://fontawesome.github.io/Font-Awesome/icons/

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)

2/CONFIGURATION




Page n°6/8



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

FOOTERNom de votre site Nom du Copyright

PARAMETRES AVANCES

Ajout du marqueur Google Analytics directement dans le template avec l'ID de suiviEx : UA-00000000-0

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°7/8


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 »

2/CONFIGURATION

http://fortawesome.github.io/Font-Awesome/icons/




Page n°8/8



Fil DE NAVIGATION

Module de type : BreadcrumpsAssignation de menu : « Tout sauf accueil »

TOUTE L'ACTU DE LA COMMUNE 1/2

Module de type : Flash d'informationAssignation de menu : « accueil »

2/CONFIGURATION




Page n°9/8



TOUTE L'ACTU DE LA COMMUNE 2/2

RECHERCHE

2/CONFIGURATION




Page n°10/8



AGENDA

Module de type : Flash d'information

2/CONFIGURATION




Page n°11/8



PUBLICATIONS

Module de type : Mod_CustomPositon : RightMontrer le titre : Afficher

VOS DEMARCHES EN LIGNE

Module de type : Mod_CustomPositon : BottomMontrer le titre : AfficherAssignation de menu : « Accueil »Paramètres avancés → Taille Bootstrap : 4 (voir grille Bootstrap)

METEO DE MA VILLE

Module de type : Mod_CustomPositon : BottomMontrer le titre : AfficherAssignation de menu : « Accueil »Paramètres avancés → Taille Bootstrap : 4 (voir grille Bootstrap)

VOS FACTURES EN LIGNE & ANNUAIRE DE MA VILLE

Module de type : MenuPositon : BottomMontrer le titre : AfficheAssignation de menu : « Accueil »Menu à afficher : Facture / AnnuairePremier et dernier niveau : 1Afficher tout les liens : OuiParamètres avancés → Taille Bootstrap : 4 (voir grille Bootstrap)

2/CONFIGURATION




Page n°12/8


A PROPOS DU SITE DE DEMO ET DES EXTENSIONS « AGENCE DIGITALE » Certaines fonctionnalités ou contenus présents sur le site de demo http://admacommune.agencedigitale.com

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 ville", 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 e-mails envoyés depuis le formulaire de contactSur 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 annuaireLes 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 ville...) sont générés par le biais de l'extension Joomlannuaire.

Menus administratifsLes 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.

3/INTEGRATION

http://admacommune.agencedigitale.com/

http://www.agence-digitale.com/shop-extensions-joomla

http://www.agence-digitale.com/expertise-joomla/packs-joomla-cles-en-mains-mairies-communes

http://admacommune.agencedigitale.com/index.php/la-mairie-a-votre-service/vie-municipale/conseil-municipal

http://www.agence-digitale.com/expertise-joomla/joomlatrombi

http://www.agence-digitale.com/expertise-joomla/joomlatrombi

http://admacommune.agencedigitale.com/index.php/la-mairie-a-votre-service/vie-municipale/seances-du-conseil

http://www.agence-digitale.com/expertise-joomla/joomlattachment

http://admacommune.agencedigitale.com/index.php/la-mairie-a-votre-service/vie-municipale/contact

http://www.agence-digitale.com/expertise-joomla/joomlannuaire

http://www.agence-digitale.com/expertise-joomla/joomladministration

http://www.agence-digitale.com/expertise-joomla/joomlatipi




Page n°13/8


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.

3/INTEGRATION




Page n°14/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!®

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. 1.1 - Copyright © 2015 SARL Agence Digitale. Plus d'infos sur http://www.agence-digitale.com

SAV ET SUPPORT TECHNIQUE

Le SAV et le support technique sont disponibles uniquement pour les clients ayant souscrit un abonnement sur

notre site internet : www.agence-digitale.com

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,

83340 Le Luc en Provence. L'Agence Digitale est une web agency spécialiste en développement Joomla, créée

en 2006.

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

10/MENTIONS LEGALES

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

http://www.agence-digitale.com/component/k2/support-technique-extensions-joomla

Documents

Documentation template admacommune