Content blocks overview

viernes, 7 de enero de 2022

Team Polaris

Aperçu des blocs de contenu

Les blocs de contenu sont des éléments qui vous aident à produire des pages Web modernes et lisibles pour votre club ou votre district. Ils vous permettent de remplir votre texte, de placer des images, des fichiers, des vidéos externes, des événements de calendrier, des cartes de membre et d'autres éléments visuels et de contrôle. Vous pouvez mélanger tous les types de blocs de contenu sur une page et la concevoir en variant l'ordre des blocs de contenu.

La mise en page du bloc de contenu est prédéfinie, avec une possibilité limitée de l'adapter. Les blocs de contenu ne vous offrent pas toute la souplesse d'un éditeur HTML, mais ils garantissent que votre page Web aura toujours un aspect raisonnable et fonctionnera également sur les tablettes et les smartphones. C'est pourquoi tous les blocs de contenu utilisent la largeur totale de la page..

En plus du texte et de l'image primaires, les blocs de contenu suivants sont disponibles :
  1. Titre
  2. Texte/HTML
  3. Image avec texte
  4. Image unique
  5. Un seul fichier
  6. Séparateur
  7. Vidéo
  8. Événement connexe
  9. Collection de fichiers
  10. Collection d'images
  11. Contenu connexe
  12. Action connexe
  13. Dossier
  14. Membre
  15. Bouton
  16. Image de plan

D'autres blocs de contenu sont en cours de construction et seront disponibles dans les futures versions de Polaris.

La meilleure façon d'en savoir plus sur les blocs de contenu est de les essayer !

Créez un nouvel article et placez-y des blocs de contenu de tous types pour voir à quoi ils ressemblent, comment ils se comportent et comment ils répondent à vos exigences.

Blocs de contenu sur une page multi-district


Texte et image primaires

L'image et le texte primaires ont une signification particulière car le texte et l'image sont utilisés pour les différents affichages tels que la liste des articles, leurs pages détaillées, et sur le carrousel et le slider.

Les éléments de ce bloc sont :  

  • Text primaire
    Les premières phrases peuvent apparaître à plusieurs endroits, dans le calendrier, dans l'e-mail d'invitation, dans la newsletter, dans le slider, etc.
  • Image primaire
    Il apparaîtra également dans le slider ou le carrousel. Si vous ne fournissez pas d'image, le logo Roue apparaîtra à cet endroit. Le séparateur de ligne apparaît par défaut sous la description.

Il n'y a pas d'autres options pour ce bloc.

Vous ne pouvez pas supprimer ce bloc mais vous pouvez changer sa position dans certains articles !

Image primaire et texte de cette page.

1. Titre

Son but est d'afficher un ou plusieurs titres entre les différents blocs d'un article donné.

Le titre, dans toutes les langues de cet article, est le seul et unique élément obligatoire de ce bloc. Un séparateur de ligne apparaît par défaut sous le titre.

Titre

2. Texte/HTML

Le bloc texte est le bloc de contenu le plus générique. Le texte, dans toutes les langues de l'article, est le seul et unique élément obligatoire de ce bloc.

N'oubliez pas que l'éditeur de texte vous donne la possibilité de formater le texte et d'y placer de petites images.

Texte

3. Image avec texte

L'image avec texte vous permet de placer une image et un texte côte à côte sur la page.

Les éléments de ce bloc sont :

  • Mise en page (obligatoire) : un des éléments suivants :
    • image à gauche / texte à droite
    • image à droite / texte à gauche
    • image gauche / texte flottant à droite
    • image droite / texte flottant à gauche
  • Image (obligatoire) : vous pouvez choisir entre une grande, une moyenne et une petite image
  • Description (facultative) de l'image dans toutes les langues de cet article. Un séparateur de ligne apparaît par défaut sous la description.
  • Texte (obligatoire) dans toutes les langues de l'article.

image à droite / texte à gauche

4. Image unique

Cette option vous permet de placer une seule image sur la page. L'image est alignée sur le bord gauche de la page et conserve sa taille originale tant qu'elle ne dépasse pas la taille de 1280 x 1024 px.

La description (facultative), dans toutes les langues de l'article, est le seul élément de ce bloc. Un séparateur de ligne apparaît par défaut sous la description.

Image unique

5. Fichier unique

Le fichier unique vous permet de joindre un fichier à la page. L'icône indique le type de fichier. Si vous téléchargez une image, elle sera affichée en tant que fichier téléchargé et non en tant qu'image.

