Blocchi di contenuto (e01)

venerdì 7 gennaio 2022

Team Polaris

Blocchi di contenuto

I blocchi di contenuto sono pezzi che ti aiutano a produrre pagine web moderne e leggibili per il tuo club o distretto. Ti permettono di riempire il tuo testo, mettere immagini, file, video esterni, eventi del calendario, schede dei soci e altri elementi visivi e di controllo. Puoi mescolare tutti i tipi di blocchi di contenuto in una pagina e progettarla variando l'ordine dei blocchi di contenuto.

Il layout del blocco di contenuto è predefinito, con possibilità limitate di adattarlo. I blocchi di contenuto non ti offrono la piena flessibilità di un editor HTML, ma assicurano che la tua pagina web avrà sempre un aspetto ragionevole e funzionerà anche su tablet e smartphone. Ecco perché tutti i blocchi di contenuto utilizzano l'intera larghezza della pagina.

Sono disponibili i seguenti blocchi di contenuto:
  1. Immagine primaria e testo
  2. Titolo
  3. Testo
  4. Immagine con testo
  5. Immagine singola
  6. File singolo
  7. Separatore
  8. Video
  9. Evento correlato
  10. Raccolta di file
  11. Raccolta di immagini
  12. Contenuto correlato
  13. Cartella
  14. Membro
  15. Pulsante/ Button
  16. Mappa delle immagini / Image map

Altri blocchi di contenuto sono ancora in costruzione e saranno disponibili nelle future versioni di Polaris.

La migliore possibilità di imparare di più sui blocchi di contenuto è quella di provarli! Crea un nuovo articolo e inserisci i blocchi di contenuto di qualsiasi tipo per vedere come appaiono, come si comportano e come si adattano alle tue esigenze.

Blocchi di contenuto in una pagina multi-distretto


1. Immagine primaria e testo

L'immagine primaria e il testo hanno un significato speciale perché il testo e l'immagine sono utilizzati per le varie visualizzazioni come l'elenco, le pagine dettagliate e il carosello e lo slider.

Gli elementi di questo blocco sono:

  • Testo primario
    Le prime frasi possono apparire in molti posti, nel calendario, nell'e-mail di invito, nella newsletter, nello slider, ecc.
  • Immagine
    Apparirà anche nel cursore o nel carosello. Se non fornisci un'immagine il logo rotativo apparirà lì. Il separatore di linee appare di default sotto la descrizione.

Non ci sono altre opzioni per questo blocco.

Non puoi cancellare questo blocco ma puoi cambiare la sua posizione in alcuni articoli!

Immagine primaria e testo di questa pagina.

2. Titolo

Il suo scopo è quello di visualizzare uno o più titoli tra i vari blocchi di un dato articolo.

Il titolo, in tutte le lingue dell'articolo, è il solo e unico elemento obbligatorio di questo blocco. Il separatore di linee appare di default sotto il titolo.

Titolo

3. Testo

Il blocco di testo è il blocco di contenuto più generico. Il testo, in tutte le lingue dell'articolo, è il solo e unico elemento obbligatorio di questo blocco.

Ricorda che l'editor di testo ti dà la possibilità di formattare il testo e anche di inserirvi piccole immagini.

Testo

4. Immagine con testo

L'immagine con testo permette di mettere un'immagine e un testo fianco a fianco nella pagina.

Gli elementi di questo blocco sono:

  • Layout (obbligatorio) uno di:
    • immagine a sinistra / testo a destra
    • immagine a destra / testo a sinistra
    • immagine sinistra / testo flottante a destra
    • immagine a destra / testo fluttuante a sinistra
  • Immagine (obbligatorio)
    puoi scegliere tra immagini grandi, medie e piccole Descrizione (opzionale) dell'immagine in tutte le lingue di quell'articolo. Il separatore di linea appare di default sotto la descrizione.
  • Testo (obbligatorio)
    in tutte le lingue dell'articolo

Immagine con testo

5. Immagine singola

Permette di mettere un'immagine sulla pagina. L'immagine è allineata al bordo sinistro della pagina e manterrà le dimensioni originali, purché non superi le dimensioni di 1280 x 1024 px.

Descrizione (opzionale) in tutte le lingue dell'articolo, è l'unico elemento di questo blocco. Il separatore di linea appare di default sotto la descrizione.

Immagine singola

6. File singolo

File singolo ti permette di allegare un file alla pagina. L'icona mostra il tipo di file. Se carichi un'immagine, sarà mostrata come file caricato, non come immagine.

