Portail 74 site web sous SPIP

Vous êtes ici : Accueil > Documentation > Page d’accueil

Page d’accueil

  • Publié : 22 août 2017
  • Mis à jour : 6 novembre 2017

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.