Fertitecnica Colfiorito Progetto sito web Manuale d uso del pannello gestionale
Indice Analitico 1. Accesso al Pannello di Amministrazione 2. La Bacheca 3. Accedere alle opzioni delle Voci principali del Pannello 4. Articoli (Prodotti): lista 5. Aggiungere un Articolo (Prodotto) 6. Pagine 7. Articoli (che non sono prodotti) 8. Altre tipologie di contenuti
1. Accesso al Pannello di Amministrazione Per accedere al pannello amministrativo del sito è necessario portarsi alla pagina internet: http://www.fertitecnicacolfiorito.it/wp-admin Nella nuova pagina che verrà visualizzata inserire il Nome Utente e la Password (attualmente nome utente: password: ) E possibile sfruttare l opzione Ricordami (selezionando il quadratino in basso) per non dover digitare tutte le volte le credenziali di accesso; questo nel caso il computer fosse utilizzato dalla stessa persona. Smarrimento Password: qualora non si ricordi la password di accesso è possibile cliccare sul link è stata persa la password? Seguendo la semplice procedura verrà inviata una nuova password all indirizzo email specificato dall utente. Dal pannello sarà possibile gestire: La sidebar di sinistra in Homepage, relativa a Fiere ed Eventi; La sidebar di destra in Homepage, relativa alle tre ricette; Slider in Homepage, situato in alto a destra; Pagina Azienda e relative sottopagine; Pagina Territorio, e relative sottopagine; Pagina Qualità; Pagina Novità e singole notizie; Pagina Contatti; Ricette; Informazioni Nutrizionali; Area Bambini; Photogallery; Rassegna Stampa e singole notizie; Link Utili; Termini e Condizioni e singole notizie; Tutti i Prodotti.
2. La Bacheca La pagina della Bacheca è la prima pagina visualizzata dopo aver effettuato l accesso al Pannello di Amministrazione. La Bacheca risulta suddivisa in tre settori: La parte Superiore: contiene in alto a sinistra il link per visualizzare il sito; a destra il nome dell utente connesso ed il tasto per effettuare la disconnessione dal Pannello di Amministrazione. La Colonna Sinistra: contiene la barra di tutti gli strumenti del pannello gestionale; è sempre visibile durante tutte le operazioni in modo da avere sempre a portata di click le funzioni necessarie. La Sezione Centrale: occupa la maggior parte dello spazio disponibile per poter accogliere informazioni utili. 3. Accedere alle opzioni delle Voci principali del Pannello Cliccando sulle freccine alla destra delle singole Voci principali del menù delle varie funzionalità vengono visualizzate le opzioni possibili.
4. Articoli (Prodotti): lista Selezionando la voce Articoli entriamo immediatamente nella funzionalità Modifica dove possiamo selezionare, dall elenco di tutti i prodotti (che apparirà nella parte centrale del pannello), quello che intendiamo modificare. In testa alla lista sono visualizzati il totale delle pubblicazioni, quelle pubblicate e quelle in attesa di revisione. La lista degli articoli viene suddivisa per pagine; è sempre possibile utilizzare la funzione Cerca articoli per velocizzare la ricerca della pubblicazione da modificare. Portandosi con il mouse sulla voce di riferimento del corso è possibile scegliere quale operazione eseguire.
5. Aggiungere un Articolo (Prodotto) Cliccando sulla voce Aggiungi nuovo nel menù Articoli verrà visualizzata una nuova pagina che presenterà tutti gli strumenti utili per la stesura della pubblicazione. Appena sotto il box del titolo sono presenti: L area che ospita il titolo dell Articolo (appena sotto la voce Aggiungi nuovo articolo) Il box dedicato alle opzioni di pubblicazione. Per aggiungere un prodotto mantenendo l impostazione grafica di altri prodotti sarà necessario copiare ed incollare il codice dall articolo preso come base. Ipotizziamo di voler inserire un prodotto che abbia la stessa impostazione grafica del Riso Thai Profumato della linea Rapide Bontà. Basterà cliccare sul menù a tendina sulla sinistra su Tutti gli articoli, scrivere nel campo di ricerca riso thai profumato e cliccare cerca articoli.
Apparirà il risultato cercato e altri articoli che conterranno anche una della parole cercate (come un comune motore di ricerca). Basterà ora selezionare l articolo desiderato (in questo caso riso thai profumato) e cliccare il titolo per aprirlo. Selezionare infine la dicitura HTML per visualizzare il codice sorgente che si dovrà copiare ed incollare. Ora basta evidenziare il codice e copiarlo (clic destro>copia oppure ctrl+c sulla tastiera). Con il codice copiato si può ora cliccare aggiungi nuovo nel menù a tendina degli articoli, e dal box dedicato alle opzioni di pubblicazione, cliccando sempre su HTML, basterà incollare il tutto (clic destro>incolla oppure ctrl+v sulla tastiera). Si avrà un prodotto identico al precedente. Bisognerà quindi sostituire le immagini. Le misure delle immagini sono: Immagine frontale pack: 240x315 pixel; Immagine etichetta: 354x543 pixel;
Si dovranno ora caricare le immagini del nostro nuovo prodotto di esempio. Per fare ciò basterà cliccare sul menù a sinistra e selezionare Media e poi, una volta apertosi il sottomenù, selezionare Aggiungi nuovo. Per scegliere il file da caricare cliccare Selezionare file. A questo punto cliccando il tasto Apri il file verrà elaborato dal sistema che visualizzerà una finestra riassuntiva.
Verranno inoltre visualizzate le informazioni principali relative al file appena caricato (nell esempio un file immagine): nome, formato, data di caricamento e dimensioni. Sarà possibile inserire o modificare il Titolo dell immagine, la Didascalia (opzionale), la Descrizione, ed il Testo alternativo (utile per i motori di ricerca e gli utenti che navighino con browser testuali). Si dovrà procedere copiando il link (URL link) in fondo alla finestra. Tornando al prodotto da inserire, dovremo incollare il link dell immagine nella corretta posizione all interno del codice in modalità HTML.
Attenzione: inserire il link all immagine nei campi sopra indicati, in particolare, in azzurro il link dell immagine del pack visto frontalmente e in arancio il link all etichetta. è importante anche specificare il titolo dell immagine senza spazi (in giallo). I link vanno sempre e solo inseriti subito dopo la dicitura href= e dentro le virgolette all apice (... ). Ad esempio avremo href= http://www.fertitecnicacolfiorito.it/vostro-link.jpg è importante ora selezionare la categoria (linea di prodotti) in cui il prodotto andrà a far parte. Nell esempio Riso Thai Profumato, è stata selezionata la categoria/linea Rapide Bontà. Per poter ora visualizzare il nuovo prodotto nel menù, si dovrà cliccare nel menù di sinistra su Aspetto e poi Menu. Nella schermata bisognerà ricercare la categoria di prodotti che ci interessa scorrendo tra le palette, e selezionarla. In questo esempio, volendo inserire Riso Thai Profumato, si è cercata la categoria Rapide Bontà, che si è aperta mostrando tutte le voci del menu.
Cercando la finestra Articoli, si potranno vedere tutti gli articoli/prodotti inseriti. Per trovare rapidamente il prodotto voluto, basterà selezionare la paletta Cerca e inserire il nome del prodotto. Una volta completata la ricerca bisognerà spuntare il prodotto cercato cliccando sul check box e poi cliccare su Aggiungi al menu. Una volta aggiunta, la voce di menu verrà inserita in fondo a tutte le altre. Per inserirla in un punto preciso del menu a tendina visualizzato nel sito, sarà sufficiente prendere e trascinare la voce voluta nella nuova posizione. Per concludere, cliccare in fondo alla pagina Salva menu. 6. Pagine Nelle pagine sono incluse le sezioni: Qualità; Contatti; Informazioni nutrizionali; Area bambini; Link utili; Termini e condizioni. Per modificarle, è necessario cliccare su Pagine nel menù di sinistra del pannello e selezionare Tutte le pagine. Apparirà la lista di tutte le pagine. Selezionando una voce dalla lista si entrerà nel dettaglio della pagina dove sarà possibile apportare le modifiche. Tasti-funzione, riga principale Da sinistra verso destra Grassetto: nell area di scrittura contenuti selezionare la parola o la frase e cliccare il tasto per rendere in grassetto il testo selezionato. Italico: nell area di scrittura contenuti selezionare la parola o la frase e cliccare il tasto per rendere in corsivo il testo selezionato. Sbarrato: nell area di scrittura contenuti selezionare la parola o la frase e cliccare il tasto per rendere sbarrato il testo selezionato. Lista non numerata: nell area di scrittura contenuti genera una lista testuale in cui ogni
riga-contenuto viene evidenziata da un pallino nero. Ogni riga viene generata utilizzando il tasto Invio (Enter); premendo contemporaneamente i tasti Invio (Enter) e Maiusc (Shift) la riga verrà visualizzata su due o più sottorighe. Lista Numerata: nell area di scrittura contenuti genera una lista testuale in cui ogni riga-contenuto viene evidenziata da un numero crescente. Ogni riga viene generata utilizzando il tasto Invio (Enter); premendo contemporaneamente i tasti Invio (Enter) e Maiusc (Shift) la riga verrà visualizzata su due o più sottorighe. Citazione: nell area di scrittura contenuti selezionare la frase e cliccare il tasto per aumentare il rientro ed i margini del testo selezionato. Allineamento testo a sinistra: nell area di scrittura contenuti selezionare la frase e cliccare il tasto per posizionare l allineamento del testo a sinistra (opzione di default). Allineamento testo al centro: nell area di scrittura contenuti selezionare la frase e cliccare il tasto per posizionare l allineamento del testo al centro. Allineamento testo a destra: nell area di scrittura contenuti selezionare la frase e cliccare il tasto per posizionare l allineamento del testo a destra. Inserisci/Modifica link: nell area di scrittura contenuti selezionare la parola o la frase e cliccare sul tasto per visualizzare la finestrella di controllo. Togli link: nell area di scrittura contenuti selezionare la parola con un link e cliccare il tasto-funzione. Inserisci il tag More: cliccare il tasto quando si vuole che finisca la preview testuale dell articolo. Attiva/Disattiva correttore ortografico: scegliendo la lingua utilizzata si attiverà la funzione di segnalazione errori. Attiva/Disattiva modalità Schermo pieno: espande l area di inserimento contenuti a schermo intero. Mostra/Nascondi barra strumenti avanzata: vedere il paragrafo successivo. Mostra/Nascondi barra strumenti avanzata Paragrafo: dà la possibilità di modificare lo stile e le grandezza del testo selezionato. Sottolineato: nell area di scrittura contenuti selezionare la parola o la frase e cliccare il tasto per rendere sottolineato il testo selezionato. Giustificato: nell area di scrittura contenuti selezionare la frase e cliccare il tasto per rendere giustificato il testo selezionato. Seleziona il colore del testo: nell area di scrittura contenuti selezionare la parola o la frase e cliccare il tasto per cambiare il colore del testo selezionato. Incolla come testo puro: da utilizzare se si è copiato del testo dalle pagine di un sito internet e si voglia incollarlo nel corpo del testo della pubblicazione. In questo modo tutto il codice superfluo verrà eliminato e si eviterà di avere una visualizzazione errata del testo stesso. Incolla da Word: da utilizzare se si è copiato del testo dalle pagine di un documento Word e si voglia incollarlo nel corpo del testo della pubblicazione. In questo modo tutto il codice superfluo verrà eliminato e si eviterà di avere una visualizzazione errata del testo stesso. Rimuovi formattazione: rimuove formattazione del testo precedentemente utilizzata. Inserisci carattere personalizzato: utile nel caso di inserimento di caratteri particolari come la &, il simbolo del copyright, ecc. No quota / no indenta: rimuove l indentazione del testo selezionato. Quota / Indenta: aggiunge l indentazione al testo selezionato.
Annulla: elimina le operazioni eseguite una per volta. Ripeti: ripristina un operazione cancellata. Aiuto: Mini guida sull utilizzo dell editor avanzato. 7. Articoli (che non sono prodotti) Catalogati come articoli ci sono anche le altre sezioni del sito. Queste sono: Fiere ed eventi; Le immagini dello slider in homepage; Azienda; Territorio. La modifica e la redazione di un nuovo articolo per queste sezioni è identica a quella delle pagine, in quanto riporta lo stesso box testuale con gli stessi strumenti per scrivere e modificare il contenuto. Per aggiungere un eventuale nuovo articolo alle voci di menù, bisogna anche in questo caso procedere come per gli articoli relativi ai prodotti, andando cioè a operare sotto Aspetto>Menu (esclusi fiere ed eventi e le immagine dello slider). Per Fiere ed eventi inserire il titolo dell evento, un brevissimo testo da visualizzare (massimo 21 caratteri) ed impostare l immagine in evidenza con lo sfondo color crema (RGB = 247, 241,195 / codice esadecimale #F7F1C3).
Per inserire l immagine in evidenza, cliccare su imposta immagine in evidenza, si aprirà una finestra per il caricamento delle immagini. Cliccare su Selezionare file e scegliere l immagine seguendo la stessa procedura per caricare le immagini dei prodotti. Appena caricata si aprirà la solita finestra con tutte le informazioni relative all immagine come negli articoli per inserire i prodotti. Per impostare l immagine in evidenza cliccare in fondo alla finestra sulla dicitura Utilizza come immagine in evidenza. Per inserire una nuova immagine nello slider in alto a destra in homepage è necessario creare un nuovo articolo ed inserire l immagine come immagine in evidenza seguendo la stessa procedura sopra citata. L immagine dovrà avere la dimensione di 445x230 pixel. è fondamentale selezionare la categoria sulla lista di destra featured per farlo funzionare. Tutti gli articoli della sezione Azienda (sottomenu compreso) e Territorio (sottomenu compreso) si possono creare e modificare seguendo la stessa procedura degli altri articoli. 8. Altre tipologie di contenuti Ci sono contenuti che non si trovano sotto articoli o pagine. Questi post hanno una loro sezione apposita da dove si possono creare e modificare. Queste sezioni sono: Novità; Ricette; Gallery; Rassegna Stampa.
Tutte queste voci si trovano sul menu di sinistra. è possibile modificare e aggiungere le voci come un normale articolo, ritrovando su tutti la stessa interfaccia. Gallery è l unica di queste sezioni che si modifica in modo diverso dai comuni articoli. Per aggiungere una foto basterà cliccare su Add Gallery/Images. Nella schermata centrale è di fondamentale importanza selezionare Album1 (l unico presente nel sito), e cliccare su Browse... per caricare le immagini. Per modificare una foto bisognerà cliccare invece su Gallery, e poi su Manage Gallery e selezionare l album (in questo caso è presente solo Album1). Portando il cursore sopra una immagine nella lista visualizzata appariranno le varie opzioni.
Le ricette vengono inserite sempre come i normali articoli ma va copiato ed incollato il codice come per i prodotti. In questo caso però basta copiare il codice da Visuale, non necessariamente da HTML. Per aggiungere la nuova ricetta basterà quindi cliccare Add Ricetta, inserire il titolo ed incollare il codice. è necessario fare attenzione ai campi degli ingredienti e di difficoltà, tempo, ammollo e vegetariana. Tutto è preimpostato per essere semplicemente modificato. Per cambiare i parametri basta scrivere dentro le virgolette all apice. Selezionare sempre la categoria della ricetta sulla destra. Le ricette in homepage che si trovano sulla sidebar di destra sono modificabili da Aspetto e poi Menu. Cercando la palette ricette sarà possibile selezionare la ricetta che si desidera inserire nella sidebar di destra. Spuntando la check box della ricetta scelta, questa verrà inserita nel menu. Sarà sufficiente trascinarla, tenendo cliccato, nella posizione voluta (la procedura è la stessa per inserire nelle voci di menù i prodotti). Nota Bene: il numero massimo di ricette da inserire sono 3. Una volta quindi inserita la ricetta nuova, sarà necessario eliminarne una già presente.
Le novità e rassegna stampa sono due sezioni pressoché identiche e si modificano/creano allo stesso modo. Sono simili ai comuni articoli ma non hanno vincoli di codice (cioè non è necessario copiare ed incollare niente per mantenere l impostazione), è sufficiente scrivere all interno dell editor di testo. L unico vincolo è rappresentato dall immagine in evidenza che deve essere di 200x100 pixel. Note sul manuale Il presente manuale può essere soggetto a variazioni o aggiornamenti senza preavviso. Possono sussistere piccole differenze tra questa guida cartacea e le istruzioni presenti nel pannello di amministrazione; in tal caso considerare queste ultime. Possono altresì sussistere o presentarsi differenze tra le illustrazioni presenti in questo manuale e la visualizzazione nel pannello di amministrazione dovute agli aggiornamenti possibili effettuati al software per garantire l adeguato livello di sicurezza dell applicazione. Desegno S.r.l. Giugno 2012