Descrizione (obbligatoria) in tutte le lingue di quell'articolo, è l'unico elemento di questo blocco.

Due separatori di linea appaiono di default prima e dopo il file.

File singolo

7. Separatore

Un separatore è la linea tra due blocchi di contenuto. Puoi definire la sua lunghezza come xs, s, m, l, xl

Separatore

8. Video

Permette di inserire un link a un video. Il lettore video apparirà e permetterà all'utente di riprodurre il video direttamente dalla pagina.

Gli elementi di questo blocco sono:

  • Descrizione (opzionale) del video in tutte le lingue di quell'articolo. Un separatore di linee appare di default sotto la descrizione.
  • URL del video (obbligatorio)

Attenzione: A seconda del formato del video e della compatibilità del lettore con il browser dell'utente, possono verificarsi alcuni problemi.

Video

9. Evento correlato

Permette di inserire un blocco pubblicitario per un evento esistente.

Per selezionare gli eventi esistenti del tuo club devi digitare almeno 3 caratteri per visualizzare quelli disponibili. Vengono presentati solo gli eventi del tuo club.

Attenzione: fai attenzione alla visibilità dell'evento e della pagina in cui inserisci questo blocco.

Evento

10. Raccolta di file

Permette di allegare più file alla pagina. L'icona mostra il tipo di file. Ogni file deve essere caricato separatamente. Se carichi un'immagine, sarà mostrata come file caricato, non come immagine.

Descrizione (obbligatoria) in tutte le lingue di quell'articolo, deve essere fornita per ogni file.

Il separatore di linea appare di default tra ogni file.

Raccolta di file

11. Raccolta di immagini

Permette di mostrare una piccola galleria di immagini sulla pagina. Le immagini sono disposte da sinistra a destra, quindi dall'alto verso il basso. Ogni immagine deve essere caricata separatamente.

La descrizione (obbligatoria) in tutte le lingue di quell'articolo, deve essere fornita per ogni immagine.

Il separatore di linee appare di default sotto ogni descrizione dell'immagine.

Raccolta di immagini

12. Contenuto correlato

Permette di inserire un blocco pubblicitario per un altro contenuto del sito. Per selezionare i contenuti esistenti del tuo club devi digitare almeno 3 caratteri per visualizzare quelli disponibili. Vengono presentati solo i contenuti del tuo club.

Attenzione: fai attenzione alla visibilità del contenuto e della pagina in cui inserisci questo blocco.

Contenuto correlato

13. Cartella

Permette di inserire una cartella di documenti e i suoi documenti come link.

Devi prima digitare almeno 3 caratteri prima di vedere la lista delle cartelle disponibili. Vengono presentate solo le cartelle del tuo club.

L'utente può cliccare sia sulla cartella che sui documenti.

Attenzione: fai attenzione alla visibilità della cartella e della pagina in cui metti questo blocco.

Cartella

14. Membro

Permette di inserire la scheda di un determinato membro del Rotary.

Devi prima digitare almeno 3 caratteri prima di vedere la lista dei soci disponibili. Vengono presentati solo i membri attivi del tuo club.

Attenzione: fare attenzione alla protezione dei dati personali. Per questo motivo, non viene fornito alcun esempio. Prova tu stesso!

Membro

15. Pulsante / Button

Permette di mettere uno o più pulsanti nella pagina.

Gli elementi di questo blocco sono:

  • Layout - si può scegliere tra:
    • Pulsante blu - dimensione intera
    • Pulsante blu - dimensione originale (dimensione del testo)
    • Pulsante giallo - dimensione intera
    • Pulsante giallo - dimensione originale (dimensione del testo)
  • Aprire in una nuova finestra
  • Titolo del pulsante in tutte le lingue dell'articolo.
  • URL del pulsante in tutte le lingue dell'articolo.

I pulsanti multipli sono posizionati da sinistra a destra e poi dall'alto verso il basso.

Pulsante / Button

16. Mappa immagine

Permette di visualizzare una mappa di immagini cliccabile.

Gli elementi di questo blocco sono:

  • Immagine (obbligatorio)
  • Una o più aree composte da:
    • Link (URL)
    • Coordinate separate da virgole
    • Forma (poligonale, rettangolare, cerchio)
    • Target (_blank = apri in una nuova scheda o finestra)

Suggerimento: utilizzare lo strumento su https://www.image-map.net/ per creare le coordinate e testare la mappa immagine.

Mappa immagine