Strumenti Utente

Strumenti Sito


editors:crea_e_modifica_contenuti

Differenze

Queste sono le differenze tra la revisione selezionata e la versione attuale della pagina.

Link a questa pagina di confronto

Entrambe le parti precedenti la revisione Revisione precedente
Prossima revisione
Revisione precedente
editors:crea_e_modifica_contenuti [2011/07/21 13:11]
gbonanome
editors:crea_e_modifica_contenuti [2021/03/08 15:39] (versione attuale)
Linea 18: Linea 18:
  
  
-===== Crea una nuova pagina =====+===== Creare ​una nuova pagina =====
  
 Per creare una nuova pagina, innanzitutto scegli in che punto del sito vuoi crearla. Se stai creando una //"​sottopagina"//,​ dal menu di navigazione sulla sinistra (il Pannello dei contenuti in cui sono elencate le pagine del sito) clicca sulla pagina madre sotto la quale vuoi la sottopagina. Se vuoi che la pagina compaia nel menu di navigazione principale del sito dovrai cliccare la radice del sito - il primo elemento elencato nel Pannello dei contenuti. Per creare una nuova pagina, innanzitutto scegli in che punto del sito vuoi crearla. Se stai creando una //"​sottopagina"//,​ dal menu di navigazione sulla sinistra (il Pannello dei contenuti in cui sono elencate le pagine del sito) clicca sulla pagina madre sotto la quale vuoi la sottopagina. Se vuoi che la pagina compaia nel menu di navigazione principale del sito dovrai cliccare la radice del sito - il primo elemento elencato nel Pannello dei contenuti.
Linea 32: Linea 32:
 E' sufficiente cliccare sulla nuova pagina dal Pannello dei contenuti per visualizzarla nella finestra principale e poterla editare. E' sufficiente cliccare sulla nuova pagina dal Pannello dei contenuti per visualizzarla nella finestra principale e poterla editare.
  
-<style background box> +<WRAP tip round>
-:!: **NOTA:​**\\ ​+
 Non ti preoccupare se hai creato la pagina nel posto "​sbagliato"​. Le pagine possono essere spostate e riordinate in qualsiasi momento. Non ti preoccupare se hai creato la pagina nel posto "​sbagliato"​. Le pagine possono essere spostate e riordinate in qualsiasi momento.
-</style>+</WRAP>
  
-===== Scrivi ​dei contenuti =====+===== Scrivere ​dei contenuti =====
  
-Dal Pannello di editing, per editare il contenuto, potresti dover cliccare sulla linguetta **Contenuto** (se non fosse già selezionata), quindi sulla linguetta **Principale**.+Dal Pannello di editing, per editare il contenuto, potresti dover cliccare sulla linguetta **Contenuto** (se non fosse già selezionata).
  
-Qui sono presenti 3 aree di inserimento+Qui sono presenti 3 aree di inserimento: Titolo, Testo, Meta-data
  
 {{ :​editors:​selezione_437.png?​direct&​600 |}} {{ :​editors:​selezione_437.png?​direct&​600 |}}
  
-La prima è il **Nome della pagina**. Questo definisce il nome con cui sarà identificata la pagina nel CMS, ma verrà anche utilizzato come etichetta di navigazione e URL predefiniti (che possono comunque essere modificati manualmente).+==== Titolo ==== 
 + 
 +Qui si trova il campo **Nome della pagina**. Questo definisce il nome con cui sarà identificata la pagina nel CMS, ma verrà anche utilizzato come titolo, ​etichetta di navigazione e URL predefiniti (che possono comunque essere modificati manualmente).
  
 Immediatamente sotto si trova il campo **Etichetta di navigazione**. Questa sarà l'​etichetta utilizzata per mostrare la pagina nei menu di navigazione del sito pubblicato. Se inserisci prima il **Nome della pagina**, questo verrà automaticamente copiato nell'​etichetta di navigazione. Solitamente potrebbe essere una buona idea lasciare i due campi uguali, anche se non necessariamente deve esser così, per questo da qui potrai cambiare l'​etichetta o il nome della pagina in qualsiasi momento. Immediatamente sotto si trova il campo **Etichetta di navigazione**. Questa sarà l'​etichetta utilizzata per mostrare la pagina nei menu di navigazione del sito pubblicato. Se inserisci prima il **Nome della pagina**, questo verrà automaticamente copiato nell'​etichetta di navigazione. Solitamente potrebbe essere una buona idea lasciare i due campi uguali, anche se non necessariamente deve esser così, per questo da qui potrai cambiare l'​etichetta o il nome della pagina in qualsiasi momento.
  
