Titre

Les classes additionnelles

En ajoutant des classes additionnelles aux blocs (via le menu « Avancé » du panneau de droite de chaque article/page), on peut modifier leur apparence mais aussi leur comportement. En voici la liste :

  • fright : le bloc est calé sur la droite et le texte est ferré à droite.
  • no-margin-bottom : supprime le margin-bottom du bloc.
  • font-smaller : applique une taille de 80% au texte du bloc.
  • full-width : applique une largeur de 100vw au bloc, il prend toute la largeur de l’écran.
  • max-width-75 et max-width-50 : force la largeur du bloc à 75 ou 50%.
  • regal-slider : appliquée à un bloc Galerie, ce bloc devient un slider Flickity.
  • regal-masonry : appliquée à un bloc Galerie, celui-ci se présente sous la forme masonry.
  • regal-sound : appliquée à un bloc Audio ou Vidéo, celui-ci affiche le spectre audio du média (et les players sont identiques pour tous les navigateurs).
  • mobile-only : le bloc ne s’affichera que pour les mobiles.
  • no-mobile : le bloc ne s’affichera que sur Desktop.

Exemples :

Paragraphe avec .no-margin-bottom, pratique pour un titre de liste par exemple.

  • Laudem doctus expetenda ut vix.
  • Graeco temporibus id eam,
  • euismod sapientem aliquando at mei.

Paragraphe avec .fright. La largeur des paragraphes est limitée à 75% (sauf pour les mobiles) afin d’assurer une meilleure lisibilité. L’effet fright est donc particulièrement adapté aux paragraphes. Duo eu facilisis eloquentiam, hinc pertinax qualisque at sea. No eam amet erroribus conclusionemque, mei vidit aliquando eu, placerat accommodare at usu. Omnis antiopam at vis, ut omnis commodo corpora eum. Error tollit qualisque ex pro, vocibus verterem oportere vis in. Pri ne mediocrem omittantur. Ex meliore gubergren intellegat eum.

Bloc Colonnes avec .fright : Comme les blocs Colonnes prennent toute la largeur, en ajoutant .max-width-50 ou max-width-75, l’effet est complet. Sans cette classe additionnelle, l’effet se limite au fer à droite pour le texte mais ça peut toujours servir !

Heavy Machine Two

Bloc Colonnes avec .max-width-75. Eu feugait scaevola contentiones has. Mea hinc discere fierent ex, sea ad fugit sanctus sensibus. Cu nam dicta legere. Ei eam mollis oporteat suavitate, ut vel ludus facete quaeque. Eu quo meis altera commodo, volutpat salutatus euripidis pri et. Sea timeam fierent quaerendum in.

Bannière avec .full-width :

Titre du bloc

Une galerie avec . regal-slider : le nombre de diapo visible est déterminé par le nombre de colonnes choisi pour la galerie.

Une galerie avec .regal-masonry : il faut décocher la case  » Recadrer les images ». Le colonnage de la masonry est déterminé par le nombre de colonnes choisi pour la galerie.

Attention, avec cette méthode, les images s’affichent les unes en dessous les autres et pas les unes à côté des autres. C’est le seul défaut de cet affichage…

*Pas de « maçonnerie » sur mobiles, les images s’affichent les unes en dessous les autres.

Blocs « Son » avec .regal-sound :

Quelque Chose de Grandiose
Reset Pour la Planète

Bloc « Vidéo » avec .regal-sound. Il faut décocher l’option  » Commandes de lecture ».

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *