Portail 74

Cookies

Administrateur - Agilium — 2023-06-15T07:31:51Z

- CNIL : La loi Informatique et Libertés - Article 82

- Mon Guide RGPD : Un Site Web Sans Cookies, C'est Possible ?

CookieBot

- Exemple : Klaro

Emails : Portail 74

Administrateur - Agilium — 2019-11-05T10:05:09Z

Webmail

Sans aucune configuration, via un simple navigateur, on peut utiliser le Webmail : webmail.agilium-mail.fr
Utile également pour se dépanner, en déplacement par exemple, ou vérifier votre mot de passe.
Pour se connecter, utilisez l'adresse email (complète) et votre mot de passe.

Configurer un client Mail

Serveur de réception — POP & IMAP

Nom d'hôte : mail.agilium-mail.fr
Nom d'utilisateur : adresse@domaine-mairie74.fr (votre adresse email complète)
Mot de passe : *********
Port pour le POP : 995
- Port pour IMAP : 993
Sécurité : SSL/TLS
Authentification : Mot de passe normal

Serveur d'envoi — SMTP

Utilisez en priorité le SMTP de votre FAI, exemple ci-dessous avec Orange.

Nom d'hôte : smtp.orange.fr
Nom d'utilisateur : Aucun
Port : 587
Sécurité : Aucune
Authentification : Pas d'authentification

Pour ceux qui n'ont pas de FAI fixe, avec un ordinateur portable se déplaçant régulièrement par exemple. Vous pourrez utiliser le SMTP du serveur.

Nom d'hôte : mail.agilium-mail.fr
Nom d'utilisateur : adresse@domaine-mairie74.fr (votre adresse email complète)
Mot de passe : *********
Port : 587
Sécurité : STARTTLS
Authentification : Mot de passe normal

Exemple de configurations logiciels

- Thunderbird ajouter un compte :

Ajouter un compte courrier
Configuration minimale
Configuration avancée
Configuration complète

Thunderbird ajouter un compte

- Thunderbird modifier un compte :

SMTP
POP
Paramètre

Thunderbird modifier un compte

- Outlook ajouter un compte :

Fichier > Ajouter un compte
POP ou IMAP = SSL — SMTP = TLS
Configuration manuelle
POP et IMAP
Paramètres et mot de passe

Outlook ajouter un compte

- Outlook 2013 modifier un compte :

Paramètre du compte
Modifier
POP ou IMAP = SSL — SMTP = TLS
Paramètres et mot de passe
Propriétés du compte

Outlook modifier un compte

- Outlook 2016 modifier un compte :

Paramètre du compte
Propriétés du compte
Paramètres du serveur
Paramètre POP
Paramètres SMTP

Outlook 2016 modifier un compte

Répondeur Automatique

Via le Webmail : webmail.agilium-mail.fr

Dans [Paramètres]
Allez dans [Filtres]
Dans la colonne [Jeux de filtres] sélectionnez [roundcube]
Puis créez un nouveau filtre avec le bouton [+] (plus)

