Modifica Aree Homepage CIOFS

Da Pixelfabrica Wiki.
Jump to navigation Jump to search

Panoramica d'insieme

CIOFS Scuola FMA utilizza un sistema di gestione contenuti chiamato Joomla, alla sua ultima versione stabile (3.8.1). Joomla, gestisce 4 tipi di contenuti fondamentali:

  • Menu
  • Contenuti
  • Componenti
  • Moduli

Menu

Il menu è un tipo di contenuto che serve esclusivamente per favorire la navigazione all'utente, gestisce i reindirizzamenti e i friendly url. Ricopre un ruolo chiave nell'abbinamento dei moduli alle pagine. Questo perché ogni modulo viene mostrato in base all'abbinamento che ha con la voce di menu della pagina desiderata.

Esempio assegnazione menu a modulo

Questo è un esempio di pannello per l'associazione di un modulo alle voci di menu.

Contenuti

I contenuti, talvolta definiti come articoli o post, sono il vero cuore di qualsiasi portale web. Essi rappresentano il corpo della pagina e sono corredati di un titolo, di un alias per la generazione di un URL. Salvo casi particolari i contenuti sono presenti solo in pagine diverse dalla homepage. I contenuti possono essere inseriti in pagine o moduli, o ancora in casi rarissimi, mostrati attraverso dei plugin.

Componenti

I componenti sono dei software aggiuntivi che vengono montati sul portale. I componenti più utilizzati sono l'editor WYSIWIG (What You See Is What You Get), e il modulo Contatti. Non esistono limiti di estendibilità componentistica per Joomla. Dopo un accurato check, può essere montato qualsiasi tipo di componente presente sul marketplace delle estensioni. Ricordiamo che, ogni installazione di ogni estensione (componente) dev'essere vagliata da un team di sviluppatore che può curare le fasi di test del componente prima di procedere alla messa in produzione dell'estensione.

Componenti core

I componenti core sono quei componenti che vengono installati di serie dalla comunità di sviluppo Joomla. Esempi di componenti core sono: l'editor, il modulo contatti o ancora il feed RSS. La parola core, indica il nocciolo del sistema. Quando ci si riferisce ai componenti core si intendono quei componenti installati di default e necessari per il funzionamento base del sistema o di una piattaforma.

Componenti di terze parti

I componenti di terze parti (spesso definiti come non-core) sono quei componenti che vengono installati in maniera opzionale dall'utente, ricorrendo al marketplace, o nelle casistiche più avanzate, venendo prodotti ex-novo. Un esempio di componente di terze parti, nel caso di CIOFS è Docman.

Moduli

