Bloc Actualités

6 janvier 2020

A. Description

il existe différentes présentations possibles des blocs actualités :

Bloc avec Picto , il comporte un picto, le titre et le descriptif rapide de l’article

Bloc de couleur, il comporte le titre et le descriptif rapide de l’article sur un fond de couleur (! attention, maximum 3)

Bloc avec Photo, il comporte le logo, le titre et le descriptif rapide de l’article (! attention, maximum 3)

Bloc Mosaic, il comporte des «  tuiles  » , pouvant avoir différentes dimensions et différents aspects

B. Fonctionnement

Chaque bloc actualité correspond à une grappe :

Pour ajouter un article à une grappe : aller sur votre article

Chercher une grappe d’actu, sélectionner la, puis cliquer sur «  Ajouter  » - Attention, suite à un BUG, il est parfois nécessaire de cliquer 2 fois de suite sur ce bouton

Vous pouvez changer l’ordre d’affichage des actus dans le bloc en modifiant l’ordre des articles dans les grappes :

Allez dans Edition / Grappes, sélectionner votre grappe

Puis faites un glisser-déposer (clic gauche maintenu) pour déplacer les articles et modifier ainsi l’ordre d’affichage

C. Bloc Mosaic

Le bloc Mosaic comporte plusieurs styles d’affichage des articles :

1. Logo seul

2. Logo, Date, Titre

3. Logo, Date, Titre, Descriptif

4. Logo, Titre

 5. Logo, Titre, Descriptif

6 Date, Titre

7 Titre, Descriptif

8 Fenêtre modale : Logo, Titre

9 Video

10 Galerie Photo

11 Galerie Photo avec Titre

12 Bloc Iframe

Permet de saisir du code html en mode source (par exemple des iframes)

Et comme résultat :

Pour mettre un fil de Tweet aller sur :https://publish.twitter.com/.

Pour mettre un fil d’actu Facebook allez sur https://developers.facebook.com/docs/plugins/page-plugin

Mettez en largeur 225 et 450 en hauteur

Copiez-Coller le code de l’iframe (en cliquant sur Obtenir le code)

et paramétrer votre tuile en 1 de large et 3 de hauteur.

 Si le contraste entre l’écriture et le logo est trop faible et ne permet pas de lire correctement le titre, vous pouvez cocher pour avoir un fond grisé :