Vntcms 2.6 istruzioni per l uso!

Transcript

1 Vntcms 2.6 istruzioni per l uso Caratteristiche A. Amministrabile; B. Multi pannello; 1. Pannello admin; 2. Pannello editori; 3. Pannello utenti; C. Multi lingue; D. Il sito è provvisto di serie del sistema di login e di registrazione con le seguenti caratteristiche: E. Gestione utenti, gruppi e contenuti riservati; F. Gestione blocchi template; G. Gestione menu; H. Gestione struttura del sito; I. Gestione contenuti del sito; J. Gestione layout e tipo di pagina; K. Modulo contatti standard; L. Feedrss; M. Sitemap automatica; N. SEO friendly; Come accedere al sito Per accedere al sito è necessario inserire il nome del dominio nella barra dell url: Per accedere all area di amministrazione riservata all admin, digitare il seguente indirizzo: Username:. Password:.. Per accedere è necessario essere registrati al sito e avere i permessi di amministratore. Una volta ottenuto l accesso al backend possiamo vedere la dashboard e il menù con le seguenti voci: - Dashboard - Articoli - Utenti - Templates - Help

2 VNTCMS di 7 DASHBOARD La dashboard offre una panoramica sui contenuti principali del sito come: - Struttura; - Ultimi utenti registrati; - Ultimi commenti inseriti: ARTICOLI La sezione Articoli consente l inserimento e la gestione dei seguenti tipi di contenuti: - Page + blog; - Page plus + blog - Page con news; - Page con news plus; - Page + related page; - Page + related group; - Page + gallery fancybox; - Page + gallery megafolio; - Page + gallerific; - Su richiesta possiamo creare dei tipi personalizzati; ORGANIZZAZIONE STRUTTURA E CONTENUTI Per prima cosa è bene avere chiaro la struttura del nostro sito, per questo è sempre consigliabile fare prima uno schema. Esempio di struttura: Home Presentazione Notizie Notizia di moda Notizia moda 1 Notizia moda 2 Notizia di cucina Notizia cucina 1 Notizia cucina 2 Notizia cucina 3 Gruppo prodotti Prodotto 1 Contatti

3 VNTCMS di 7 INIZIAMO Per gestire i contenuti del sito, vi basta entrare nella sezione articoli. In questa sezione vedrete la struttura del vostro sito web e accanto a ciascuna voce ci sono i pulsanti per editare, spostare e compiere altre azioni come gestire le pagine che dipendono da esso. Per inserire una nuova pagina/articolo, premere su inserisci, si aprirà il modulo di inserimento con i seguenti campi: 1. Titolo: corrisponde al titolo della pagina che comparirà nelle barre dei menù e nell avanti elenco delle notizie ( si consigli di utilizzare una forma breve ); 2. Slug: è il frammento di stringa visibile nell url, è fondamentale per una buona indicizzazione. Se non inserirete nulla in questo campo, il sistema crea automaticamente lo slug partendo dal titolo. Altrimenti se vogliamo inserire più informazioni rispetto al titolo, c è sempre la possibilità di personalizzarlo. Esempio di slug: Titolo: Chi siamo Slug: chi-siamo Titolo: Potresti fare così Slug: potresti-fare-cosi 2.1 Se state editando un articolo, vi comparirà la checkbox Crea un redirect permanente questo comando è utile nel momento in cui vogliamo cambiare lo slug senza perdere l indicizzazione del vecchio slug. 3. Posizione: corrisponde alla posizione della pagina che stiamo creando rispetto alla struttura del sito. Se è una pagina principale non devi modificare nulla, altrimenti scegli di chi è il padre della pagina che stai creando. 4. Content: corrisponde al vero e proprio contenuto della pagina. Questo campo è dotato della barra di formattazione Tinymce + File manager + Youtube manager etc La barra di formattazione consente di selezionare il testo e formattarlo a piacimento. Le opzioni sono le seguenti: - Testo: grassetto, italico, sottolineato o barrato; - Allineamento a sinistra, centrato, destra o giustificato (per semplificare le cose potete richiederci l allenamento di default a sinistra oppure giustificato.); - Formats -> Headers 1, 2, 3, 4, 5, 6 (H1 come sui giornali corrisponde al titolo principale e se ne inserisce uno solo per pagina. Le altre soluzioni sono libere.); - Elenchi puntati o numerati; - Indentazione + o - - Blockquote: per questa funzione il cliente può richiederci uno stile personalizzato; - Link: si può impostare diversi tipo di link: - Link ad altro sito: - Link a casella di posta: mailto:info@ilmioindirizzodiposta.it - Unlink: serve per rimuovere un link, basta selezionare il link e premere sul pulsante; - < > : mostra il codice html della contenuto inserito, questa opzione ci consente di fare modifiche al codice; - Tabella: serve per inserire e modificare tabelle; - Clear formatting: seleziona il testo da ripulire e premi il pulsante, tutto l html non desiderato verrà rimosso; N.b. prima di incollare un qualsiasi testo proveniente da fonti esterne, come pagine web, o altro programma di video scrittura, si deve seguire la seguente procedura:

4 VNTCMS di 7 1) Copiare il testo interessato con CTRL + C o CMD + C per Mac; 2) Aprire un editor di testo come text edit su PC o Text wrangler su Mac e incollare il testo con CTRL + V o CMD + V su Mac; 3) Selezionare il testo appena incollato nell editor con CTRL + A o CMD + A per mac e incollarlo nel campo Content del sito con CTRL + V o CMD + V su Mac; Lo scopo di questa operazione è quello di depurare il testo da strani codici che possono compromettere il sito e la SEO ( Search engine optimization). 5. Tag Title: questo campo si distingue dal campo title perché è possibile descrivere più accuratamente il titolo e perché è visibile nelle seguenti posizioni: - Nei tag del sito visibili ai motori di ricerca; - Nella barra del titolo del browser; - Nella pagina che contiene l avanti elenco delle notizie; - Altre situazioni customizzate; - Non inserire caratteri speciali come ^ < > / etc Si consiglia di inserire al massimo 90 caratteri perchè oltre non vengono letti dai motori di ricerca. 6. Presentazione: Breve campo di testo utilizzato per presentare rapidamente il contenuto della pagina ai motori di ricerca e agli utenti, visibile nelle seguenti posizioni: - Nei tag del sito visibili ai motori di ricerca; - Nella pagina che contiene l avanti elenco delle notizie; - Altre situazioni customizzate; - Non inserire caratteri speciali come ^ < > / etc Si consiglia di non superare i 190 caratteri perchè oltre non vengono letti dai motori di ricerca. 7. Keywords: visibile solo ai motori di ricerca, necessario per una corretta indicizzazione. In questo campo si deve fare un elenco di parole chiave separate dalla virgola. Le parole chiavi devono essere presenti nel content altrimenti non avranno alcun valore. Il numero massi di parole chiave è di 7. Non inserire caratteri speciali come ^ < > / etc 9. Stato: consente di attivare o disattivare il contenuto della pagina nel frontend; 10. Tipo: consente di scegliere il tipo di contenuto che stiamo creando: - Page + blog; - Page plus + blog - Page con news; - Page con news plus; - Page + related page; - Page + related group; - Page + gallery fancybox; - Page + gallery megafolio; - Page + gallerific; - Su richiesta possiamo creare dei tipi personalizzati; A seconda dell opzione scelta, potranno comparire diversi tipi di pulsanti di pulsanti sulla destra di ogni articolo nella pagina principale di tutti degli articoli. 11. Commento: Questa funzione è attiva solo quando si sceglie un tipo blog. Le opzioni sono le seguenti: - Inattivo: i commenti e il modulo di inserimento non sono visibili; - Solo lettura: i commenti sono visibili, mentre il modulo di inserimento non è visibile; - Attivo: i commenti e il modulo di inserimento sono visibili e funzionanti;