-Infine c'​è ​il campo **Contenuto**. Questo conterrà ​l'​intero testo che poi sarà pubblicato nella pagina. Scrivi qui il testo che vuoi far comparire sul sito. Sentiti libero di utilizzare la barra di formattazione in cima a quest'​area per formattare la pagina come preferisci.+==== Testo ==== 
 + 
 +Contiene ​il **Contenuto** ​della pagina, ovvero ​l'​intero testo che poi sarà pubblicato nella pagina. Scrivi qui il testo che vuoi far comparire sul sito. Sentiti libero di utilizzare la barra di formattazione in cima a quest'​area per formattare la pagina come preferisci.
  
  
 +<WRAP tip round>
 +== Pagine widgetizzate ==
 +Alcune pagine sono state //​widgetizzate//,​ ovvero è possibile strutturare il contenuto al loro interno tramite [[liquens:​widgets|widget]].
 +A queste pagine, in fase di creazione, viene automaticamente aggiunto un [[liquens:​widgets#​contenuto_della_pagina|widget di tipo Contenuto della pagina]] che mostra il Testo della pagina.
 +</​WRAP>​
 ===== Formattare il contenuto ===== ===== Formattare il contenuto =====
  
Linea 72: Linea 80:
 C'è un altro bottone che richiede spiegazioni. E' il bottone chiamato //HTML//. Per addentrarti nel codice ed editare il codice sorgente della pagina direttamente,​ premendo il pulsante //HTML// potrai vedere e modificare il codice HTML della pagina. E' consigliabile farlo solo se hai una discreta conoscenza del linguaggio HTML. In ogni caso, potrebbe essere utile quando hai bisogno di agire direttamente sul codice della pagine per integrare, ad esempio, dei video da YouTube. C'è un altro bottone che richiede spiegazioni. E' il bottone chiamato //HTML//. Per addentrarti nel codice ed editare il codice sorgente della pagina direttamente,​ premendo il pulsante //HTML// potrai vedere e modificare il codice HTML della pagina. E' consigliabile farlo solo se hai una discreta conoscenza del linguaggio HTML. In ogni caso, potrebbe essere utile quando hai bisogno di agire direttamente sul codice della pagine per integrare, ad esempio, dei video da YouTube.
  
-<style background box+<WRAP info round
-:!: **NOTA:** //​fare ​copia&​incolla da un programma di videoscrittura//\\ +== Fare copia&​incolla da un programma di videoscrittura ​==
  
 Potresti voler inserire nella pagina del testo che magari hai già scritto in un programma di videoscrittura,​ come ad esempio Microsoft word. Potresti voler inserire nella pagina del testo che magari hai già scritto in un programma di videoscrittura,​ come ad esempio Microsoft word.
Linea 86: Linea 94:
  
 Il secondo è //Incolla da Word//, grazie al quale Silverstripe presnde il testo //​arricchito//​ da Microsoft Word e cerca di tradurlo in codice HTML. In ogni caso questo funziona solo con Microsoft Word e non con altri programmi di videoscrittura come OpenOffice.ord,​ Word Perfect o Apple Pages. Il secondo è //Incolla da Word//, grazie al quale Silverstripe presnde il testo //​arricchito//​ da Microsoft Word e cerca di tradurlo in codice HTML. In ogni caso questo funziona solo con Microsoft Word e non con altri programmi di videoscrittura come OpenOffice.ord,​ Word Perfect o Apple Pages.
-</style>+</WRAP>
  
-===== Descrivi ​il tuo contenuto =====+===== Stili predefiniti ===== 
 + 
 +Utilizzando la tendina **Stili** è possibile assegnare degli stili predefiniti a porzioni di testo o interi paragrafi. DiscoveryNG propone 4 stili predefiniti:​ Information,​ Idea, Warning, Download. 
 + 
 +{{:​editors:​editor_styles.png?​500|}} 
 + 
 +<WRAP tip round> 
 +== Rimuovi stile == 
 +L'​icona della //gomma da cancellare//​ può risultare particolarmente utile per rimuovere stili indesiderati. 
 +</​WRAP>​ 
 + 
 + 
 +===== Descrivere ​il tuo contenuto =====
  
 Non si tratta solo di scrivere dei buoni contenuti in grado di informare i tuoi lettori. Hai anche bisogno di permettere ai tuoi lettori di trovare quello che stanno cercando. Puoi aiutare i tuoi lettori ha trovarlo aggiungendo //​metadata//​. I metadati sono blocchi specifici della pagina, normalmente nascosti alla maggior parte di browser, che i motori di ricerca possono utilizzare per classificare le pagine su internet. Non si tratta solo di scrivere dei buoni contenuti in grado di informare i tuoi lettori. Hai anche bisogno di permettere ai tuoi lettori di trovare quello che stanno cercando. Puoi aiutare i tuoi lettori ha trovarlo aggiungendo //​metadata//​. I metadati sono blocchi specifici della pagina, normalmente nascosti alla maggior parte di browser, che i motori di ricerca possono utilizzare per classificare le pagine su internet.
Linea 96: Linea 116:
 Nel Pannello di editing della pagina che vuoi descrivere, all'​interno della sezione **Contenuto** e accanto alla linguetta **Principale**,​ trovi la sezione **Meta-data**. In questa sezione, se vuoi, puoi cambiare l'URL della pagina per renderla più amichevole ai motori di ricerca. Puoi anche inserire una descrizione e delle parole chiave per la tua pagina. Se il tuo manager web ti ha chiesto di aggiungere alcuni metadati, è questo il posto giusto per farlo. Nel Pannello di editing della pagina che vuoi descrivere, all'​interno della sezione **Contenuto** e accanto alla linguetta **Principale**,​ trovi la sezione **Meta-data**. In questa sezione, se vuoi, puoi cambiare l'URL della pagina per renderla più amichevole ai motori di ricerca. Puoi anche inserire una descrizione e delle parole chiave per la tua pagina. Se il tuo manager web ti ha chiesto di aggiungere alcuni metadati, è questo il posto giusto per farlo.
  
-===== Inserisci ​dei collegamenti ipertestuali nelle pagine =====+===== Inserire ​dei collegamenti ipertestuali nelle pagine =====
  
 Per creare un link in una pagina, seleziona il testo che vuoi far diventare un link dall'​area di editing (1), a premi il pulsante //Inserisci link// nella barra degli strumenti (2). Questo aprirà la //barra dei link// sulla parte destra dello schermo. Per creare un link in una pagina, seleziona il testo che vuoi far diventare un link dall'​area di editing (1), a premi il pulsante //Inserisci link// nella barra degli strumenti (2). Questo aprirà la //barra dei link// sulla parte destra dello schermo.
 +
 +==== Creare un collegamento ad un'​altra pagina del sito ====
  
 {{ :​editors:​selezione_441.png?​direct&​ |}} {{ :​editors:​selezione_441.png?​direct&​ |}}
  
-==== Crea un collegamento ​ad un'​altra pagina del sito ====+Per creare ​un link ad un'​altra pagina del sito, seleziona **Pagina su questo sito** dalla lista di opzioni nella parte superiore della //barra dei link//. Puoi selezionare la pagina del sito che preferisci utilizzando il menu a tendina. Il campo //testo del collegamento//​ dovrebbe riempirsi automaticamente con il testo che hai selezionato nell'​area di editing. Seleziona la casella //Apri il link in una nuova finestra?// se vuoi che il collegamento venga aperto in una nuova finestra del browser quando gli utenti lo cliccano.
  
-Per creare un link ad un'altra pagina del sito, seleziona **Pagina su questo ​sito** dalla lista di opzioni ​nella parte superiore della //barra dei link//. Puoi selezionare la pagina ​del sito che preferisci utilizzando il menu a tendina. Il campo //testo del collegamento//​ dovrebbe riempirsi automaticamente con il testo che hai selezionato nell'​area di editing. Seleziona la casella //Apri il link in una nuova finestra?// se vuoi che il collegamento venga aperto in una nuova finestra del browser.+Infine, inserisci il link cliccando il pulsante **Inserisci link** nella parte bassa della barra laterale. 
 + 
 + 
 +==== Creare un link ad una pagina esterna ==== 
 + 
 +{{ :​editors:​selezione_442.png?​direct&​ |}} 
 + 
 +Per creare un collegamento ​ad un altro sito, seleziona **Un altro sito web** dalla lista delle opzioni ​in cima alla barra dei collegamenti. Puoi incollare o scrivere l'URL della pagina ​web che vuoi collegare nel campo **URL**. Il campo //testo del collegamento//​ dovrebbe riempirsi automaticamente con il testo che hai selezionato nell'​area di editing. Seleziona la casella //Apri il link in una nuova finestra?// se vuoi che il collegamento venga aperto in una nuova finestra del browser ​quando gli utenti lo cliccano.
  
 Infine, inserisci il link cliccando il pulsante **Inserisci link** nella parte bassa della barra laterale. Infine, inserisci il link cliccando il pulsante **Inserisci link** nella parte bassa della barra laterale.
  
 +<WRAP info round>
 +Le tipologie di link //interno// ed //esterno// utilizzano procedure differenti, perchè con Silverstripe,​ se una pagina viene spostata o cancellata, i link che puntano ad essa da altre pagine sono automaticamente modificati seconda la nuova situazione. Questo ti permette di spostare le pagine facilmente, senza doverti preoccupare della struttura del sito o dovendo controllare i //link rotti//
 +
 +Se inserisci l'URL di un link //interno// in un campo link //​esterno//,​ Silvestripe di solito è abbastanza sveglio da cambiare automaticamente il link in //​interno//​.
 +</​WRAP>​
 +
 +==== Creare un link ad un indirizzo email ====
 +
 +{{ :​editors:​selezione_443.png?​direct&​ |}}
 +
 +Per creare un collegamento ad un indirizzo e-mail, seleziona **Indirizzo email** dalla lista delle opzioni in cima alla barra dei collegamenti. Puoi incollare o scrivere l'​indirizzo e-mail che vuoi collegare nel campo **indirizzo email**. Il campo //testo del collegamento//​ dovrebbe riempirsi automaticamente con il testo che hai selezionato nell'​area di editing.
 +
 +Infine, inserisci il link cliccando il pulsante **Inserisci link** nella parte bassa della barra laterale.
 +
 +<WRAP tip round>
 +Un'​ulteriore opzione è creare un collegamento ad un file caricato sul sito (**scarica file**), come ad esempio un PDF, un file DOC, un video, insomma qualsiasi cosa che non è una pagina web. Siccome questo è un argomento un po' più avanzato, lo trovi alla pagina [[Lavorare con immagini e documenti]]
 +</​WRAP>​
 +
 +===== Salvare la pagina come Bozza =====
 +
 +Per salvare la tua pagina come **Bozza**, clicca semplicemente il pulsante **Salva** (non **Salva e pubblica**, anche se è disponibile) nella parte inferiore destra del Pannello di editing. Salvare la pagina come bozza ti permette di vedere un'​anteprima di come sarà pubblicata la pagina su un //Sito bozza//, disponibile solo per te e per gli atri redattori che hanno accesso al CMS, ma non visibile sul sito pubblicato.
 +
 +{{ :​editors:​selezione_444.png?​direct&​ |}}
 +
 +Dopo aver salvato la pagina come bozza, puoi vedere l'​anteprima cliccando il pulsante **Bozza del sito** nella parte inferiore dello schermo, sul lato sinistro della Barra delle viste.
 +
 +{{ :​editors:​selezione_445.png?​direct&​ |}}
 +
 +**Ricordati di salvare subito e spesso**
 +
 +Una volta che decidi di pubblicare un testo sarà sufficiente cliccare il pulsante **Salva e pubblica** perchè la pagina compaia sul sito pubblicato. Per questo motivo fai attenzione a non fare errori imabarazzanti.
 +
 +Puoi verificare la pagina pubblicata cliccando sul link **Sito pubblicato** nella parte inferiore sinistra dello schermo.
 +
 +Se hai capito il flusso di pubblicazione,​ diviso tra //CMS// -> //Sito bozza// -> //Sito pubblicato//,​ non stupirti dei molti pulsanti che avrai a disposizione in ogni pagina. Servono a garantirti il pieno controllo su cosa e come vuoi pubblicare.
  
 +{{ :​editors:​selezione_446.png?​direct&​ |}}
editors/crea_e_modifica_contenuti.1311246717.txt.gz · Ultima modifica: 2021/03/08 15:39 (modifica esterna)