La description (obligatoire) dans toutes les langues de cet article est le seul élément de ce bloc.

Deux séparateurs de ligne apparaissent par défaut avant et après le fichier.

Fichier unique

6. Séparateur

Un séparateur est la ligne qui sépare deux blocs de contenu. Vous pouvez définir sa longueur comme suit : xs, s, m, l, xl.

Séparateur

7. Vidéo

Permet de placer un lien vers une vidéo. Le lecteur vidéo apparaîtra et permettra à l'utilisateur de lire la vidéo directement depuis la page.

Les éléments de ce bloc sont :

  • La description (facultative) de la vidéo dans toutes les langues de cet article. Un séparateur de ligne apparaît par défaut sous la description.
  • L'URL de la vidéo (obligatoire)

Attention : En fonction du format de la vidéo et de la compatibilité du lecteur avec le navigateur de l'utilisateur, certains problèmes peuvent survenir.

Vidéo

8. Événement connexe

Permet d'insérer un bloc publicitaire pour un événement existant.

Pour sélectionner les événements existants de votre club, vous devez taper au moins 3 caractères afin d'afficher les événements disponibles. Seuls les événements de votre club sont présentés.

Attention : faites attention à la visibilité de l'événement et de la page sur laquelle vous placez ce bloc.

Événement

9. Collection de fichiers

Permet de joindre plusieurs fichiers à la page. L'icône indique le type de fichier. Chaque fichier doit être téléchargé séparément. Si vous téléchargez une image, elle sera affichée en tant que fichier téléchargé et non en tant qu'image.

Une description (obligatoire) de l'article dans toutes les langues, doit être fournie pour chaque fichier.

Un séparateur de ligne apparaît par défaut entre chaque fichier.

Collection de fichiers

10. Collection d'images

Permet d'afficher une petite galerie d'images sur la page. Les images sont placées de gauche à droite, puis de haut en bas. Chaque image doit être téléchargée séparément.

Une description (obligatoire) dans toutes les langues de l'article, doit être fournie pour chaque image.

Un séparateur de ligne apparaît par défaut sous la description de chaque image.

Collection d'images

11 + 12. Contenu connexe | Action connexe

Permet d'insérer un bloc promotionnel (Actualités, Divers, Action) pour un autre contenu du site.

Pour sélectionner les contenus existants de votre club, vous devez taper au moins 3 caractères afin d'afficher les contenus disponibles. Seuls les contenus de votre club sont présentés.

Attention : veillez à la visibilité du contenu et de la page sur laquelle vous placez ce bloc.

Contenu connexe | Action connexe

13. Dossier

Permet de placer un dossier de documents et ses documents comme liens.

Vous devez taper au moins 3 caractères pour voir la liste des dossiers disponibles. Seuls les dossiers de votre club sont présentés.

L'utilisateur peut cliquer aussi bien sur le dossier que sur les documents.

Attention : veillez à la visibilité du dossier et de la page sur laquelle vous placez ce bloc.

Dossier

14. Membre

Permet d'insérer la carte d'un membre rotarien donné.

Vous devez d'abord taper au moins 3 caractères avant de voir la liste des membres disponibles. Seuls les membres actifs de votre club sont présentés.

Attention : veillez à la protection des données personnelles. Pour cette raison, aucun exemple n'est fourni. Essayez vous-même !

Membre

15. Bouton

Permet de placer un ou plusieurs boutons sur la page.

Les éléments de ce bloc sont :

  • Mise en page - vous pouvez en choisir une parmi:
    • Bouton bleu - pleine taille
    • Bouton bleu - taille d'origine (taille du texte)
    • Bouton jaune - pleine taille
    • Bouton jaune - taille d'origine (taille du texte)
  • Ouvrir dans une nouvelle fenêtre
  • Titre du bouton dans toutes les langues de cet article.
  • URL du bouton dans toutes les langues de l'article.

Les boutons multiples sont placés de gauche à droite, puis de haut en bas.

Boutons

16. Image de plan

Permet d'afficher une image de carte cliquable.

Les éléments de ce bloc sont :

  • Image (obligatoire)
  • Une ou plusieurs zones constituées de :
    • Un lien (URL)
    • Des coordonnées séparées par des virgules
    • Forme (polygonale, rectangulaire, cercle)
    • Cible (_blank = ouvrir dans un nouvel onglet ou une nouvelle fenêtre)

Conseil : utilisez l'outil sur https://www.image-map.net/ o https://eapatil.github.io/Tool pour créer les coordonnées et tester la carte d'image.

Image-carte