Come creare una pagina 'Chi siamo'

Thank you for your contribution: 

Per darvi una prima vera sfida, creiamo una prima pagina sul vostro nuovo sito. Sarà una pagina ‘Chi siamo’ (About Us) su cui potete scrivere sulla vostra azienda, il vostro progetto, o voi stessi. La maggior parte delle volte, una pagina come questa contiene un titolo, testo e magari alcune immagini. 

Contenuto statico contro contenuto dinamico

Una pagina "Chi siamo" che di solito viene creata una volta, è accessibile tramite un link del menu, e in futuro tutto quello che dovrete fare sarà cambiarne l’andamento. Questo ha un carattere statico. Un comunicato stampa o l'intervento in un blog, hanno un carattere dinamico.

  • Per le pagine statiche, al contrario delle pagine dinamiche, la creazione della data e l’autore non hanno importanza.
  • Le pagine statiche sono normalmente accessibili tramite un menu link da dove poter accedere alle pagine dinamiche, attraverso delle liste.

Il progetto

La pagina 'Chi siamo' dovrebbe essere costituita dai seguenti componenti:

  • un titolo,
  • un testo,
  • un’immagine.
  • La pagina non dovrebbe apparire in prima pagina.
  • Vogliamo un link alla pagina in cima al menu orizzontale (top).

Questo potrebbe sembrare semplice all’inizio :-). Andate avanti e loggatevi nell’interfaccia amministrazione!

Passo 1 - Creare contenuto

Andare alla Gestione Articoli (Contenuto -> Gestione Articoli). Lì potreste ancora vedere il vostro dato esempio non pubblicato (Figura 1).

cocoate.com/it/node/10415Fig.1 Articolo

Figura 1: Gestione articoli

Fare clic sull’icona per raggiungere l’apposito modulo e quindi aggiungere il titolo e il testo. Nel riquadro nell’angolo in alto, sotto il titolo, selezionare “non categorizzati” come categoria. Questa categoria è stata creata dall’installazione dei dati esempio. Il campo In evidenza indica tra l’altro che il contenuto dovrebbe essere visualizzato nel layout blog In evidenza, che viene principalmente utilizzato come prima pagina. Questo funziona ancora in Joomla! 2.5, ma i termini possono essere facilmente fraintesi. Selezionare No. Nella finestra dell’editor, potete ora inserire il vostro testo. Joomla! viene fornito di default con l’editor TinyMCE (Figura 2).

cocoate.com/it/node/10415Fig.2 Modulo modifica articolo

Figura 2: Modulo modifica articolo

Inserire un'immagine da un link

Come primo esempio abbiamo intenzione di usare un’immagine già esistente sul web.
Per esempio questa: http://farm2.staticflickr.com/1198/89825... (Figura 3)

Hagen FitouHagen Fitou

Figura 3: Esempio immagine

Spostate il cursore nella posizione del testo in cui desiderate inserire l’immagine. Cliccate sull’icona immagine dell’editor e incollate il link dell’immagine nella finestra pop-up. Configurate l’immagine con un allineamento a sinistra e usate 10 pixel di spazio in verticale e orizzontale (Figura 4).

cocoate.com/it/node/10415Fig.4 Inserimento image

Figura 4: Inserimento immagine

L’immagine verrà visualizzata nella finestra dell’editor. Fate clic su Salva e la vostra voce viene memorizzata. Ci sono diversi modi per salvarla:

  • Salva - La voce viene salvata. Il modulo non viene chiuso. Viene usato per salvare quando volete continuare ancora a lavorare..
  • Salva e Chiudi - La voce viene salvata ed il modulo verrà chiuso.
  • Salva e Nuovo - La voce viene salvata, il modulo verrà chiuso e un nuovo articolo vuoto viene salvato.

Uscite dal modulo.

Passo 2 - Creazione di un Menu con link

L'annuncio è stato creato ma non appare sul sito. Per farlo apparire, abbiamo bisogno di un link!

Cliccare sull’icona Nuovo nella Gestione Menu in cima al top menu (Menu → Top).

Consiglio: Top è il nome della posizione nel template predefinito. Se non state usando il template predefinito, i dati esempio del Top menu non esistono o potrebbero avere un altro nome.

Fate clic sul pulsante ‘Seleziona’ vicino al campo tipo voce di Menu. Apparirà una finestra con vari link. Cliccare sul link Singolo articolo (Figura 5).

cocoate.com/it/node/10415Fig.5 Selezione Voce Menu

Figura 5: Selezione tipo voce di Menu

Ora dovete scegliere l’articolo desiderato. Fate clic sul pulsante Seleziona/Cambia nel riquadro a destra (Seleziona Articolo) e selezionatelo. Vedrete una casella di ricerca con tutti gli articoli. Nel caso in cui non trovate il vostro articolo subito nella pagina giusta, potete filtrare la lista digitando una parte del titolo dell’articolo nella casella di ricerca, e poi cliccando sul titolo dell’articolo giusto nella lista risultati (Figura 6).

cocoate.com/it/node/10415Fig.6 Tipo Menu Articolo

Figura 6: Tipo Menu - singolo articolo - seleziona articolo

Inserire un titolo per il link “Chi siamo” e assicurarsi che sia selezionato top nella posizione menu. Possiamo lasciare le rimanenti opzioni con le loro impostazioni per ora.

Passo 3 - 'chi siamo' sul sito

Se ora aggiorniamo il front-end del sito, scoprirete il nuovo link nel top menu. Cliccateci e vedrete il contenuto di chi siamo - congratulazioni avete creato la vostra prima pagina (Figura 7).

cocoate.com/it/node/10415Fig.7 Pagina Chi siamo

Figura 7: Pagina Chi siamo

Passo 4 - Caricare un'immagine

Se la vostra immagine non è già disponibile su Internet, dovrete caricarla dal vostro PC. Vediamo insieme l’esempio. Andate alla Gestione Articolo (Contenuto Gestione articolo). Se non riuscite a trovare il vostro articolo, lo individuate facilmente usando la casella di ricerca. Selezionare il titolo dell’articolo e il modulo di modifica si aprirà. Eliminate l’immagine collegata dal testo.

Sotto la finestra dell’editor troverete il pulsante Immagine. Questo pulsante avvia una finestra di dialogo per caricare un’immagine. Potete scegliere tra caricare immagini esistenti o caricarne di nuove (Figura 8).

cocoate.com/it/node/10415Fig.8 Caricamento image

Figura 8: Caricamento immagine

Una volta che l’immagine è stata inserita nel testo, la formattazione può essere modificata usando l’icona immagine nella barra degli strumenti dell’editor. Questa separazione di funzioni in Joomla! è stata scelta appositamente per avere la possibilità di usare editor diversi. Il pulsante Immagine di Joomla! sarà sempre lo stesso ma la formattazione dell’immagine nell’editor potrebbe essere diversa.

Attenzione: Joomla! utilizza le immagini così come sono. Le immagini non saranno ridimensionate!

Per risolvere questo problema, date un'occhiata al blog di Brian Teemans: Making Joomla Idiot Proof - Quando leggete queste righe FBoxBot potrebbe essere disponibile anche per Joomla! 2.5.