5 VNTCMS di Menu principale: consente di dire al sistema se il contenuto creato deve comparire nella barra principale del menu di navigazione oppure no. 13. Riservato: consente di selezionare i gruppi di utenti ai quali riservare il contenuto appena creato. Se non viene selezionato nessun gruppo, il contenuto è visibile a tutti.; 14. Robot: questo campo serve per dire ai motori di ricerca come si devono comportare rispetto alla pagina e ai link in essa inseriti. - index, follow = indicizza la pagina e segui i link; - index, nofollow = indicizza la pagina e non seguire i link; - noindex, follow = non indicizzare la pagina ma segui i link; - noindex, nofollow = non indicizzare la pagina e non seguire i link; 15. Immagine: in automatico il sistema crea 4 formati di immagine con le seguenti larghezze: - xl => 1300px; - l => 100 px; - m => 850 px; - s => 400 px; - xs => 200 px; l altezza viene proporzionata in automatico. Si consiglia di inserire l immagine originale nei formati jpg o jpeg, in alternativa potete caricare file.gif o.png ma sono sconsigliati a causa del loro eccessivo peso. Le dimensioni del file dovrebbero essere almeno di 1024 px di larghezza; Il rapporto larghezza altezza dovrebbe essere: 16/9 che produce un immagine di 1024 x 576px oppure 3/2 che restituisce un immagine di 1024 x 682px Il peso del file deve essere ottimizzato in modo che la foto pesi il minimo possibile senza che la qualità dell immagine appaia degradata. Le immagini inserite tramite il campo immagine compaiono nei seguenti punti: - Avanti elenco notizie; - Pagine con zoom incorporato; - Elenco prodotti; 16. Note: sono riservate e visibili solo da chi ha accesso al backend; 17. Visite: corrisponde a quante volte la pagina è stata visualizzata; 18. Salva: salva e torna all elenco degli articoli; 19. Salve e edita; salva e continua a editare l articolo, utile quando è tanto tempo che stiamo lavorando sulla pagina in oggetto.

6 VNTCMS di 7 TIPI DI ARTICOLO Tipo notizie: Se il vostro sito ha un ramo destinato a contenere molti articoli, quello è contenitore di notizie. Per prima cosa è necessario creare un articolo generico al quale potremmo dare il nome Notizie del sito, a questo punto basta selezionare il tipo Contenitore notizie e salvare. A questo punto noterete che nella pagina principale degli articoli, in corrispondenza di quello appena creato, compare il pulsante News. Premendolo si apre una nuova pagina all interno della quale potrete aggiungere tutte le news che volete. Tipo galleria: Se volete inserire una galleria all interno di una pagina del vostro sito, per prima cosa è necessario creare un articolo e selezionare il tipo Galleria, Galleria Fancybox, etc e salvare. A questo punto noterete che nella pagina principale degli articoli, in corrispondenza di quello appena creato, compare il pulsante Gallery. Premendolo si apre una nuova pagina all interno della quale potrete aggiungere tutte le immagini che volete. Tipo articoli correlati: Gli articoli correlati sono uno speciale tipo di articolo dove è possibile selezionare tutti gli articoli che sono correlati a quello che stiamo scrivendo. E utile Tipo notizie correlate: Le notizie correlate sono uno tipo di articolo dove è possibile selezionare tutti i principali rami di notizie che ci interessano e associarli a quello che stiamo scrivendo. Tipo blog: Gli articoli di tipo blog sono delle pagine normali alle quali viene automaticamente aggiunto il sistema per aggiungervi commenti. Il sistema dei commenti richiede la registrazione dell utente, lo scopo è quello di aumentarne la sicurezza ma allo stesso tempo c è da notare che potrebbe inibirne l uso.

7 VNTCMS di 7 BLOCCHI COLLEGATI AGLI ARTICOLI: Utilizzando il pulsante blocchi visibile accanto ad ogni articolo, hai la possibilità di gestire contenuti aggiuntivi visibili in altre zone del template. 1. Regione: mostra le varie zone del template disponibili per l inserimento di contenuti aggiuntivi, ogni template può avere una o più regione attive che possono servire per inserire: - Caroselli; - Immagini top; - Codice html per mappe, video o altro contenuto; 2. Type: consente di scegliere il tipo di contenuto e di strumenti da visualizzare: - Html editor - Code Html - Immagine Glossario: 1. Frontend = la parte del sito web visibile a tutti gli utenti; 2. Backend = la parte del sito web visibile agli admin; 3. Template = la grafica del sito visibile nel frontend; Abbreviazioni da tastiera: - Copia: su PC CTRL + C su Mac cmd + C; - Incolla: su PC CTRL + V su Mac cmd + V; - Taglia: su PC CTRL + X su Mac cmd + X; - Seleziona tutto: su PC CTRL + A su Mac cmd + A; - Passo indietro: su PC CTRL + Z su Mac cmd + Z; - Passo avanti: su PC CTRL + Y su Mac cmd + Y CONFIGURAZIONI: Per configurare un template e sincronizzare il backend con il frontend seguire i seguenti passi: 1) Configura - Articoli - Tipi - Componenti; 2) Configura - Articoli - Renders; 3) Configura - Articoli - Tipi; 4) Configura - Articoli - Tipi ;