Gestione del sito web con Drupal
Legenda 1. Accesso al backend 2. Menù principale 3. Editing diretto delle singole pagine 1. Testi 2. Immagini 3. SEO (Search Engine Optimization) 4. Dashboard 5. Gestire i contenuti 1. Dove Siamo & Contatti 2. Immagini 3. Medici & Staff Interno 4. Slider Homepage 5. Soci 6. Testi 7. Visita il Centro 8. News 9. Altre pagine - Convenzioni 6. Gestire i menù 1. Menù principale 1. Abilitare/Disabilitare una pagina 2. Menù superiore 3. Menù inferiore 7. Creare contenuti 1. Creare una nuova pagina
Linee Guida Generali 1. semplice è, andare sulla pagina desiderata, quindi cliccare sul tab «edit» (editing diretto delle pagine, vedi punto 3.). 2. Evitare di copiare e incollare un testo in una pagina del sito direttamente da un documento (Word, Excel, etc.); in questo modo, infatti, si copia normalmente anche la formattazione del testo in un editor di testo (es. Blocco Note). 3. Ogni volta che si completa la modifica o la creazione di un contenuto, ricordarsi di salvare, cliccando sul bottone «Save» (o «Save Configuration» in alcuni casi).
Accesso al backend 1 Per accedere al backend del sito occorre aggiungere «/user» in fondo alla URL del sito web (es. www.forli.welfareitalia.eu/user), quindi inserire le credenziali. Per ragioni di sicurezza, nome utente e password saranno fornite separatamente a questo documento. 2. 1. 1. 2. Recupero Password: per ogni utente è obbligatoriamente associato un indirizzo email; per recuperare la password sarà sufficiente inserire
Menù principale 2 Una volta effettuato il login si accede al menù principale per la gestione dei contenuti del sito. 1. 2. 1. View ed Edit sono funzionalità ad uso esclusivo dei tecnici, per le 2. Accesso alle funzionalità principali per la gestione dei contenuti del sito: I. Gestire i contenuti: per accedere a tutti gli strumenti per la gestione dei contenuti
Editing diretto delle singole pagine 3 rapido e più semplice è, andare sulla pagina desiderata, quindi cliccare sul tab «edit». Per visualizzare il tab «Edit» è necessario aver effettuato il login al backend. 1. una via alternativa (e più rapida) del «dashboard» (mostrato in dettaglio nelle pagine seguenti) per i contenuti di base più semplici da modificare.
Editing diretto delle singole pagine Testi 3.1 Il campo «Title» rappresenta il testo che sarà mostrato come titolo della pagina; per «Title». Il formato del titolo non è modificabile, in quanto pre- impostato per essere coerente in tutto il sito web. Per modificare il testo della pagina (body copy) è sufficiente modificare il testo presente nel campo «Main specialty content». Questo campo prevede i principali strumenti per la formattazione del testo, e rappresenta una versione semplificata dei più comuni editor di testi come Microsoft Word. Se il formato non viene modificato, verrà utilizzata la formattazione predefinita, che permette di avere uno stile coerente in tutto il sito web. INSERIRE UN LINK: - Selezionare la parola/le parole che si desidera linkare - - Nella finestra che si aprirà, digitare la URL cui si desidera linkare, e indicare se il si desidera che il link apra una nuova pagina o no.
Editing diretto delle singole pagine Immagini 3.2 - - Caricare la nuova immagine utilizzando il bottone «choose file» quindi «Upload». - Salvare la modifica cliccando su «Save» Le immagini devono avere un peso inferiore a 400 KB. I formati consentiti sono; png, gif, jpg, jpeg.
Editing diretto delle singole pagine SEO 3.2 Per consentire una maggiore efficacia, i testi utilizzati per questi due parametri devono essere: - - Coerenti con il titolo ed il testo della pagina Accurati; devono cioè utilizzare le parole chiave che possono essere di maggiore interesse per gli utenti (parole più ricercate sui motori di ricerca) PAGE TITLE: Deve rispecchiare il titolo della pagina; se non indicato, sarà automaticamente inserito utilizzando il titolo della pagina (vedi punto 3.3). Il limite di caratteri è di 66. PAGE DESCRIPTION: consiglia di inserire lo stesso testo (o parte di esso), rispettando il limite di caratteri pari a 156.
Dashboard 4 Il dashboard è la pagina principale per la navigazione del backend; da qui si può accedere direttamente alle singole funzionalità di editing e di creazione di contenuti. 3. 2. 1. 1. Gestire i contenuti: per modificare pagine e contenuti già esistenti 2. Creare Contenuti: attraverso questa funzionalità si creano nuovi contenuti (Es. Pagine, medici, news etc.) 3. Gestire i menù: per modificare, attivare/disattivare le voci del menù di navigazione principale, e dei menù di header e footer
Gestire i contenuti 5 Cliccando sul tal «Gestire i contenuti» si ha accesso al menù a tendina che riporta i Nelle pagine seguenti è riportato il dettaglio dei singoli template. - Prestazioni - Singola Specialità - Spercialità per Gruppo - News - Altre Pagine indicazioni al punto 3 di questo documento.
Gestire i contenuti Dove Siamo & Contatti 5.1 - - Dove Siamo: cliccando su «modificare» è possibile editare il testo della pagina e «Google Map» il flag sulla mappa verrà riposizionato sul nuovo indirizzo. Contatti e orari: è possibile editare i contenuti (testo e immagine) di questa pagina cliccando su «modificare» oppure accedendo direttamente dalla pagina.
Gestire i contenuti Immagini 5.2 I template «immagini» servono per modificare le immagini dei bottoni, in homepage e nelle pagine Contatti&Orari e Dove Siamo. pagina seguente. Bottone «Richiedi un appuntamento» nella pagina Contatti e Orari Bottone «Richiedi un appuntamento» in homepage a centro pagina Bottone «Iscriviti alla Newsletter» in homepage Numeri di telefono in homepage (footer) Bottone «Contatti e Orari» in homepage (footer) Bottone «Dove Siamo» in homepage (footer) Bottone «Seguici su Facebook» in homepage Logo in homepage nel footer Numeri di telefono in homepage (header)
Gestire i contenuti Immagini (2) 5.2 - - - Caricare la nuova immagine utilizzando il bottone «choose file» quindi «Upload». Salvare la modifica cliccando su «Save»
Gestire i contenuti Medici & Staff 5.3 1. 2. 3. 1. I medici e lo staff sono riportarti in un unico elenco, la procedura per modificarne i contenuti è la stessa 2. Cliccare su «modificare» in corrispondenza del singolo nome per modificarne i contenuti (nome, testo, immagine, e ruolo) 3. Cliccare su «cancella» in corrispondenza del singolo nome per rimuovere un medico o un membro dello staff
Gestire i contenuti Medici & Staff (2) 5.3 1. 2. 3. 4. 1. Per cambiare la foto del profilo di un medico o di un membro dello staff, cliccare su «remove» quindi caricare la nuova foto 2. Inserire il nome; per i medici sarà necessario inserire anche il titolo (Dott./Dott.ssa) in quanto non verrà inserito in automatico 3. «Medico» il profilo viene inserito nella pagina «Medici», mentre selezionando una delle altre 3 voci viene inserito nella pagina «Staff»
Gestire i contenuti Slider Homepage 5.4 Lo slider rappresenta le immagini mostrate in homepage in sequenza; ognuna delle immagini include un box con un breve testo di presentazione 1. 2. 3. 1. Le immagini dello slider sono riportate in un elenco ed identificate da un titolo 2. Cliccare su «modificare» in corrispondenza del singolo nome per modificare 3. Cliccare su «cancella» in corrispondenza del singolo nome per rimuovere
Gestire i contenuti Slider Homepage (2) 5.4 1. 2. 3. 4. 5. 1. nuova immagine 2. immagine dello slider (vedi pagina precedente) 3. 4. 5. Inserire il titolo del link (es. «Scopri di più») mostrato in fondo al testo del box, la
Gestire i contenuti Soci 5.5 1. 2. 3. 1. I singoli soci della pagina «I nostri soci» sono riportati in un elenco 2. Cliccare su «modificare» in corrispondenza del singolo socio per modificarne i contenuti (nome, testo, immagine, link) 3. Cliccare su «cancella» in corrispondenza del singolo nome per rimuovere un medico o un membro dello staff
Gestire i contenuti Soci (2) 5.5 1. 2. 3. 4. 1. nuova immagine 2. immagine dello slider (vedi pagina precedente) 3. 4. 5. Inserire il titolo del link (es. «Scopri di più») mostrato in fondo al testo del box, la
Gestire i contenuti Testi 5.6 Testo dei due tab blu nelle pagine di «Specialità Mediche» Bottone «Richiedi un appuntamento» in homepage a centro pagina Bottone «Iscriviti alla Newsletter» in homepage Numeri di telefono in homepage (footer)
Gestire i contenuti Visita il Centro 5.7 1. 2. 3. 1. Le foto della pagina «Visita il Centro» sono riportate in un elenco 2. Cliccare su «modificare» per cambiare la foto 3. Cliccare su «cancella» per rimuovere una foto 1. 2. 1. 2. Cliccare su «remove» quindi caricare una nuova foto
News 5.8 1. 2. 3. 1. I titolo degli articoli sono riportati in un elenco 2. Cliccare su «modificare» in corrispondenza del singolo articolo per modificarne i contenuti (titolo, testo, immagine, data, allegati) 3. Cliccare su «cancella» in corrispondenza del singolo articolo per rimuoverlo
News (2) 5.8 1. 2. 3. 4. 5. 1. 2. Inserire la data di pubblicazione 3. - hoc) 4. 5.
Altre Pagine - Convenzioni 5.9 Per rimuovere un logo: - Selezionare il logo nel campo «Contenuti della pagina» e cancellarlo con il tasto «Canc» della tastiera; - Rimuoverlo clicclando su «Remove» in corrispondenza del logo. Per inserire un nuovo logo: - Caricare il logo utilizzando le funzioni «Choose File» e «Upload»; - Indicare il punto dove si desidera posizionare il logo, cliccando nel punto - Cliccare su «Insert» in corrispondenza del logo caricato - Se necessario, modidficare le dimensioni del logo agendo direttamente con il
Gestire i menù 6 Menù principale (menù dei contenuti del sito posti al centro della navigazione) Menù «inferiore» (menù del footer) Menù principale: Menù superiore: Menù inferiore:
Gestire i menù Menù Principale 6.1 1. 2. 3. 4. 1. gli elementi e posizionandoli dove si preferisce. Cliccando su «show children» (riportato sotto le voci del menù di primo livello) è possibile visualizzare tutte le voci del menù che ricadono sotto il livello superiore 2. Selezionare la casella «enabled» per ogni voce del menù che si vuole «attivare» (visualizzare); deselezionare per disattivarla. 3. Cliccando su «edit» è possibile modificare il wording delle singole voci del menù 4. Cliccando su «delete» è possibile cancellare le singole voci del menù; è preferibile «disattivare» le voci del menù per avere la possibilità di riattivarle in qualsiasi momento. Per salvare le modifiche effettuate è necessario cliccare sul bottone in basso «Save configuration».
Gestire i menù Menù Principale Abilitare/Disabilitare una pagina 6.1.1 Per abilitare o disabilitare una pagina, bisogna attivare/disattivare la voce del menù corrispondente nel menù principale. Dal menù principale, quindi: - Selezionare la casella «Enabled» in corrispondenza della voce del menù della - pagina che si desidera abilitare, per abilitarla Deselezionare la casella «Enabled» in corrispondenza della voce del menù della pagina che si desidera disabilitare, per disabilitarla. Ricordarsi di salvare le modifiche cliccando su «Save configuration». Con questa procedura le pagine disabilitate saranno «nascoste», e sarà quindi che permette di cancellare definitivamente la pagina, che non consente di recuperare le pagine cancellate.
Gestire i menù Menù Superiore 6.2 1. 2. 3. 4. 1. elementi e posizionandoli dove si preferisce. 2. Selezionare la casella «enabled» per ogni voce del menù che si vuole «attivare» (visualizzare); deselezionare per disattivarla. 3. Cliccando su «edit» è possibile modificare il wording delle singole voci del menù 4. Cliccando su «delete» è possibile cancellare le singole voci del menù; è preferibile «disattivare» le voci del menù per avere la possibilità di riattivarle in qualsiasi momento. Per salvare le modifiche effettuate è necessario cliccare sul bottone in basso «Save configuration».
Gestire i menù Menù Inferiore 6.3 1. 2. 3. 4. 1. elementi e posizionandoli dove si preferisce. 2. Selezionare la casella «enabled» per ogni voce del menù che si vuole «attivare» (visualizzare); deselezionare per disattivarla. 3. Cliccando su «edit» è possibile modificare il wording delle singole voci del menù 4. Cliccando su «delete» è possibile cancellare le singole voci del menù; è preferibile «disattivare» le voci del menù per avere la possibilità di riattivarle in qualsiasi momento. Per salvare le modifiche effettuate è necessario cliccare sul bottone in basso «Save configuration».
Creare Contenuti 7 Le operazioni di creazione di nuovi contenuti sono del tutto simili a quelle viste precedentemente per la gestione (modifica di contenuti già caricati) dei contenuti. Nel dashboard del backend è presente un tab dedicato ed un elenco di tipologie di contenuti che è possibile creare. Creare una pagina «Gruppo Specialità» (1 livello di menù) Creare una pagina «Singola Specialità» (2 livello di menù) Creare una pagina «Prestazioni» (3 livello di menù) Creare il nuovo profilo di un medico o di un membro dello staff Creare una nuova news Aggiungere una nuova immagine allo slider in homepage Aggiungere una nuova foto alla gallery di «Visita il Centro» Aggiungere un nuovo socio nella pagina «I Nostri Soci» Per la creazione dei contenuti per medici&staff, news, slider, foto di «Visita il Centro» e soci si può fare riferimento a quanto descritto nella sezione «Gestione dei Contenuti». Nella pagina seguente invece è riportato il dettaglio della creazione di una nuova pagina («Gruppo Specialità», «Singola Specialità», «Prestazione»), per la quale è richiesto un accorgimento particolare.
Creare Contenuti Creare una nuova pagina 7.1 1. 2. 3. 4. 5. Per la creazione di una nuova pagina è necessario, oltre al normale inserimento di testo e immagine, indicare: 1. Il «genitore», ovvero la pagina sotto cui dovrà ricadere (digitando il titolo della pagina) 2. 3. Selezionare «Provide a menu link» per far apparire la pagina nel menù di navigazione 4. Inserire il titolo della pagina che apparirà nel menù di navigazione (si consiglia di utilizzare lo stesso del punto 2. 5. Selezionare la voce del menù di navigazione sotto cui la pagina dovrà ricadere