Il modulo è allo stesso tempo la parte più semplice e quella più complessa all'interno di un CMS Joomla. Un modulo essenzialmente è un blocco, allocato in posizioni predeterminate dal template, che può contenere qualsiasi tipo di elemento.
I tipi di moduli sono essenzialmente i seguenti:

  • Articoli Archiviati
    Questo modulo mostra una lista dei mesi del calendario contenenti articoli archiviati.
  • Articoli Correlati
    Il modulo visualizza una lista di articoli correlati agli articoli che stiamo leggendo.
  • Articoli più letti
    Il modulo mostra la lista degli articoli attualmente pubblicati che hanno il maggior numero di visite, conteggiate in click.
  • Articoli Recenti
    Questo modulo mostra la lista degli articoli pubblicati recentemente che sono ancora attivi.
  • Banner
    Il modulo banner permette di visualizzare i banner attivi del componente.
  • Cerca
    Questo modulo visualizza un campo di ricerca.
  • Chi è online
    Il modulo Chi è online mostra il numero di utenti anonimi (es. visitatori) ed utenti.
  • Elenco articoli
    Questo modulo visualizza una lista di articoli appartenenti a una o più categorie.
  • Elenco categorie
    Questo modulo visualizza una lista di categorie da una categoria principale.
  • Footer
    Questo modulo mostra le informazioni di Copyright di Joomla!.
  • Generatore Feed
    Il modulo Smart Syndication crea dei feed nelle pagine dove viene attivato.
  • Immagine casuale
    Questo modulo mostra un'immagine casuale di una determinata cartella.
  • Informazioni di sistema
    Il modulo Informazioni di sistema visualizza le informazioni sul server e alcune statistiche.
  • Lingua
    Questo modulo visualizza la lista delle Lingue Contenuto disponibili.
  • Login
    Questo modulo mostra la form dove inserire Nome utente e Password per accedere al sito.
  • Menu
    Questo modulo visualizza un menu nel lato pubblico.
  • Motore di ricerca
    Questo è un modulo di ricerca per il Motore di ricerca.
  • Newsflash
    Il modulo Newsflash visualizza un numero fisso di articoli di una specifica categoria.
  • Percorso
    Questo modulo mostra il percorso della pagina che si sta visualizzando
  • Personalizzato
    Questo modulo consente di creare un modulo utilizzando un editor WYSIWYG.
  • Tags
    Simili Il modulo Tags simili crea collegamenti con altri elementi con tag simili.
  • Ultimi utenti registrati
    Questo modulo visualizza gli ultimi utenti registrati
  • Visualizzazione feed
    Questo modulo permette di visualizzare un feed.
  • Wrapper
    Questo modulo visualizza una finestra iframe in un posto specifico.

Posizioni dei moduli

Come anticipato ogni modulo viene inserito in una pagina sulla base dell'associazione a una voce di menu. Attenzione! Anche la pagina home è considerata una voce di menu in Joomla. Ok, a questo punto sappiamo (tramite la tab associazione menu, mostrata sopra) come rintracciare un modulo all'interno di tutte le pagine di un portale.

Come facciamo, però, a trovare un modulo specifico all'interno di una pagina piena di moduli? Semplice. Joomla è dotato di un sistema di visualizzazione delle posizioni dei moduli all'interno delle pagine.

Come lo si attiva?

È sufficiente aggiungere una minuscola stringa alla fine dell'indirizzo del browser. La stringa è: ?tp=1

Esempio: Indirizzo originale: http://www.ciofs-scuola-fma.it/
Indirizzo per visualizzare le posizioni dei moduli della homepage: http://www.ciofs-scuola-fma.it/?tp=1

Otterremo una schermata come questa:

Tp1.png
Utilizzo di questa interfaccia

Questa interfaccia è necessaria esclusivamente per capire in che posizione si trova il modulo che vogliamo modificare. Quando non è presente nessuna scritta di colore rosso con il relativo riquadro significa che in quel punto della pagina non esiste una posizione valida per l'inserimento dei moduli oppure che in quella parte di pagina vi è posizionato un contenuto di tipo articolo.

Individuazione dei moduli nel backend in base alla posizione

Avendo verificato la posizione del modulo in homepage dobbiamo recarci nel backend di Joomla per avviare la fase di modifica inserendo nella barra degli indirizzi del browser, questo indirizzo:
http://www.ciofs-scuola-fma.it/administrator
Ci troveremo davanti a una schermata di questo genere, dove andranno inserite le credenziali già in vostro possesso:

Step0.png


Una volta effettuato il login all'interno del backend è necessario recarsi nella sezione Moduli raggiungibile da Estensioni > Moduli nel top menu in Amministrazione, come illustrato in questa immagine:

Step1.jpg

Una volta completato il processo si giungerà davanti ad una schermata con una lista di tutti i moduli:
RTENOTITLE

Andando a cercare all'interno del campo position la posizione corrispondente a quella che abbiamo verificato nel frontend del modulo da modificare troveremo quello corretto. Tutte le viste del backend sono dotate di filtri di ricerca che possiamo utilizzare per renderci il lavoro più gradevole. Di seguito inserisco un'immagine con il filtro attivato:
RTENOTITLE

