Raccourci colonne - SPIP-Contrib

/Raccourci-colonne

  • @arno
    ARNO* ART LIBRE
    3
    @spip
    @rastapopoulos
    @monolecte
    3

    Je viens de poster sur ►https://git.spip.net mon #plugin_spip de Maquettes multiples :
    ▻https://git.spip.net/spip-contrib-extensions/maquettes_multiples

    C’est l’élément central qui me sert à créer des « formes longues » avec SPIP, comme ici :
    ►https://musee.info

    Le plugin propose 10 compositions pour les articles, permettant de créer des blocs à une colonne, deux, trois ou quatre colonnes, dans différentes configurations.

    Alors ce n’est pas le plugin qu’on installe, et hop, vous avez un nouveau site Web public : là il faut fabriquer ses propres squelettes en allant regarder dans /squelettes/inc.

    Les CSS sont responsive, par contre c’est assez oldschool. Parce que c’est du code que j’ai fabriqué il y a longtemps, donc pas de flex ni de grid ni de calc(). Mais ça a l’avantage de s’afficher sans risques sur n’importe quel machine.

    ARNO* ART LIBRE
    • @klaus
      klaus++
      @arno

      #merci @arno ! Je suis en train de préparer quelques projets de livres plurilingues alors je testerai la gestion des versions de langue et annotations dans les champs supplémentaires et leur mise en forme dans les colonnes de Maquettes multiples :-)

      Puisqu’il s’agit de textes de livres je pense ne pas avoir besoin des fonctions de multilinguisme de SPIP qui sont très utiles pour les sites web en développement constant par une équipe.

      Tu m’a donné l’idée d’un affichage par couches superposées (layer) pour les versions de langue qu’on devrait pouvoir activer et désactiver dans une sorte de navigation verticale alors que la navigation entre chapitres et paragraphes se ferait par déplacement haut/bas du texte sur l’écran.

      #SPIP

      klaus++
    • @rastapopoulos
      RastaPopoulos CC BY-NC
      @touti

      Tu peux mettre des exemples de liens où ya 2, 3 et 4 colonnes ? :)

      Plutôt que des champs rajoutés en dur, et qui sont très arbitraires, peut-être qu’un découpage à l’intérieur du texte principal pourrait être fait, avec des plugins du genre de celui de @touti
      ►https://contrib.spip.net/Raccourci-colonne
      (ou une version améliorée si on trouve qu’il manque des classes ou autre, ou qu’on veut pouvoir l’utiliser sans que ça ajoute ses propres CSS)

      RastaPopoulos CC BY-NC
    • @arno
      ARNO* ART LIBRE

      Sur la page d’accueil de musee.info référencée dans mon message, tu as 2, 3 et 4 colonnes, et aussi une colonne principale et une annexe à droite ou à gauche.

      En fait, pour des formes longues rédactionnelles, j’utilise essentiellement une colonne et les différentes variantes de deux colonnes. Les 3 et 4 colonnes, dans tous les cas les colonnes sont étroites, donc c’est pas adapté à du texte long, mais plus à de la présentation « vitrine » (à la façon de la page d’accueil de Musee.info).

      L’idée est de jouer beaucoup, aussi, avec mon plugin « Insertion avancée d’images ». Par exemple pour un « vrai » longform éditorial :
      ►https://musee.info/L-histoire-de-la-collection-italienne
      ▻https://musee.info/Soulages-a-Montpellier
      ▻https://musee.info/Moyen-age-et-Renaissance

      Pour ce qui est de fonctionner avec une structuration des différentes colonnes avec l’unique champ #TEXTE, c’est ce que j’ai fait très longtemps. J’avais un plugin qui découpait en colonnes selon les intertitres :

      {{{Première colonne}}}
      {{{# Deuxième colonne}}}
      {{{## Troisième }}}
      {{{### Quatrième }}}}

      Mais en pratique, ce n’est pas aussi pratique. Des champs multi là-dedans c’est chiant. Déplacer du texte d’une colonne à l’autre c’est chiant. Expliquer au client qu’il faut qu’il bidouille plusieurs colonnes dans un seul champ texte c’est chiant. :-))

      De ce fait, à un moment j’ai recodé mon plugin pour avoir 4 champs texte différents, j’ai même une moulinette pour récupérer depuis l’ancien format.

      ARNO* ART LIBRE
    • @arno
      ARNO* ART LIBRE

      Une remarque importante : utilisé avec le plugin Médias responsive, le plugin Maquettes multiples joue énormément avec les possibilités d’alignement hors des colonnes de texte. C’est un gros point fort, à mon goût, de ces maquettes : on peut par exemple afficher les légendes à côte de l’image, en dehors de la colonne de texte, soit avec le pile |large, forcer l’image plus large que la colonne de texte et la légende qui vient se positionner en dessous, toujours en dehors de la colonne.

      C’est particulièrement visible dans le longform sur le collection italienne :
      ►https://musee.info/L-histoire-de-la-collection-italienne

      ARNO* ART LIBRE
    Écrire un commentaire
  • Écrire un commentaire