L'estensione News StyList

News StyList è nome di una estensione open source rilasciata dall'Ateneo (autore. Alessandro Tuveri) che permette di modificare velocemente l'aspetto di un elenco di news (List View). Le variazioni al layout si applicano tramite una semplice e veloce configurazione che permette di escludere dalla visualizzazione tutti gli elementi, invertire la posizione del testo rispetto alla immagine e/o della testata rispetto al resto.

scarica l'estensione newsstylist dal repository di TYPO3

Alcuni esempi e dimostrativo online

Demo disponibile in più pagine  e differenti 5 output (default slider, carousel, card, newsletter, carusel big text) e differenti effetti (fade, flip. coverflow) al sito:
https://typo3-rollovereffects.uniud.it/development/newsstylist

segue l'output con autoplay, mousewheel, keyboad, ed effetto di transizione fade:

servizi web

Powermail, come gestire i dati raccolti con i moduli

Da oggi sono disponibili le istruzioni per la gestione dei dati raccolti tramite i moduli (form) e memorizzati nel sito: esportazione in formato XLS, funzione cerca, filtro,…

servizi web

Come recuperare i contenuti cancellati

TYPO3 permette il ripristino di qualsiasi record eliminato:  pagine, contenuti di pagina singoli o multipli, in pochi click. 

servizi web

SEO e siti web in hosting

Sempre più spesso gli utenti dei servizi di hosting chiedono alla nostra struttura informazioni per migliorare il posizionamento consigli e strategie. Tutte le risposte a pagina…

servizi web

Plugin con slider integrato e nuovi layout

il plugin è stato potenziato e migliorato con l'applicazione dello slider, 2 layout di Carosello, numerose nuove opzioni. Demo a nuova pagina...

software update

Office 2016 ITA e Windows 10 (2021) pronto per il download

Riservato a tutti gli utenti UniMail che possono scaricare dall'area riservata due nuovi prodotti: Office 2016 ita e Windows 10 ita (2021).

servizi web

TYPO3 v.10: online la guida aggiornata e le novità

Tutti i siti d'Ateneo sono stati migrati alla versione 10 di TYPO3 CMS. Quali le novità? Come scaricare la guida aggiornata? Maggiori info all'interno...

Funzionamento

Come noto l'estensione pubblica nel formato lista (elenco di news)  un output di default che non sempre è gradito ai richiedenti, come si vede in figura 1.

Il redattore, non soddisfatto, potrebbe chiedere numerose variazioni del tipo: abolizione del campo data, pubblicazione della immagine a destra invece che a sinistra, il titolo prima del blocco di testo e immagine, l'abolizione del pulsante more... o un anuova etichetta  e cosi' via.

Nell'esempio si nota anche che l'immagine è troppo piccola rispetto al testo che occupa troppo spazio a destra e "sfora verticalmente" il blocco della immagine, cosi' da dare un effetto inestetico.

Dalla versione 1.5 sono state introdotte alcune importanti funzionalità: l'applicazione di slider, carosello, card con effetti di transizione e numerose opzioni per variare l'output.

Pertanto in fase di progettazione si elencano qui sotto le variazioni e opportunità; la configurazione spetta al tecnico informatico incaricato di realizzare il sito.

Come variare l'output delle news

Il redattore può far riferimento alla figura 2 per comprendere le variazioni a disposizione, più sotto descritte. 
Output di esempio tratto dal sito https://cdu.uniud.it:

Descrizione e configurazioni 

Facendo riferimento alla figura 2, per i termini tecnici utilizzati, è possibile configurare l'output in uno dei seguenti modi, anche combinati tra di loro, pertanto l'elenco non è del tutto esaustivo:

  • invertire il blocco di testo con quello della immagine (es. se l'immagine è desiderata a destra invece che a sinistra)
  • spostare il blocco extra prima del titolo della news (come in figura) oppure dopo il titolo della news
  • spostare il blocco extra e il titolo della news prima dei due blocchi (immagine e testo)
  • definire la larghezza dello spazio (in percentuale) del blocco immagine e del blocco di testo, così da dare ad esempio il 50% di spazio alla immagine e il 50% di spazio al testo
  • configurare la grandezza del titolo della news e di tutti gli altri testi presenti nel blocco
  • abolire il pulsante [continua..] oppure visualizzarlo
  • rimuovere la data dall'output
  • rimuovere le icone (mantenendo la data e le altre combinazioni di configurazione)
  • rimuovere le categorie, come sopra per le icone
  • rimuovere eventuali tag
  • rimuovere l'output della immagine
  • abolire la stampa del lead/teaser

inoltre il sistema, se l'immagine non è stata indicata dal redattore,  adatta automaticamente il campo di testo fino ad occupare la larghezza di tutta la colonna, per evitare un "buco bianco" a posto dell'immagine.