INCOMUNE.NET 4.0 Powered by Contao CMS Open Source

Transcript

1 INCOMUNE.NET 4.0 Powered by Contao CMS Open Source Sistema di Trattamento dei contenuti - Manuale di Utilizzo IDEA Sistemi S.as. Tecnologie Digitali per la Pubblica Amministrazione Via Burolo, Ivrea TO Italy T F info@ideasistemi.it On Web :

2 Sommario 1. Accesso all Area di Amministrazione Login Interfaccia di lavoro Barra degli strumenti Gestione dei Contenuti Layout e Struttura del sito Gestione dei file e del sistema Area dei contenuti Gestione dei files Come creare una cartella Come caricare un file Altre operazioni su files e cartelle Come creare un articolo Tipi di elemento Elemento Testo Elemento Fisarmonica Aggiungere immagini e altri file nel tuo articolo Metodo 1 - Utilizzando l'editor di testo Metodo 2 Utilizzando l opzione Aggiungi un Immagine Aggiungere link Come aggiungere/modificare una pagina Sezione News: Brevi dal municipio In Primo Piano Pag. 2

3 1. Accesso all Area di Amministrazione 1.1. Login L'interfaccia funziona con qualsiasi browser e qualsiasi sistema operativo. Per accedere all'interfaccia di amministrazione del sito con il tuo nome utente e la Password seguire i seguenti passaggi: 1. Aprire il browser web. 2. Nella barra degli indirizzi digita l'url per l'interfaccia di amministrazione (ad esempio : 3. Verrà visualizzata la schermata di login. Digita il nome utente e la password e fare clic su Invio. 4. Se il nome utente e la password sono corretti, nella finestra successiva verrà lanciata l interfaccia di amministrazione. Pag. 3

4 1.2. Interfaccia di lavoro Barra degli Strumenti Gestione dei Contenuti Area dei contenuti Struttura del sito (pagine) Gestione dei file e del sistema Barra degli strumenti La barra degli strumenti contiene login di base / logout nonché un rapido accesso all anteprima del sito Gestione dei Contenuti Qui è dove si esegue una gran parte della gestione degli elementi di contenuto del sito Layout e Struttura del sito Nel pannello di layout è presente la voce Struttura del sito, che è simile ad una mappa del sito, dove è possibile aggiungere / modificare / spostare le pagine all'interno del sito per creare voci di menu Gestione dei file e del sistema Questa è una sezione di controllo delle impostazioni globali e consente tra gli altri di gestire direttamente il contenitore di file e immagini Area dei contenuti E la finestra principale per la maggior parte delle operazioni di modifica dei contenuti. Pag. 4

5 2. Gestione dei files Incomune.net è caratterizzato da un unico contenitore di riferimento per files, immagini video ed altri. Nella sezione Sistema clicca su Gestione dei file Come creare una cartella Clicca sul pulsante Nuova cartella per creare una nuova sottocartella In corrispondenza delle varie cartelle, a destra, comparirà una casella lampeggiante. Clicca sulla casella desiderata per creare una sottocartella in quella posizione. Pag. 5

6 La maschera successiva consentirà di inserire il nome della cartella. Per confermare clicca su Salva e chiudi Come caricare un file A destra di ogni cartella è presente l icona cartella corrispondente. che permette di caricare uno o più files dentro la Cliccando su di essa si aprirà la finestra di caricamento files. Clicca sul pulsante verde per selezionare i files dal computer che vuoi caricare sul server web oppure trascinali direttamente da Esplora Risorse. Attenzione, la funzionalità drag and drop (Trascinamento direttamente da Esplora Risorse) è attiva solo per i browser Firefox e Chrome. Cliccare su Precedente per tornare all elenco dei files e cartelle. Dalle pagine di modifica degli articoli si può accedere direttamente al caricamento dei files cliccando sull icona Pag. 6

7 Si aprirà la finestra Gestione File. In questo modo si potranno inserire immagini e file senza dover interrompere l operazione svolta in quel momento nell articolo. Altre operazioni possibili su files e cartelle Per modificare il nome del file o della cartella (non occorre mettere l estensione) Per copiare il file o la cartella Per spostare il file o la cartella Per eliminare il file o la cartella Pag. 7

8 3. Come creare un articolo ( contenuti) Nella colonna a sinistra, sotto la sezione Contenuti, fare clic su "Articoli" per far apparire la struttura del tuo sito e l'elenco degli articoli pubblicati. Il contenuto della pagina è suddiviso in due elementi distinti: Articoli Elementi Questi sono "contenitori" per i blocchi di contenuti. Un articolo può contenere più elementi di contenuto diversi (testo, immagini, tabelle ecc..). Gli elementi sono elementi secondari all'interno degli articoli. Possono essere organizzati all'interno dell'area contenuto dell'articolo scelto. Per modificare un articolo, fare clic sull'icona "Modifica": Pag. 8

9 Quando si modifica un articolo, viene mostrata una pagina che specifica gli elementi all'interno dell'articolo. Ogni articolo ha un elemento di "intestazione" che dettaglia alcuni dati significativi, ad esempio in quale area del contenuto sia visualizzato e se sia pubblicato o no. Cerca/Ordina/Filtra Intestazione dell articolo Elemento titolo Elemento testo Elemento immagine Per modificare gli elementi di contenuto di un articolo, fare clic sull'icona Modifica accanto all elemento: Pag. 9

10 3.1. Tipi di elemento Gli elementi possono assumere la forma di una varietà di contenuti, dal testo alle immagini, a download di file e/o alla combinazioni di essi Elemento Testo All interno dell area di testo si possono aggiungere i contenuti. Alcuni comandi base della barra degli strumenti. I comandi sono applicati al testo selezionato. Aggiungi/Modifica immagine Elenchi puntati/numerati Aggiungi/rimuovi link Grassetto/Corsivo/ Sottolineato Tabelle Fare clic su Salva per salvare le modifiche. Pag. 10

11 Elemento Fisarmonica Selezionare la voce Fisarmonica dal menu a tendina di Tipo elemento ed Elemento singolo come Modo operazione se si vuole generare un singolo elemento fisarmonica. Inserire l intestazione e il contenuto: Navigando sul sito, per poter visualizzare il contenuto di un elemento fisarmonica basterà cliccare sulla sua intestazione. A seguito un esempio del risultato ottenuto: Pag. 11

12 3.2. Aggiungere immagini e altri file nel tuo articolo Per prima cosa occorre caricare file e/o immagini nel contenitore dedicato. Vedi Cap.2 Gestione dei file. Per caricare le immagini esistono 2 metodi: Metodo 1 - Utilizzando l'editor di testo Questo metodo può essere conveniente, ma rende spesso difficile cambiare o modificare la posizione dell'immagine rispetto al testo. Per aggiungere immagini al contenuto basato su testo, inserire il cursore nel punto in cui si desidera inserire l'immagine. Se si desidera far galleggiare le immagini a destra o a sinistra del testo, inserire il cursore all inizio del paragrafo. Cliccare l icona Aggiungi Immagine: Si aprirà il la finestra "Inserisci immagine" : Pag. 12

13 Qui è possibile selezionare da un elenco a discesa di tutte le immagini che sono state caricate nel contenitore dei files. Per posizionare l immagine, fare clic sulla scheda "Aspetto" e impostare l'allineamento a sinistra o a destra, o impostare la classe di uno degli stili perdefiniti. Fare clic su Inserisci per caricare la vostra immagine sul suo sito web. Le Proprietà dell'immagine possono essere modificate selezionando l'immagine e facendo clic sull icona Immagine della barra degli strumenti, o facendo clic col destro sull'immagine e selezionando "Proprietà immagine" Metodo 2 Utilizzando l opzione Aggiungi un Immagine L opzione è dedicata a coloro che preferiscono essere guidati nel posizionamento corretto dell immagine e nel suo dimensionamento. Clicca l opzione Aggiungi un Immagine. Cliccando Cambia selezione nell opzione di Sorgente file vi si presenterà la lista delle immagini caricate nel vostro contenitore dedicato tramite Gestione File. Pag. 13

14 Cliccando invece sull icona si aprirà la finestra Gestione File. In questo modo si potranno caricare le immagini e i files nel contenitore dedicato senza dover uscire dalla modalità Modifica. È possibile ed è rigorosamente imposto dalle norme sull accessibilità, compilare il testo alternativo per l'immagine, selezionare il margine rispetto al contenuto che sta intorno ad esso ed impostare il suo allineamento rispetto ai contenuti del testo (sopra, sotto, a sinistra o a destra). È inoltre possibile ridimensionare l immagine decidendo la larghezza e l altezza. Attivando l opzione Visione dimensione intera si farà si che quando un utente fa clic sull immagine essa verrà visualizzata nella sua dimensione originale. Dopo aver salvato, l immagine apparirà vicino al testo nella modalità selezionata. Per modificare l'immagine, utilizza nuovamente l'opzione Cambia selezione e scegli una nuova immagine. Pag. 14

15 3.3. Aggiungere link Per aggiungere link al tuo contenuto, seleziona il testo o l'immagine che desideri utilizzare come collegamento. Clicca l icona Inserisci link: Si aprirà la finestra Inserisci/modifica link: Qui è possibile scegliere: - di collegare ad una pagina presente nel sito da un elenco a discesa di tutte le pagine esistenti - di collegare ad un sito esterno Impostando il collegamento ad un URL ( indirizzo internet) - di Collegare un file caricato nel contenitore dei files - di Collegare ad una (in questo caso digita mailto: prima dell indirizzo ). Il campo di destinazione specifica se si desidera che il collegamento sia apra nella stessa finestra o in una nuova. Fai clic su Inserisci per impostare il tuo link. Le Proprietà di collegamento possono essere modificate selezionando di nuovo il testo e cliccando l icona sulla barra degli strumenti, o facendo clic sul tasto destro del mouse sul testo linkato e selezionando "Inserisci/modifica link ". Pag. 15

16 Cliccando invece l icona si toglierà il collegamento. 4. Come aggiungere/modificare una pagina Nella colonna a sinistra sotto la sezione Layout clicca su Struttura sito, verrà visualizzata una mappa del sito e una lista delle pagine presenti. Per aggiungere una pagina clicca su Nuova pagina. In seguito in corrispondenza di ogni pagina compariranno la caselle lampeggianti Inserisci : Inserisci dopo: Inserisce la pagina direttamente dopo quella selezionata (stessa gerarchia) Inserisci dentro: Inserisce una sottopagina alla pagina selezionata (sotto-elemento) Clicca sulla casella desiderata. Pag. 16

17 Cliccando l icona Modifica pagina si aprirà questa schermata: Da qui si potrà scegliere il nome della pagina, la tipologia di pagina e le informazioni come il titolo di pagina, i tag, la descrizione della pagina e altri elementi. Una delle voci più importanti del menù sono quelle che controllano se la pagina è pubblicata e se è visibile nella barra di navigazione. Ciò permette di controllare se la pagina (e il suo contenuto) sono visibili e di conseguenza se si presentano nella navigazione. È possibile utilizzare queste impostazioni per nascondere le pagine di visualizzazione o per impedire loro di apparire in una voce di menu rimanendo disponibile nel sistema di trattamento dei contenuti. Pag. 17

18 Per confermare clicca su Salva e chiudi. Una volta creata la pagina all interno di essa si possono aggiungere i vari i contenuti, tramite l opzione articoli. 5. Sezione News: Brevi dal municipio In Primo Piano Nella Home Page del tuo sito sono presenti due sezioni relative alle notizie : - Brevi dal Municipio - In Primo Piano Per poterle gestire,sotto la sezione Contenuti, fai clic su "News". Compariranno le due differenti sezioni: Per apportare modifiche clicca sulll icona Modifica in corrispondenza della sezione interessata. Nell elenco che appare, per aggiungere una nuova news, clicca su News. Per modificare gli elementi già esistenti clicca l icona Modifica corrispondente. Pag. 18

19 Scegli il Titolo e l Autore: Inserisci la data : Inserisci il contenuto: Pag. 19

20 Puoi anche aggiungere un immagine selezionando Aggiungi un immagine o un file in allegato selezionando Aggiungi file. Seleziona Pubblicato se desideri che quanto inserito sia visibile sul tuo sito. Per limitare il periodo di pubblicazione, compila i campi Mostra dal giorno Fino al giorno. Per confermare clicca su Salva e chiudi. Pag. 20