Donnez un nom au filtre
Dans [Pour les courriels entrants :] sélectionnez [tous les courriels]
Dans la liste des actions, sélectionnez [Répondre avec le courriel]
Dans [Corps du courriel] rédigez le message qui sera envoyé, avec la raison, la date de retour, qui contacter, etc.
Renseignez l'[Objet du courriel] qui sera envoyé
Laissez vide les deux champs suivants : [Adresse de réponse de l'expéditeur] & [Mes adresses courriel]
Enfin [Fréquence d'envoi des courriels] indiquez le nombre de jour à laquelle la réponse est envoyées pour un même contact.
- En général [1] jour.
- Par exemple un contact qui communique régulièrement avec vous, vous met en copie d'email, etc ; ne recevra ce message qu'une fois par jour.

Désactiver le répondeur

À votre retour pensez bien à désactiver ce répondeur. Aussi plutôt que de le supprimer vous pouvez simplement le désactiver, revenez à la configuration du filtre :

[Paramètres] => [Filtres] => [Jeux de filtres] => [roundcube] => [Répondeur vacances]
En bas cochez [Filtre désactivé] puis enregistrez.

Le filtre désactivé apparaîtra rayé, et pourra ainsi être réutilisé en modifiant les dates.

Changement de mot de passe

Toujours via le Webmail : webmail.agilium-mail.fr

Dans [Paramètres]
Allez dans [Mot de passe]

Formulaires : administration

Administrateur - Agilium — 2019-04-10T09:24:38Z

Afin d'être en conformité avec le Règlement général européen sur la Protection des Données Personnelles (RGPD), il convient de désactiver l'enregistrement des données des formulaires de contact. En effet, par défaut les formulaires enregistrent les réponses (demandes) laissées sur chacun d'eux, dans la base de données SPIP du site. Or cette solution ne permet pas de garantir une sécurité et confidentialité de ces données (cryptage) suffisante, pour être conforme aux exigences du RGPD.

Cela est l'occasion de faire quelques vérifications sur vos formulaires :

exporter les données, si c'est nécessaire ;
vérifier que les destinataires des formulaires sont les bons ;
désactiver l'enregistrement des réponses ;
puis supprimer les anciennes réponses.

- Accéder à l'administration des formulaires :

Menu > Édition > Formulaires
Dans la liste sélectionner le formulaire voulu.

Exporter les données

Cette opération est facultative et pas forcément nécessaire.
Normalement vous devez avoir reçu les demandes des formulaires par email, et avoir traitées ces demandes.

Si le formulaire a déjà enregistré des réponses, le bouton "X réponses" apparaît.

Puis dans l'écran listant les réponses, sur la gauche, choisir les options d'export des réponses, notamment le format Excel ou CSV.

Configurer les destinataires des formulaires

A gauche, aller dans "Configurer les traitements".

Dans la section "Envoyer par courriel" descendre dans la sous-section "Destinataires du courriel".

Renseigner le champ "Destinataires supplémentaires" avec la ou les adresses email (séparées par des virgules) des personnes ou service qui seront les destinataires du formulaire (recevront les réponses des utilisateur du site).

Décochez bien : "Insérer l'adresse d'envoi dans le champ "From" "
(l'avertissement indiqué était une recommandation, mais plutôt une règle absolue aujourd'hui)

Désactiver l'enregistrement des réponses

Toujours dans l'édition du formulaire, dans "Configurer les traitements", descendre à la section "Enregistrer les résultats".
Décocher "Enregistrer les résultats du formulaire dans la base de données" ce qui masquera de fait l'ensemble des options liées à cette fonction.

Supprimer les « anciennes » réponses

L'enregistrement des données ne se fera plus, mais il vous faut encore supprimer les anciennes données.

Si vous n'avez que peu de réponses vous devrez les supprimer une par une, en survolant le petit carré vert et cliquer sur le carré noir.

Au delà de 10 réponses, un bouton "Supprimer toutes les réponses" apparaît, pour tout supprimer d'un coup.

Une fois supprimées, les réponses se retrouvent dans la corbeille.
Vous n'avez plus rien à faire : elle sont supprimées automatiquement toutes les 24h.

Diaporama

Administrateur - Agilium — 2017-11-06T10:16:13Z

- Pour gérer le section "Diaporama" de la page d'accueil, voir la documentation ad hoc.

Initialement prévu pour la section "Diaporama" de la page d'accueil, ce bloc d'images qui défilent peut être utilisé également ailleurs sur le site :

dans le texte d'un article (ou d'une rubrique) ;
dans une tuile de la page d'accueil ;
voir éventuellement dans un bloc du pied de page.

Diaporama défilant

créer un article ;
lui joindre toutes les images, qui feront partit du diaporama ;
puis placer le modèle , "123" étant le numéro de l'article.

- Ce qui donnera :

"Diaporama" affichage de vignettes

En ajoutant le mot clé "diaporama" à un article l'ensemble de ses images, seront listés sous forme de vignettes placées entre le chapeau et le texte de l'articles.

- Voir aussi : Albums photos

Sites utilisant ce thème

Administrateur - Agilium — 2017-08-29T11:56:21Z

Fonctionnalités diverses

Administrateur - Agilium — 2017-08-23T09:36:14Z

Masquer les dates

Pour certains articles dont le contenu ne sera pas amené à évoluer (ou très peut), il peut-être intéressant de masquer les dates de publication et mise à jour de l'article.

- Pour cela, associez le mot-clé « masquer_date » (du groupe « Fonctions spéciales ») à l'article.

Liens dans le menu

Permet d'ajouter des éléments au menu, qui apparaîtront après les rubriques racine.

- Pour cela, associez le mot-clé « lien_menu » à l'article ou la rubrique.

Exclure de la navigation

Certains articles (ou rubriques) sont utilisés, pour des pages spéciales, comme par exemple les « Tuiles ». Ou parce qu'il sont déjà présents à certain endroits, comme le pied de page ou l'accès rapide. Il peut-être alors utile des les exclure de la navigation, soit :

du menu
plan du site
listes des articles d'une rubrique
etc.

- Pour cela, associez le mot-clé « exclure_menu » à l'article ou la rubrique.

Exclure du pied de page

Assez proche de la précédente, cette fonctionnalité permet elle de masquer l'un des éléments qui apparaît dans le "mini plan du site" du pied de page.

- Pour cela, associez le mot-clé « exclure_pied_de_page » à l'article.

Message d'alerte

Afficher un message d'alerte sur toutes les pages.

Message d'alerte : aperçu

Pour cela il faut l'activer :

dans l'interface de gestion de SPIP : "Configuration" > "Couteau Suisse".
dans la section : "Affichage public", sélectionner "Message d'alerte"
cliquez sur "Activer"
renseignez votre texte
Exemple de {{message d'alerte}} avec [un lien vers une page pour complément d'information->article123]
puis cliquez sur "Modifier" pour active votre message.

Message d'alerte : configuration

Pour supprimer ce message il faut, revenir dans l'interface de gestion de SPIP : "Configuration" > "Couteau Suisse" > section : "Affichage public" cliquez sur "Désactiver".

- Attention :

Ce message d'alerte est présent sur toutes les pages et reste "collé et visible" en haut de l'écran même lorsque l'on fait défiler la page vers le bas.

Il est fortement recommandé de se limiter à une ligne de texte, afin de ne pas être gênant pour les visiteurs.
Et ajouter un lien vers un article (ainsi : [plus d'information->article123]) qui vous permettra de mettre toutes les informations nécessaires, documents, formulaires ...

Types de texte

Deux groupes de boutons :

changer la taille d'un (ou plusieurs) mots : plus petit ou plus grand
faire défiler une portion de texte, ou des images verticalement ou horizontalement

Nouveaux boutons

Texte plus grand : plus grand plus grand plus grand plus grand

Texte plus petit : plus petit plus petit plus petit plus petit

Texte défilant horizontalement, texte défilant horizontalement,
texte défilant horizontalement, texte défilant horizontalement,
texte défilant horizontalement, texte défilant horizontalement, texte défilant horizontalement, texte défilant horizontalement, texte défilant horizontalement, texte défilant horizontalement, texte défilant horizontalement, texte défilant horizontalement, texte défilant horizontalement, texte défilant horizontalement, texte défilant horizontalement, texte défilant horizontalement.

Texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement,
texte défilant verticalement.

Texte en couleur

Mettre du texte en couleur ; soit le fond du texte, soit le texte lui même.

Pour cela il faut l'activer :

dans l'interface de gestion de SPIP : "Configuration" > "Couteau Suisse".
dans la section : "Raccourcis typographiques", sélectionner "Tout en couleurs"
cliquez sur "Activer".

Tout en couleurs

Personnaliser l'aspect du site

Administrateur - Agilium — 2017-08-22T14:38:41Z

Ce plugin permet de personnaliser l'aspect de votre site, ainsi que quelques fonctionnalités.

Rendez-vous dans l'interface d'administration : Squelettes > Portail 74.

Ce plugin se découpe en quatre onglets :

Gestion des thèmes

Vous pouvez, ici, sauvegarder un thème qui contiendra toute la personnalisation de votre site réalisée.

Par exemple, lorsque vous voulez changer la personnalisation de vote site, faites une sauvegarde du profil actuel, afin de pouvoir éventuellement le restaurer plus tard.
Vous pouvez donc créer plusieurs profils et les alterner à tout moment. Comme, par exemple, faire un style par saison : Automne, Hivers, Printemps, Été.

Cet onglet et découpé en 2 sections :

Sélectionner un thème : permet d'appliquer un thème par défaut, ou enregistré précédemment (et supprimer les thèmes personnalisés).
Sauvegarder le thème actuel : permet d'enregistrer les personnalisations faites dans un thème personnalisé.

Sections de la page d'accueil

Cette page permet de configurer les différentes sections de la page d'accueil :

définir l'ordre dans lequel elle apparaissent ;
les activer ou non ;

Personnalisation > Sections de la page d'accueil

Remarque : en cas de problème suite à la restauration d'une ancienne sauvegarde de thème par exemple (pas totalement compatibles) cliquez sur "Réinitialiser".

Couleurs et fonds

Cette section vous permet de changer les couleurs et images de fonds des éléments des pages de votre site.
Vous y trouverez aussi certains éléments de configuration, comme par exemple pour le menu : choisir s'il doit être déroulant ou se dépliera à chaque clique. S'il peut afficher toute l'arborescence ou seulement les 2 premiers niveaux. Enfin si le menu affiche uniquement les rubriques ou également les articles.

- Pour les couleurs, il vous faut renseigner le code hexadécimal, soit en utilisant la palette qui apparaît lorsque vous cliquez dans un champs, soit en collant ce code que vous pouvez obtenir dans d'autres outils (logiciels de traitement d'images par exemple), n'oubliez pas le # au début dans ce cas.

Personnalisation > Couleurs

- Pour les images de fond, au survol du champ, un aperçu de l'image apparaît, en cliquant dans le champ vous pouvez sélectionner une autre image de fond. Enfin, après avoir changé l'image vous choisirez les paramètres de l'image de fond dans son éléments, soit son alignement et la façon dont elle sera répétée ou non.

Personnalisation > images de fond

Remarques : pour ajouter vos propres images utilisez le dernier onglet : Gestion des images.

Diaporama dans le bandeau (entête) de page

Il est possible de mettre en place un diaporama dans le bandeau (entête) de page, soit un fondu enchaîné de plusieurs images de fond.
Pour cela il suffit d'ajouter plusieurs images de fond dans la section : Entête de page > Fond de l'entête > Image de fond, et diaporama (si plusieurs images)

Personnalisation > Couleurs > Entête de page

Gestion des images

Ce dernier onglet liste l'ensemble des images disponible et vous permet également d'ajouter ou supprimer vos images personnalisées (en bas).

Attention : le nom du fichier que vous ajouter à cette liste, ne doit pas contenir d'espaces ou de caractères spéciaux :

non : ~~bandeau entête.jpg~~
oui : bandeau_entete.jpg

Vos Images personnalisées

Gabarits

Voici un gabarit pour permettre d'avoir les proportions permettant de faire des images de fond personnalisées.

Portail 74 > gabarit

Le fond essentiel est celui de l'entête. Ce fond peut-être simplement décoratif (texture, photo ...) ; mais peut également contenir le nom du site, un logo, etc. Car on peut masquer le titre et le logo du site, s'ils sont représenté dans cette image de fond.

Dimensions :

Hauteur 140 pixels
Largeur 1170 pixels

Compléments

Entête

Exemple d'image d fond pour l'entête ayan une bande de la hauteur du menu.

Pour faire ceci :

Icones

À télécharger et ajouter aux articles.

icone calendrier

icone diplome

icone fax

icone mail

icone personne

icone personnes

icone plus

icone telephone

Le plugin SPIP « Portail 74 »

Administrateur - Agilium — 2017-08-22T13:50:46Z

Le plugin « Portail 74 » intègre toutes les fonctionnalités natives de SPIP, par exemple :

contenu des articles : chapeau, texte, post-scriptum, documents ...
forums ;
pétitions ;
etc ...

Un site multilingue

Ceci permettant de mettre à disposition, le site, dans plusieurs langues. Cependant, ce n'est pas obligatoire, si le site ne comporte qu'une seule langue les éléments, comme le menu de langue, ne sont pas activés.

- Voir le fonctionnement du multilingue.

Une page d'accueil (par langue) sur mesure

Page d'accueil qui est divisée en plusieurs sections configurables, chaque section est :

facultative, peut-être désactivée ;
personnalisables ;
ordonnable, on peut donc les placer dans l'ordre souhaiter.

Les tuiles

Accueil > section tuiles

Un Diaporama

Accueil > section diaporama

Les Actualités

Accueil > section actualités

Les Flux RSS

Accueil > flux RSS

- Voir le détail du fonctionnement de la page d'accueil.

Gestion d'actualités

On spécifie alors :

la date de parution de l'évènement sur le site (prévoir les vœux de la nouvelle année à l'avance)
la date à laquelle l'évènement est « retiré » (bascule dans les évènements passés)
la champs libre, permettant de spécifier : la date, la période, le lieu, ...
On la possibilité de créer des sous-parties, comme des thématiques, pour les sites ayant un grand nombre d'actualités.

- Voir le fonctionnement des actualités.

Albums photos

vignettes générées automatiquement ;
ouverture de l'image dans une popin.

- Voir le fonctionnement de l'album photo.

Des zones d'accès restreint

Pour :

restreindre l'accès à une rubrique ;
permettre l'accès à des utilisateurs, n'étant pas des rédacteurs SPIP.

- Voir le fonctionnement des accès restreint

Formulaires

De contact, inscription, demande diverses :

réaliser plusieurs formulaires ;
chaque formulaire possède ses propres paramètres :
- liste des champs personnalisation
- destinataires
- enregistrement des demandes
etc.

- Voir le fonctionnement des formulaires.

Personnalisation

Personnalisation du design du site, depuis l'interface de gestion ;

modifier toutes les couleurs du site, et les images de fond ;
modifier les sections de la page d'accueil.

Responsive design

Un design qui s'adapte aux différentes tailles d'écran : ordinateurs, portables, tablettes, téléphones ...

Haut de page : grands écrans
Haut de page : grands écrans (menu)
Haut de page : écrans moyens
Haut de page : écrans moyens (détails)
Haut de page : écrans moyens (menu)
Haut de page : écrans petits
Haut de page : écrans petits (details)
Haut de page : écrans petits (menu)
Tuiles : grands écrans
Tuiles : écrans moyens
Tuiles : écrans petit

Design responsive

Il faudra prendre en compte cela pour la personnalisation du design, concernant les images de fond.
Surtout les images de l'entête de page, par exemple : si le titre/logo dans l'image est placé à gauche, il faudra réglé l'alignement horizontal à gauche.

Page d'accueil

Administrateur - Agilium — 2017-08-22T11:57:14Z

Une page d'accueil (par langue) sur mesure qui est divisée en plusieurs sections configurables, chaque section est :

facultative, peut-être désactivée ;
personnalisables ;
ordonnable, on peut donc les placer dans l'ordre souhaiter.

Les Tuiles

Accueil > section tuiles

Liste de blocs de différentes tailles, pouvant contenir du du texte et des images, ou simplement un image (comme une affiche, un bouton, un logo, etc).
Le but étant de mettre en valeur dans ces zones.

Pour créer la section de tuiles il faut une rubrique à la racine et lui rattacher les mots-clé :

tuile_a_la_une qui permettra de lister les articles de cette rubrique comme étant les tuiles ;
exclure_menu (facultatif) qui permet de masquer cette rubrique de la navigation (menus, plan du site, etc).

Dans cette rubrique créer autant d'articles que de tuiles, puis attachez leur les mots-clé permettant de définir les paramètres de la tuile :

largeur :
- tuile_taille_1_sur_3 : 1/3 de largeur (soit la taille par défaut, donc pas utile d'ajouter ce mot-clé)
- tuile_taille_2_sur_3 : 2/3 de largeur, à accoler à une tuile 1/3 pour éviter une zone vide
- tuile_taille_1_sur_2 : 1/2 de largeur, à accoler à une tuile 1/2 pour éviter une zone vide
- tuile_taille_1 : pleine largeur

mode d'affichage :
- tuile_mode_normal : par défaut, donc pas utile d'ajouter ce mot-clé, affichera titre (avec lien) + sous-titre + logo + résumer de l'article ;
- tuile_mode_texte : affiche uniquement le texte de l'article, permet ainsi d'afficher tout ce que l'on souhaite : texte, images, liste de liens (menu), etc ;
- tuile_mode_logo : le titre et résumer de l'article sont masqué mais présent pour le référencement, et seul le logo de l'article est affiché dans la tuile.

A noter concernant les dimensions des tuiles elle seront adaptées automatiquement en hauteur à la tuile la plus haute de autres tuiles présentes sur la même ligne.
Notamment pour le mode logo, il faudra bien veiller aux dimensions de l'image.

Pour les logos les largeurs minimales seront :

tuile_taille_1_sur_3 : 390 pixels
tuile_taille_2_sur_3 : 780 pixels
tuile_taille_1_sur_2 : 585 pixels
tuile_taille_1 : 1170 pixels

Si l'image dépasse en largeur l'image sera redimensionnée automatiquement.
La hauteur sera à adapter au contenu de l'image, si le texte dans l'image à besoin de place, ou la tuile la plus haute sur la même ligne.

Enfin, chaque tuile pourra avoir sa propre couleur de fond, à spécifier dans la palette en dessous de l'endroit où l'on spécifie le logo de l'article.

Tuiles > couleur de fond

Remarque : cette palette présente pour touts les articles ne sera utile que pour la couleur de fond des tuiles.

Un Diaporama

Accueil > section diaporama

Liste d'images défilant pas groupe de 3. Au clique l'image s'ouvre, ce qui permet de faire défiler au clique sur l'image, sur les flèches (boutons) droites et gauche en bas ; ou encore avec les flèches droites et gauche du clavier.

Pour créer un diaporama, il faut créer un article dans la rubrique racine (Français) pour qu'il soit bien dans la section "diaporama" de la page d'accueil, et lui attacher le mot-clé "diaporama".
S'il n'est pas dans la rubrique racine, l'article sera comme n'importe quel autre, avec en plus la section "diaporama" entre le titre (+ chapeau) et le texte de cet article.

La liste des images de ce diaporama sont simplement toutes les images liées à l'article triées pas par le titre (avec numéro).

- Voir aussi : Diaporama

Les Actualités

Accueil > section actualités

Liste de 10 actualités qui défilent par groupe de 3. Cela prendra en premier les 10 prochaine actualités ; et s'il n'y a pas suffisamment d'actualités à venir, on ajoutera des actualités passées (les plus récentes).

Par exemple : 7 actualités futures et 3 passées.

Pour créer des actualités voir la page dédiée.

Les Flux RSS

Accueil > flux RSS

Liste les sites web dans la rubrique racine (de langue), en activant sa syndication.
On peut ainsi en afficher plusieurs, et chaque flux RSS listera ses 5 dernières actualités.

Élément mis à la une

Administrateur - Agilium — 2017-07-10T07:39:25Z

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed non risus.

Images d'arbres