Aperçu
Les blocs de contenu sont des éléments qui vous aident à produire des pages Web modernes et lisibles pour votre organisation. Ils vous permettent de compléter vos textes, 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 seule 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 flexibilité d’un éditeur HTML, mais garantissent que votre page Web aura toujours un aspect acceptable et fonctionnera également sur les tablettes et les smartphones. C’est pourquoi tous les blocs de contenu utilisent toute la largeur de la page.
En plus de l’image et du texte principaux, les blocs de contenu suivants sont disponibles :
Titre
Texte/HTML
Image avec texte
Image unique
Un seul fichier
Séparateur
Vidéo
Événement connexe
Collection de fichiers
Collection d’images
Contenu connexe
Action connexe
Dossier
Membre
Boutons
Image de plan
ESSAYEZ-LES
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 n’importe quel type pour voir à quoi ils ressemblent, comment ils se comportent et comment ils répondent à vos besoins.
Image et texte 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, les pages détaillées, le carrousel et le curseur.
Les éléments de ce bloc sont :
Image principale
Il apparaîtra également dans le curseur ou le carrousel. Si vous ne fournissez pas d’image, le logo du Rotary y apparaîtra. Le séparateur de ligne apparaît par défaut sous la description.Texte principal
Les premières phrases peuvent apparaître à de nombreux endroits, dans le calendrier, dans l’email d’invitation, dans la newsletter, dans le slider, etc.
Il n’y a pas d’autres options pour ce bloc. Voir options avancées "Travailler avec les images principales"
NOTE
Vous ne pouvez pas supprimer ce bloc mais vous pouvez modifier sa position dans certains articles ou laisser le contenu vide !
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 l’article, est le seul et unique élément obligatoire de ce bloc. Le séparateur de ligne apparaît par défaut sous le titre.
2. Texte/HTML
Le bloc de 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.
3. Image avec texte
L’image avec texte vous permet de placer une image et un texte côte à côte sur la page. Voir aussi options avancées pour les images.
Les éléments de ce bloc sont :
Mise en page (obligatoire) l’une des :
image gauche / texte droite
image à droite / texte à gauche
image gauche / texte flottant droite
image droite / texte flottant gauche
Image (obligatoire) : vous pouvez choisir entre des images grandes, moyennes et petites.
Description (facultative) de l’image dans toutes les langues de cet article. Le séparateur de ligne apparaît par défaut sous la description.
Texte (obligatoire) dans toutes les langues de cet article.
4. Image unique
Vous permet de mettre une image sur la page. L’image est alignée sur le bord gauche de la page et conservera la taille d’origine tant qu’elle ne dépasse pas la taille de 1280 x 1024 px.
La description (facultative) dans toutes les langues de cet article, est le seul élément de ce bloc. Pensez à mettre la référence du droit d’auteur dans la description. Le séparateur de ligne apparaît par défaut sous la description.
5. Un seul fichier
Un seul fichier 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 comme un fichier téléchargé, et non comme une image.
La description du fichier (obligatoire) dans toutes les langues de cet article, est le seul élément de ce bloc. Deux séparateurs de lignes apparaissent par défaut avant et après le fichier.
ATTENTION
Soignez la visibilité du fichier et de la page sur laquelle vous posez ce bloc. La visibilité du fichier doit être identique ou plus large que la visibilité de cette page.
6. Séparateur
Un séparateur est une ligne entre deux blocs de contenu. Vous pouvez définir sa longueur comme extra court (xs), court (s), moyen (m), grand (l), extra grand (xl). Extra large signifie toute la largeur.
7. Vidéo
Vous permet de placer un lien vers une vidéo stockée dans un stockage externe comme Vimeo ou YouTube. En raison du manque d’espace, les vidéos ne peuvent pas être stockées dans Polaris. Le lecteur vidéo apparaîtra et permettra à l’utilisateur de lire la vidéo directement à partir de la page.
Les éléments de ce bloc sont :
Description (facultative) de la vidéo dans toutes les langues. Un séparateur de ligne apparaît par défaut sous la description.
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.
8. Événement connexe
Vous permet d’insérer un bloc pour un événement existant de votre organisation.
Afin de sélectionner les événements existants de votre club, vous devez taper au moins 3 caractères afin d’afficher ceux disponibles. Seuls les événements de votre organisation sont présentés.
ATTENTION
Soignez la visibilité de l’événement et de la page sur laquelle vous posez ce bloc. La visibilité de l’événement associé doit être identique ou plus large que la visibilité de cette page.
9. Collection de fichiers
Vous 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 comme un fichier téléchargé, et non comme une image.
Une description du fichier (obligatoire) dans toutes les langues de cet article doit être fournie pour chaque fichier. Le séparateur de ligne apparaît par défaut entre chaque fichier.
ATTENTION
Soignez la visibilité du dossier et de la page sur laquelle vous posez ce bloc. La visibilité du dossier doit être identique ou supérieure à celle de cette page.
10. Collection d’images
Vous 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 cet article, doit être fournie pour chaque image. Pensez à mettre la référence du droit d’auteur dans la description. Un séparateur de ligne apparaît par défaut sous chaque description d’image.
Cette collection d’images n’existe que dans cette page. Alternativement, vous pouvez créer une galerie de photos, y télécharger les images et insérer le bloc de contenu Contenu associé avec le lien vers la galerie sur la page.
11. Contenu connexe | 12. Action connexe
Vous permet d’insérer un bloc pour d’autres contenus, par exemple Actualités, Divers, Projets, Galeries de photos, etc. sur la page.
Pour sélectionner le contenu existant, vous devez saisir au moins 3 caractères pour afficher ceux disponibles. Seul le contenu de votre organisation sera présenté.
ATTENTION
Soignez la visibilité du contenu et de la page sur laquelle vous posez ce bloc. La visibilité du contenu associé doit être identique ou plus large que la visibilité de cette page.
13. Dossier
Vous permet de placer un dossier de documents et ses documents sous forme de liens.
Vous devez d’abord taper au moins 3 caractères avant de voir la liste des dossiers disponibles. Seuls les dossiers de votre organisation sont présentés.
L’utilisateur peut cliquer sur le dossier ainsi que sur les documents.
ATTENTION
Soignez la visibilité du dossier et de la page sur laquelle vous posez ce bloc. La visibilité du dossier doit être identique ou supérieure à celle de cette page.
14. Membre
Vous permet d’insérer la carte d’un membre donné de votre instance Polaris.
Vous devez d’abord taper au moins 3 caractères avant de voir la liste des membres disponibles.
ATTENTION
Faites attention à la protection des données personnelles en lien avec la visibilité de cette page.
15. Boutons
Permet de mettre un ou plusieurs boutons sur la page.
Les éléments de ce bloc sont :
Mise en page - vous pouvez choisir l’une des options suivantes :
Bouton bleu - pleine grandeur
Bouton bleu - taille d’origine (taille du texte)
Bouton jaune - pleine grandeur
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 cet article.
Plusieurs boutons sont placés de gauche à droite, puis de haut en bas.
16. Image de plan
Permet d’afficher une image cliquable.
Les éléments de ce bloc sont :
Image (obligatoire)
Un ou plusieurs domaines comprenant :
Lien (URL)
Coordonnées séparées par des virgules
Forme (poly-gonale, recta-angulaire, cercle)
Cible (_blank = ouvrir dans un nouvel onglet ou une nouvelle fenêtre)
POURBOIRE
Utilisez l’outil sur https://www.image-map.net ou https://eapatil.github.io/Tool pour créer les coordonnées et tester la zone cliquable.
Options avancées pour les images
Travailler avec les images principales
Particularité de l’image primaire
Le premier bloc de contenu dans les articles tels que les événements, les lettres, les actualités, les projets et autres, contient l’image principale. Cette image est la seule qui apparaît dans le curseur, le carrousel, la vue d’ensemble, au format portrait (sur les appareils mobiles) et sur la page avec les détails de l’article. Assurez-vous toujours d’utiliser des images haute résolution et de taille appropriée. Sinon, votre site Web peut sembler non professionnel.
Téléchargement de l’image
Pour télécharger une image, vous pouvez la faire glisser dans la zone de téléchargement ou cliquer sur la zone et sélectionner l’image sur votre ordinateur. La taille maximale d’un fichier téléchargé est de 20 Mo.
Recadrage de l’image
Vous pouvez utiliser les boutons bleus en haut pour réduire ou agrandir l’image, la déplacer ou la faire pivoter. Vous pouvez également utiliser les points bleus sur le bord de l’image pour ajuster la taille de l’image avec la souris. Les lignes pointillées blanches et le plus blanc au milieu indiquent ce qui sera visible dans l’image. Il n’est pas nécessaire d’avoir une bordure blanche autour de l’image.
Sélection de la stratégie d’affichage
Selon la façon dont la case à cocher sous l’image est définie, il existe deux affichages différents.
« L’image doit remplir toute la zone encadrée » = désactivé
Avec cette stratégie, l’image entière reste visible dans tous les formats d’affichage. Selon le format de l’image, des espaces blancs peuvent être ajoutés à droite et à gauche de l’image dans le curseur ou dans les portraits, ainsi qu’au-dessus et en dessous de l’image dans le carrousel. La taille de l’image peut être ajustée proportionnellement dans la liste et dans la vue détaillée.
« L’image doit remplir toute la zone encadrée » = activé > Définir le point de focalisation
Cette stratégie remplit complètement le format disponible en recadrant l’image à la taille du format et en gardant le point de mise au point au centre. Aucun espace blanc n’est ajouté. Au lieu de cela, l’image peut être légèrement recadrée pour s’adapter au format disponible.
Un petit cercle blanc apparaît dans l’image et peut être déplacé avec la souris pour régler le point de mise au point. Les effets de ce mouvement sont immédiatement visibles dans l’aperçu de l’image ci-dessous.
Définition de la taille de l’image en %
Enfin, vous pouvez définir la taille de l’image en %. Cela n’affecte que l’affichage sur la page de détails.
ATTENTION
N’oubliez pas de cliquer sur le bouton « Sauvegarder » pour enregistrer les modifications !
Travailler avec les images secondaires
Les images secondaires peuvent être téléchargées dans les blocs de contenu « Image avec texte », « Image unique » et « Collection d’images ».
Assurez-vous de toujours utiliser des images haute résolution et de taille appropriée. Sinon, votre site Web peut sembler non professionnel.
Téléchargement de l’image
Pour télécharger une image, vous pouvez la faire glisser dans la zone de téléchargement ou cliquer sur la zone et sélectionner l’image sur votre ordinateur. La taille maximale d’un fichier téléchargé est de 20 Mo.
Recadrer l’image
Vous pouvez utiliser les boutons bleus en haut pour réduire ou agrandir l’image, la déplacer ou la faire pivoter. Vous pouvez également utiliser les points bleus sur le bord de l’image pour ajuster la taille de l’image avec la souris. Les lignes pointillées blanches et le plus blanc au milieu indiquent ce qui sera visible dans l’image. Il n’est pas nécessaire d’avoir une bordure blanche autour de l’image.
Après avoir recadré l’image, les options d’édition supplémentaires sont limitées aux zones suivantes :
Taille de l’image
En plus des options « Petite », « Moyen » et « Grand », l’option « Full » (taille réelle) peut être sélectionnée pour les blocs de contenu « Image unique » ou « Collection d’images ».
Alignement de l’image
Dans le bloc de contenu « Image avec texte », l’image peut être positionnée à gauche ou à droite, avec le texte sur le côté opposé. Vous pouvez également choisir si le texte doit s’écouler autour de l’image ou non.
Intégration d’images dans des champs de texte
Dans les blocs de contenu où du texte est utilisé, les images peuvent également être insérées à l’aide d’une simple commande de copier/coller. Cependant, les images doivent déjà être recadrées et la résolution est limitée à 300 dpi. Cette méthode n’est donc pas adaptée aux images de haute qualité qui doivent être affichées dans n’importe quelle taille sur l’écran du bureau.
Après avoir inséré l’image, les ajustements suivants peuvent être effectués à l’aide de l’outil d’édition qui apparaît :
Ajuster la taille de l’image (éviter la taille maximale)
Définir le texte à droite ou à gauche de l’image, l’image n’est pas liée au texte
Supprimer l’image
FAQ
Que sont les blocs de contenu ?
Les blocs de contenu sont des éléments qui vous aident à créer des pages Web modernes et lisibles pour votre organisation, vous permettant d’inclure des textes, des images, des fichiers, des vidéos, etc.
Puis-je personnaliser la disposition des blocs de contenu ?
La disposition des blocs de contenu est prédéfinie avec des options de personnalisation limitées, ce qui garantit une apparence cohérente sur tous les appareils.
Quels types de blocs de contenu sont disponibles ?
Les blocs de contenu disponibles incluent Titre, Texte/HTML, Image avec texte, Image unique, Un seul fichier, Vidéo, Événement connexe, Collection de fichiers, Collection d’images, etc.
Est-il possible de supprimer l’image principale et le bloc de texte ?
Non, vous ne pouvez pas supprimer l’image principale et le bloc de texte, mais vous pouvez modifier sa position dans certains articles ou laisser le contenu vide.
Comment puis-je apprendre à utiliser efficacement les blocs de contenu ?
La meilleure façon d’en savoir plus sur les blocs de contenu est de créer un nouvel article et d’expérimenter différents types de blocs de contenu pour voir à quoi ils ressemblent et se comportent.
Y a-t-il des restrictions sur la taille des images que je peux télécharger ?
Oui, les images ne doivent pas dépasser la taille de 1280 x 1024 pixels pour maintenir un alignement et un affichage corrects. La taille maximale d’un fichier téléchargé est de 20 Mo.
Puis-je insérer des vidéos dans ma page Web ?
Oui, vous pouvez insérer des vidéos en fournissant un lien URL vers une vidéo stockée en externe, et un lecteur vidéo apparaîtra sur la page.
Pourquoi ne puis-je pas télécharger une vidéo directement dans Polaris ?
Les vidéos ne peuvent pas être enregistrées directement dans Polaris, car l’espace de stockage est limité et Polaris ne dispose pas de fonctions de streaming pour les différents formats vidéo.
Dois-je fournir des descriptions pour les fichiers et les images ?
Oui, les descriptions sont obligatoires pour les fichiers et les images dans divers blocs de contenu.
Puis-je utiliser des boutons dans mes blocs de contenu ?
Oui, vous pouvez ajouter des boutons avec différentes mises en page et liens à votre page.