Blocchi di contenuto

Share
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.

Oltre al texto e all'immagine primari, sono disponibili i seguenti blocchi di contenuto:
  1. Titolo
  2. Testo/HTML
  3. Immagine con testo
  4. Singola immagine
  5. Singolo file
  6. Separatore
  7. Video
  8. Evento correlato
  9. Raccolta di dati
  10. Raccolta di immagini
  11. Contenuti correlati
  12. Progetto correlato
  13. Cartella
  14. Socio
  15. Pulsanti
  16. Immagine mappa

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

Testo e immagine primari

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.

1. 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

2. Testo/HTML

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

3. 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

4. Singola immagine

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.

Singola immagine

5. Singolo file

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

6. Separatore

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

Separatore

7. 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

8. 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

9. 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

10. 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

11 + 12. Contenuto correlato | Progetto correlato

Permette di inserire un blocco pubblicitario (Notizie, Diversi, Progetti) 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 | Progetto 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

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.

Pulsanti

16. Immagine mappa

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/ o https://eapatil.github.io/Tool per creare le coordinate e testare la mappa immagine.

Mappa immagine