Vntcms 2 istruzioni per l uso!

Vntcms 2 istruzioni per l uso Tutte le operazioni di gestione dei contenuti del sito si effettuano dal pannello di amministrazione localizzato al seguente indirizzo: http://www.il-nome-del-mio-sito.it/admin/go Username:. Password:.. Una volta ottenuto l accesso al backend possiamo vedere le seguenti voci di menu: 1. Articoli 2. Utenti 3. Templates 4.? Per accedere è necessario essere registrati al sito e avere i permessi di amministratore. 1 Articoli La sezione Articoli consente l inserimento e la gestione dei seguenti tipi di contenuti: - Pagine; - Pagine Blog; - Pagine che contengono gallerie fotografiche stile fancybox; - Pagine con gallerie classiche; - Contenitore di notizie; - Su richiesta possiamo creare dei tipi personalizzati; Prima di inserire un articolo: è bene avere in mente quella che è e o che sarà la struttura del nostro progetto web, facendo un semplice schema. Esempio di struttura: Chi siamo 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

VNTCMS 2.4.9 2 di 7 COME SI INSERISCE UN ARTICOLO: Premendo sul pulsante inserisci si ha modo di aggiungere un nuovo tipo di articolo. Una volta entrati nella form ci troviamo davanti 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 creerà 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 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. 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: http://www.google.it - 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, email o altro programma di video scrittura, si deve seguire la seguente procedura: 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;

VNTCMS 2.4.9 3 di 7 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; 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; 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. 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: - Pagina; - Pagina con blog; - Pagine con immagine zoomabile; - Pagine che contengono gallerie fotografiche stile fancybox; - Pagine con gallerie classiche; - Contenitore di notizie; - Altri tipi di pagina possono essere creati su misura; 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 il tipo blog. Le opzioni sono le seguenti: - Inattivo: i commenti e la form per commentare non sono visibili; - Solo lettura: i commenti sono visibili, mentre la form per commentare non è visibile; - Attivo: i commenti e la form sono visibili e funzionanti; 12. Menu principale: consente di stabilire se il contenuto creato deve comparire nella barra principale del menu di navigazione. 13. Riservato: consente di stabilire se il contenuto appena inserito è pubblico oppure può essere visualizzato esclusivamente da un determinato gruppo di utenti; 14. Robot: questo campo serve per dire ai motori di ricerca come si devono comportare rispetto alla pagina e ai link in essa presenti. - 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;

VNTCMS 2.4.9 4 di 7 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 1300 px di larghezza; Il peso del file deve essere ottimizzato al massimo possibile senza che la qualità dell immagine non 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.

VNTCMS 2.4.9 5 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.

VNTCMS 2.4.9 6 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

VNTCMS 2.4.9 7 di 7 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 ;