Nella voce Posizione, vado a cercare la posizione dei moduli desiderati. Per adesso la richiesta era di modificare essenzialmente 4 moduli, che come visto nella "Modalità Posizioni" sono nelle posizioni:

  • headbanner (File Scaricabili)
  • position-4 (Vita dell'Associazione)
  • position-5 (Scuola Cattolica)
  • position-6 (Normativa e indicazioni)

 

Procedura di modifica dei moduli

Prima di passare alla modifica vera e propria dei moduli è bene conoscere che in base al tipo di modulo che vogliamo modificare esistono varie modalità di azione.

Tipi di moduli

File scaricabili

File scaricabili è un tipo di modulo HTML Personalizzato come possiamo vedere nell'immagine:
RTENOTITLE

Questo purtroppo, implica che per la modifica è necessaria la conoscenza di un po' di HTML.

Ecco l'interno del modulo in questione:

<div class="filescaricati">
<h3>Formazione</h3>
<h4>Bilancio</h4>
<p>"Il bilancio sociale. Ascolta l'intervento Prof. Paletta"<br /><a class="btn btn-primary" href="mp3/Paletta%2021-1-2017.mp3"><i class="fa fa-music icon" aria-hidden="true"></i> Scarica il file audio</a></p>
<hr />
<p>ISO 9001 2015 - Dott. Patti</p>
<p>Videoconferenza del 16 marzo 2017</p>
<p><a class="btn btn-primary" href="/multimedia/mp4ISO-9001-2015-per-CIOFS-Scuola-16March2017_140611.mp4" target="_blank">Scarica il file</a></p>
</div>

Tutti i testi e i file sono racchiusi in porzioni di codice dette tag.

Per capire come gestire i tag HTML abbiamo creato una guida apposita.

È possibile cancellare i link o il testo facendo attenzione ai tag o aggiungere altri file, mantenendo la stessa sintassi presente, sostituendo quindi al posto di href="/multimedia/mp4ISO-9001-2015-per-CIOFS-Scuola-16March2017_140611.mp4" --> href="/percorso/il-mio-nuovo-file-audio.mp4.

Per eseguire l'upload del nuovo file è possibile utilizzare DOCMan o il componente Media che si trova in Contenuti > Media. Ovviamente in entrambi i casi è necessario copiare il link del file e incollarlo all'interno dell'HTML. Qualora si volesse mantenere la directory invariata è possibile, per praticità variare solo il nome del file all'interno del codice, come illustrato sopra.

Editor WYSIWYG

È bene precisare che anche se i moduli di tipo Personalizzato sono essenzialmente di tipo HTML, in fase di editing è presente un editor di tipo WYSIWYGQuindi è possibile utilizzare l'editor per le modifiche senza scontrarsi necessariamente con tag e HTML.

Vita dell'Associazione

Il modulo "Vita dell'Associazione" è un modulo di tipo "Elenco articoli". Si tratta di un modulo che va a visualizzare gli articoli che sono presenti nella categoria impostata nelle Opzioni filtro di questo modulo. Se si volessero aggiungere degli articoli non si dovrebbe agire sul modulo, bensì aggiungere dei nuovi articoli (o modificare quelli già presenti) bisognerebbe andare in Contenuti > Articoli > Nuovo Articolo e creare un nuovo articolo (o modificarne uno già presente) inserito nella categoria presente in Opzioni filtro. 

RTENOTITLE

Scuola Cattolica

Consulta il paragrafo sul modulo Files Scaricabili.

Normative e indicazioni

Consulta il paragrafo sul modulo Files Scaricabili.

Nascondere/Visualizzare moduli

Tramite un semplice click è possibile visualizzare/nascondere un modulo presente in una determinata parte del portale. Cliccando sulla V.jpg presente nella colonna Stato è possibile disattivare il modulo in questione mantenendone le impostazioni presenti fino a quel momento. Essendo quel pulsante un toggle, una volta disattivato il modulo, assumerà questo aspetto: X.jpg. Cliccando nuovamente il modulo verrà nuovamente attivato.