Imparare Joomla usando i dati di esempio

Da Il wiki di Joomla.it.

Traduzione in italiano della guida Learning Joomla! using Sample Data scritta da Mark Dexter

Indirizzo dell'originale inglese http://community.joomla.org/magazine/article/522-introductory-learning-joomla-using-sample-data.html

Post del forum dedicato al coordinamento delle traduzioni

Indice

Installazione

Prima di poter iniziare a lavorare con Joomla, dobbiamo installarlo nel nostro spazio web. Assicurati sempre di installare l'ultima versione disponibile.

Trasferire tutti i file via FTP nel proprio spazio web. Digitando il nome del proprio dominio nella barra del browser, si visualizzerà la procedura di installazione. Segui i passi e quando arriverai al punto 6 della tua installazione seleziona la checkbox per l'installazione dei dati di esempio come indicato nell'immagine:

Immagine:Paragrafo6.jpg

Il sistema lavorerà per un attimo (in questo frangente il database viene popolato dalle tabelle) successivamente il pulsante cambierà nome e apparirà come questo riportato qui sotto:

Immagine:Datinstallati.jpg

A questo punto si può proseguire con l'installazione di Joomla premendo il tasto avanti. Ti ricordiamo una volta terminata l'installazione di eliminare la directory install come descritto nella guida veloce di Joomla.

Esplorazione

Ora siamo pronti per poter iniziare a personalizzare il nostro sito. In Joomla si parla di "front-end" e di "back-end". Il "front-end" è ciò che gli utenti del sito vedranno durante la visualizzazione delle pagine. Il "back-end" è l'insieme delle schermate che compongono il pannello di amministrazione che userai per creare il tuo sito. Precedentemente avevamo specificato di aver installato Joomla nella directory chiamata "joomla15". Per poter raggiungere il "front-end" è necessario richiamare questa cartella dal borwser digitando http://www.nomesito.it la schermata che visualizzerai è la seguente:

Immagine:Joomlahome.jpg

Per poter accedere al "back-end" ovvero il pannello di amministrazione è sufficiente aggiungere "/administrator" alla fine dell'URL di "front-end" ovvero http://www.nomesito.it/administrator . Si aprirà una finestra di login, come mostrato di seguito:

Immagine:Loginadmin.jpg

Quando l'installazione di Joomla è giunta al termine, un utente "admin" è stato creato per te con la password che hai inserito nel passo 6 durante l'installazione guidata. Utilizza questo nickname e la password specificata nel punto 6 della tua installazione e dovresti vedere la schermata mostrata qui di seguito:

Immagine:Joomlabackend.jpg

A questo punto prenditi qualche minuto di tempo ed inizia ad esplorare il "front-end" ed il "back-end". In sintesi il "front-end" è un sito web ricco di contenuti, il "back-end" è il pannello di amministrazione visibile solo a coloro che avranno accesso, qui troverai 7 menù con diverse opzione sottostanti. Con il tasto anteprima situato in alto a destra nel "back-end" avrai la possibilità di aprire il tuo sito in una nuova scheda o finestra.


Prima modifica

Adesso, fissa la tua cintura di sicurezza. Andremo a cambiare completamente il look del nostro sito. Apri il back-end (la schermata mostrata in precedenza) e seleziona Estensioni / Gestione Template, come mostrato di seguito:

Immagine:Menu_gestione_template.png

Visualizzi la schermata del modello di Gestione Template:

Immagine:Gestione template.png

Seleziona l'opzione modello "JA_Purity" dal cerchio di selezione e premi il pulsante "Default" in alto a destra della barra degli strumenti. La stella nella colonna "Default" si sposta vicino al modello "JA_Purity".

Se hai ancora il front-end del sito aperto nel browser, premi il link "Home page". Se non hai la prima pagina aperta, è possibile premere "Anteprima" dal link in alto a destra del back-end. In entrambi i casi, si dovrebbe vedere la schermata mostrata qui di seguito:

Immagine:Anteprima template sito.png

Se guardi attentamente, vedrai che questo sito ha esattamente lo stesso contenuto e menu del sito originale. Tuttavia, appare completamente diverso! Con Joomla!, il contenuto del sito, la struttura del sito, e il look del sito sono tutti indipendenti l'uno dall'altro. In modo da poterne cambiare uno senza cambiare gli altri. Qui abbiamo solo cambiato completamente il look senza alterare qualsiasi altra cosa nel sito. Se ti piace, torna a Gestione Template e cerca il modello "Beez". Ancora una volta, vedrete che l'aspetto del sito cambia drasticamente, ma il contenuto e la struttura restano le stesse. Quando hai finito, modifica nuovamente il modello "JA_Purity". Useremo questo modello per il resto dell'articolo.


Bonus: Esempio di sito web che contiene informazioni utili!


A questo punto, si potrebbe voler esplorare un altro bonus di modello di sito web - gli articoli in esso contenuti hanno un sacco di grandi informazioni! Per esempio, fare clic sul link "Estensioni" nell'ambito del "concetti chiave" dal menu. Ciò consente di avere una grande panoramica di alcune delle più importanti terminologie in Joomla!. Dedica un minuto alla lettura di questa pagina prima di continuare. Inoltre, nel caso in cui tu voglia, seleziona l'opzione "Licenza Joomla!" dal "Menu principale". Questo spiega il rilascio delle licenze ed è davvero gratis!

Alcune spiegazioni

Una delle sfide, quando si impara qualche cosa di nuovo è comprendere il gergo. Potrebbe essere utile pensare a un sito web come una rivista. Il contenuto principale sono gli articoli. Inoltre, potrebbero esserci pubblicità, immagini, numeri di pagina, il colore di codifica, e altri elementi che compongono la pagina. In un sito Joomla!, il contenuto è di solito uno o più articoli. Ma può anche includere cose come link, contatti e news-feeds.

I Moduli in Joomla! sono in genere le piccole cose intorno articoli, come i menu, il modulo di accesso, "Chi è Online", e annunci. Come abbiamo visto in precedenza, in Joomla! il template controlla l'aspetto della pagina (layout), i colori, i caratteri e gli altri elementi grafici.

Ogni opzione di menu in Joomla! è chiamata una "voce di menu". Ogni voce di menu porta a una pagina diversa, come una pagina in una rivista, con contenuti diversi e possibilmente diversi moduli.

Infine, quando si lavora con Joomla!, vedrete un sacco di "parametri". Questi, sono le impostazioni che ti permettono di avere un grado di controllo molto raffinato sui diversi elementi di Joomla!.

Menù e le voci di menù

Quasi ogni sito Joomla! ha almeno un menu per far navigare l'utente all'interno del sito. Il termine Menù in Joomla! può creare, a prima vista, un po' di confusione. Ogni Menù è composto da tre parti: (1) il nome del Menù; (2) una o più voci di Menù e (3) uno o più moduli di Menu. Per vedere come funziona, torniamo al back-end del sito web in elaborazione (pannello di amministrazione)e diamo un'occhiata al menu principale. Innanzitutto raggiungeremo tramite Menu > Gestione menu la schermata mostrata qui di seguito:

Immagine:Gestione_menù.jpg

Questa pagina mostra l'elenco di tutti i menu definiti nel sito. Se clicchiamo sul titolo "Menu principale", vedremo la schermata di Modifica mostrata di seguito:

Immagine:Dettagli_menu.jpg

Non c'è molto in questa schermata. Abbiamo appena definito il menù e dato un nome e un titolo.

Ci sono due modi diversi di navigare verso le voci del menu:

  1. fare clic sull'icona della colonna voce di menu nel Menu Manager (non il titolo del menu!)
  2. oppure selezionare il menu desiderato dal menu superiore, per esempio Menu=>Menu Principale, come mostrato di seguito:

Immagine:Menu_menuprincipale.jpg

Nota che la "*" posta accanto al menu principale indica che questo è il menu che contiene la home page.

Utilizzando uno dei metodi di cui sopra raggiungerete quindi la Gestione voci di Menu, la schermata che vi apparirà sarà simile all'immagine mostrata di seguito:

Immagine:Gestione_voci_menu.jpg

Questa schermata è una miniera d'oro di informazioni utili. Per i nuovi arrivati di Joomla!, probabilmente qui c'è più di quel che si può assorbire in una sola volta. Ma si può usare la schermata molto quando si lavora con Joomla!, in modo da imparare a conoscerla bene.

La colonna “Voce di menu” come si nota, elenca ciascuna opzione esistente nel menu. in questo caso abbiamo 9 opzioni.

La colonna “Predefinito” è molto importante. Questa indica la pagina (o la voce di menu) che verrà caricata quando un utente naviga verso l'URL del sito. Ogni sito Joomla! deve essere dotato di una voce di menu predefinito. Puoi provare a cambiare la vista predefinita dell'home page del sito Joomla! cliccando la casella di selezione e poi cliccando il pulsante "Predefinito" posto in alto a destra della barra degli strumenti. Ora accanto alla “Descrizione di Joomla!” apparirà la stella dorata nella colonna “Predefinito”, come mostrato di seguito:

Immagine:Gestione_voci_menu_dettaglio.jpg

A questo punto, apri una nuova finestra del browser e naviga verso la URL - nel nostro caso "http://www.nomesito.it". Dovrebbe essere adottata la “Descrizione di Joomla!” invece della home page (Home). A questo punto, ricorda un fatto importante che può essere fonte di confusione: la voce di menu di default può essere una qualsiasi voce di menu che ti piace. Il sito campione usa come layout predefinito del "Front Page" la voce di menu Home, ma non è obbligatorio. Prima di proseguire, tornare indietro e cambiare il percorso predefinito, tornando alla Home Page d'origine.

La colonna successiva indica se una voce di menu è "Pubblicato". Si possono avere varie “voci di menu” in un “menu”, ma "Sospeso" o “Non pubblicato” in modo che esse non siano visibili agli utenti. Perché fare questo? Forse stai procedendo a una modifica del sito e non vuoi che questa voce di menu sia visibile fino a quando avrai finito. O forse stai rimuovendo questa opzione, ma desideri tenerla sospesa nel caso in cui desideri aggiungerla di nuovo.

La colonna “Ordina” è giusto ciò che ci si aspetterebbe: determinare l'ordine in cui gli elementi appaiono nel menu. È possibile utilizzare le piccole frecce verdi frecce per spostare i vari elementi in alto o in basso, oppure puoi inserire l'ordine numerico nelle apposite caselle e premere l'icona del disco nella colonna per modificare l'ordine basato sulla nuova numerazione.

Il "Livello di accesso" determina quali utenti possono vedere le voci del menu. Questi sono tutti indicati con "Public", per cui ogni utente può vedere. Vedremo il funzionamento dei livelli di accesso più tardi, quando parleremo di login utente.

La colonna “Tipo” forse è la più importante. Ogni voce di menu dispone di un “tipo” specifico ossia il "layout".

È qui che si decide l'aspetto desiderato della pagina che desideri che apparirà al tuo URL. L'utilizzo dei dati di esempio nel sito, aiuta realmente perché si possono vedere i diversi layout in azione.

Il primo punto, Home, utilizza un layout di Front Page. Ora, apri il sito e osserva la home page. Noterai che ci sono cinque articoli nel centro della pagina. Il primo articolo, si estende sull'intera area e i restanti articoli si trovano in due colonne. Questo tipo di layout è indicato anche come "blog". In Joomla!, Ci sono tre tipi di blog layout: Front Page, Sezione, Categoria.

Torna alla voce di menu "Gestione voci di menu” nel back-end (Pannello amministratore) e osserva il punto 7, "Notizie". Ad esso è attribuito il “Tipo” "Categoria / blog". Torna nel front-end, e raggiungi dal Menù principale la categoria "Notizie". Attenzione, l'aspetto è simile a Front Page - il primo articolo si estende su due colonne ed i restanti articoli sono in due colonne.

Questo è il momento di introdurre parametri come da figura sottostante. Ricorda che abbiamo detto che i parametri sono un modo per rendere Joomla! più flessibile. Supponiamo tu voglia cambiare il layout del blog. Potresti farlo? Sì! E molto facilmente. Ancora una volta, torna alla voce "Gestione voci di menu” nel back-end e questa volta faremo un cambiamento della pagina "Notizie". Clicca sulla voce di menu "Notizie" e si dovrebbe vedere la schermata “Voce di menu: [Modifica]” mostrata di seguito:

Immagine:Voce_menu_modifica.jpg

Questa schermata contiene un sacco di roba e può avere l'aspetto intimidatorio, ma la cosa fantastica è che puoi provare cose diverse e vedere come funzionano. Diciamo che vogliamo che l'aspetto del nostro blog abbia i primi due articoli a “span” su entrambe le colonne, invece di un solo articolo.

Osservando la zona a destra, sotto la linguetta Parametri - Standard è presente la voce “#Principali” clicca nel campo dedicato e cambia il valore portandolo a "2". Premi "Salva" nella barra degli strumenti. Adesso, torna al Front-end. Avrai bisogno di aggiornare la pagina per vedere il cambiamento, quindi puoi anche tornare alla Home Page del tuo sito e poi ritornare alla categoria "Notizie". Ed ecco i primi due articoli “span due colonne”.

La guida in linea.

Dal Pannello di amministrazione osserva una caratteristica importante di Joomla! Sempre dalla schermata “Gestione voci menu: [mainmenu]” clicca nuovamente su "Notizie" per ottenere nuovamente la schermata “Voce di menu: [Modifica]”. Questa volta, fai clic sul pulsante “Aiuto” nella barra degli strumenti, per visualizzare la schermata seguente:

Immagine:Aiuto_on_line.jpg

Ogni maschera di Joomla! ha una relativa schermata di aiuto ad essa collegata. Questa schermata di aiuto è una delle più grandi, dal momento documenta i diversi Tipi di elementi del menu (o "layout") disponibile in Joomla!. Potrebbero volerci alcuni minuti a dare uno sguardo a queste indicazioni. Questi diversi suggerimenti sono alcuni degli strumenti più importanti che Joomla! ti dà negli strumenti per la costruzione del sito.

La maggior parte di questi schemi sono utilizzati nel sito web campione, in modo da poter vedere come appare (nel front-end) ed il modo in cui viene definito (nel back-end). L'aspetto che il tuo sito avrà (layout), dipenderà ovviamente dal tipo di sito che stai costruendo. È utile avere familiarità con i diversi layout disponibili, in modo da sapere su cosa lavorare. Inoltre, tenere presente che Joomla! è un sistema aperto che è stato progettato per essere implementato.

Sviluppatori di tutto il mondo hanno scritto centinaia di programmi chiamati "Estensioni" che aggiungono funzionalità specifiche per Joomla!. Ad esempio, alcune estensioni aggiungono ancora più opzioni di layout per voi, mettendo più strumenti a vostra disposizione. Quindi, per molti web designer di Joomla!, il file di installazione contenente Joomla! è un punto di partenza, non un punto finale.

Menù e moduli

Osservando la schermata “Gestione voce di menu” , vediamo che abbiamo elencato le opzioni del menu e determinato il tipo di pagina che verrà visualizzato quando l'opzione è selezionata. Abbiamo definito tutto ciò che riguarda il menu? Ad esempio, a cosa assomiglierà il menu? Dove verrà mostrato nella pagina? Sarà mostrato a tutte le pagine o solo in pagine selezionate? Queste decisioni vengono prese quando creiamo il modulo menu. Ciò potrebbe essere la parte più confusa di Joomla!, in quanto potrebbe avere più senso definire tutto su un menu in un unico posto. Tuttavia, una volta che ci si abitua ad esso, ha senso. Per poi scoprire che ci sono buone ragioni per aver menu moduli, definiti separatamente dalle voci del menu.

Gestione Moduli

Nel Pannello di amministrazione (back-end), se non l'hai fatto prima, premi il pulsante Chiudi per tornare alla “Gestione voce di menu”. Quindi selezionare “Estensioni => Gestione moduli” per aprire la schermata che segue:

Immagine:Gesione_moduli.jpg

Come già detto in precedenza, i moduli in Joomla! sono i piccoli "gadget" posizionati di solito al di fuori dei principali contenuti della pagina. Ci sono 20 diversi tipi di moduli inclusi in Joomla!, e,come con i layout, l'installazione di una estensione spesso aggiunge uno o più moduli aggiuntivi. I Menu sono uno di questi.

Clicchiamo ora sul modulo chiamato "Menu principale" per aprire la schermata “Modulo: [Modifica]” mostrata di seguito:

Immagine:Modifica_modulo.jpg

Qui possiamo avere le risposte alle nostre domande sul “Menu principale”. La voce "Stile menu" (indicata con la freccia), determina con quale aspetto questo modulo apparirà, in questo caso "Lista".

L'indicazione "Posizione" determina in quale posto verrà visualizzato il nostro menu, in questo caso a "sinistra" (left).

In "Assegnazione Menu" invece, vengono determinati quali meni e quali voci di menu devono essere conformi ai parametri già indicati in questo caso "Tutti" le voci del menu.

Un'altra cosa molto importante da notare è il "Nome menu". Questo è il nome cui assegniamo al menu (dal menu Manager) per il modulo menu.

Diamo un'occhiata ad altri due menu. Clicca su "Chiudi" per tornare alla “Gestione moduli”. Come si può vedere, ci sono un sacco di moduli, definiti nel sito web campione. Questa è una gran cosa, perché ci dà un sacco di esempi dai quali imparare. Ma per il momento, vogliamo vedere solo i moduli menu.

Osserviamo ora la colonna "Tipo" sul lato destro dello schermo. Questa mostra i nomi di sistema in Joomla! per i moduli.

Per i menu, è "mod_mainmenu". Ora, dai un'occhiata all'elenco a discesa "Seleziona Tipo" sul lato destro sopra le colonne. Seleziona "mod_mainmenu", come mostrato di seguito:

Immagine:Selezione_tipo.jpg

Nota che adesso Gestione moduli mostra solo le voci relative ai menu. Questo è utile quando si sta lavorando solo con un tipo di modulo. Per tornare ad elencare tutti i tipi di modulo riseleziona "Seleziona Tipo" dalla lista. È possibile inoltre applicare i medesimi filtri sulle altre colonne: Template, Posizione, e Stato.

Clicca ora su "Menu principale". Qui puoi vedere che questo menu si trova nella posizione chiamata "left", ma sfogliando l'elenco delle posizioni utili vediamo disponibile tra le altre la posizione “user3”. Ma dove si trova la posizione "user3"? Se ben ricordi in precedenza abbiamo visto il template determina l'aspetto del sito Joomla!. Quindi sarebbe opportuno che le posizioni siano diverse per ogni template. Di conseguenza come facciamo a sapere se una posizione è adatta ad un determinato template? Basta chiederlo! Joomla! ha un modo semplice per visualizzare le posizioni dei moduli all'interno di ogni pagina. Basta aggiungere il codice "? Tp = 1" alla fine dell'URL. Così, ad esempio, torna al front-end e inserire l'URL "http://www.nomesito.it?tp=1". Vedrete nel vostro sito apparire le indicazioni come mostrato di seguito (le frecce sono puramente indicative:

Immagine:Posizione_moduli.jpg

Ogni rettangolo rosso indica una posizione. Scorri fino in fondo alla pagina per vedere più luoghi. Questo è un grande trucco, e funziona con qualsiasi sito web Joomla!. (Per divertirsi un pò, provare l'URL "http://www.nomesito.it?tp=1".)

Torniamo al Pannello di amministrazione, alla schermata “Modulo: [Modifica]” e se non l'abbiamo già fatto, clicchiamo "Chiudi". Aprire ora "Pagine di Esempio" dal menu (ancora una volta facendo clic sul titolo).

Diamo uno sguardo all'area ”Assegnazione menu” qui sotto:

Immagine:Assegnazione_menu.jpg

Questo menu permette di mostrare il collegamento a questo modulo solo su alcune voci di menu (o pagine) e non sulle altre. Esso è visibile come voce di menu “Pagine di esempio” e in tutte le singole voci di menu sotto il menu "esempi" . Andiamo al front-end per vedere come funziona. Seleziona il collegamento Pagine di esempio dalla home page. Ora appare anche il menu Pagine di esempio. Selezionando una delle voci incluse nel menu Pagine di esempio il menu Pagine di esempio è ancora visibile. Questo permette all'utente di navigare facilmente all'interno di questa parte del sito, ad esempio, da una pagina di esempio a un altra. Questo tipo di schema di assegnazione è molto comune quando si desidera un menu che consente di mostrare solo per una definita sottosezione del sito.

Inserire un articolo

Se disponi di un sito web attivo e dinamico, si possono aggiungere nuovi contenuti frequentemente. Vediamo come si potrebbe aggiungere un nuovo articolo di prima pagina del sito web. Premi "Chiudi" sul modulo: [Modifica] schermata per tornare alla Gestione moduli. Seleziona Contenuto / Gestione Articoli. La schermata di Gestione Articolo viene visualizzata come di seguito:

Immagine:Gestione_articolo.png

In primo luogo, noti che questa schermata è per molti versi simile alle altre schermate di "Gestione" che abbiamo visto. Per esempio, in alto a destra vi è un altro insieme di filtri che consente di visualizzare solo i singoli articoli della lista. Stiamo per aggiungere un nuovo articolo. Per farlo, premi il pulsante "Nuovo" nella toolbar. Articolo: [Nuovo] schermata di visualizzazione come mostrato di seguito:

Immagine:Nuovo_articolo.png

Digita il titolo "Il mio nuovo articolo", fai clic su "Sì" per "Front-end". Nella sezione casella di riepilogo a discesa, selezionare "Senza Categoria". Questa imposta automaticamente la categoria anche su "Senza Categoria". Parleremo di sezioni e categorie un po 'più tardi. La schermata per l'inserimento del testo nell'articolo dovrebbe apparire come mostrato di seguito:

Immagine:Inserimento_testo_nuovo_articolo.png

Premi il pulsante "Salva" in alto a destra della barra degli strumenti per tornare alla Gestione Articolo. Ora, vai al front-end del sito e naviga verso la home page (che si trova davanti anche un layout di pagina). Il nostro nuovo articolo dovrebbe essere il primo articolo sulla pagina, e gli altri articoli verranno tutti spostati verso il basso, come mostrato di seguito:

Immagine:home_page_dopo_inserimento_nuovo_articolo.png

Inoltre, l'ultimo articolo visualizzato sulla pagina (intitolato "Solo una finestra di modifica! ...) ora appare come un link a fondo pagina, alla voce" Altri articoli ...". Abbiamo anche una serie di pulsanti di navigazione ( "Iniziot", "Indietro", e così via). Questi sono riportati di seguito:

Immagine:Ultimo_articolo_visualizzato.png

La prima pagina e altri blog e elenco layout in Joomla! comprendono funzionalità che rendono facile inserire un sacco di contenuti, di facile navigazione. Inoltre, come abbiamo visto, siamo in grado di calibrare un sacco di funzionalità utilizzando la configurazione dei parametri. Ritorna al back-end e rimuovi il nostro nuovo articolo. Trovi il "Front Page" nella colonna Gestione Articolo per l'articolo "La mia prima pagina". La spunta verde indica che questo articolo è pubblicato sulla prima pagina. Fai clic sul check icona e si trasforma in una "X" rossa. Ciò indica che l'articolo non è più<pubblicato sulla prima pagina.

Nel front-end, naviga verso la home page (o aggiorna il tuo browser) per visualizzare il cambiamento. Il nuovo articolo scompare e gli altri articoli si spostano. Scorri fino al fondo della pagina e nota che il pulsante "Avanti" e altri pulsanti di navigazione sono scomparsi, poiché non sono più necessari. Se ci pensi, Joomla! sta facendo un sacco di cose dietro le quinte per renderlo molto facile degli articoli sulla pagina.

Immagine:Categoria_sezione_nuovo_articolo.png

Ora, premei il pulsante "Salva" e torna al front-end. Che cosa pensi dovrebbe cambiare? Passa alle "Notizie" voce di menu nel menu principale e, come si prevedeva senza alcun dubbio, il nostro nuovo articolo è sulla prima sulla pagina. Si noti che lo schema di base e' di tipo blog, ma i parametri permettono di scegliere una serie di modi per ordinare gli articoli, tra cui l'ordinazione manuale per qualsiasi modo tu desideri.

Che cosa posso utilizzare oltre a blog o lista layout per mostrare articoli su argomenti simili? Posso utilizzare ancora le sezioni o categorie? Se si avrà un gran numero di articoli, la risposta potrebbe essere affermativa. Se si torna alla schermata di Gestione articolo nel back-end, si può vedere che ci sono per entrambi i filtri sezione e di categoria. Fai clic sul pulsante "Seleziona Categoria" filtro e selezionare "Ultimi" nella casella di riepilogo a discesa, come mostrato di seguito:

Immagine:Filtri_categorie.png

Registrazione e Login

Con Joomla!, Siamo in grado di aggiungere funzionalità avanzate al nostro sito in modo molto semplice, perché la programmazione è già fatta per noi. Un requisito comune per molti siti è di consentire agli utenti di registrarsi e accedere al sito. Forse ci sono aree del sito che sarnno disponibili solo per gli utenti collegati. Vogliamo anche alcuni utenti siano in grado di aggiungere o modificare articoli o altri contenuti.

Il caso fornisce un ottimo esempio di come aggiungere questa funzionalità al nostro sito web. Nel front-end, passare alla pagina iniziale ed il modulo di accesso sul lato sinistro, al di sotto del menu, come mostrato di seguito:

Immagine:Login_form.png

Questa piccolo form ha una grande quantità di funzionalità integrata in esso. La casella "Ricordati di Me" casella permette a un utente di accedere automaticamente sulle future visite al sito. Il link "Hai dimenticato la password" e "Hai dimenticato il tuo nome utente" invierà ad un utente un nome utente o password via e-mail (nessuno di noi dovrebbe dimenticare una password!). "Crea un account" permette ad un utente di registrarsi, con la capacità di convalidare il tuo account tramite e-mail. Vi sono un sacco di funzionalità in un po 'di spazio!

Che cosa ha fatto il web designer di Joomla! per aggiungere questa funzionalità per il sito? Vai al back-end e scoprirlo. Come abbiamo discusso in precedenza, i piccoli oggetti intorno alla zona contenuto sono normalmente moduli, andiamo a navigare estensioni / Gestione moduli. Useremo il filtro "Seleziona Tipo" per selezionare l'opzione tipo "mod_login", come mostrato di seguito:

Immagine:Login_form_filtro.png

Questo per visualizzare il modulo di accesso, come mostrato di seguito:

Immagine:Login_form_gestione.png

Fare clic sul modulo "Login Form" per aprire il modulo per la modifica. Questo per visualizzare il Modulo: schermata [Modifica], come mostrato di seguito:

Immagine:Login_form_modifica_modulo.png

Come abbiamo visto in precedenza con il modulo menu, in questa form diciamo a Joomla! dove mostrare sulla pagina il modulo di login (a "sinistra") e sui quali pagine o voci di menu (solo la voce di menu Home). Se si confronta questo schermata con il Modulo: [Modifica] che abbiamo visto prima, vedrete che il lato sinistro ( sezioni "Dettagli" e "Menu Assegnazione") è lo stesso del lato destro ( "Parametri ") È diverso. Ogni modulo deve essere messo in una posizione sulla pagina e assegnato a voci di menu. Al di là di questo, ogni modulo ha diversi parametri che consentono di mettere a punto un comportamento. Se lo si desidera, serve un minuto per esaminare il Modulo Parametri per il moduolo "mod_login". Al passaggio del mouse su un campo, un pop-up visualizza il messaggio di aiuto, come mostrato di seguito:

Immagine:Login_form_pop_up.png

Spesso, questo messaggio è sufficiente per dirvi che cosa fare. È anche possibile premere l'icona della Guida sulla barra degli strumenti per visualizzare una schermata di aiuto in una finestra separata del browser. Così, questo modulo è aggiunto al sito compilando questo semplice schermo. Questo aggiunge sofisticate funzionalità di accesso utente al sito.

Avanti, torniamo al front-end per vedere come funziona. Naviga verso la home page ed al login con il nome utente "admin" e la vostra password di amministratore. Si ritorna alla home page, ma con alcune differenze. In primo luogo, l'icona di edit accanto a ciascun articolo, come mostrato di seguito:

Immagine:Login_form_edit.png

L'icona di modifica sinistra del titolo consente di modificare l'articolo dal front-end. Vediamo. Fai clic sull'icona e modifica la schermata come mostrato qui sotto:

Immagine:Edit_fe.png

Si apre l'articolo per la modifica. Questa è una caratteristica molto importante di Joomla! CMS e software in generale. Gli utenti autorizzati possono aggiungere e modificare il contenuto del sito web navigando il isot stesso, e senza dover accedere al back-end.

L'altro cambiamento al contenuto della pagina è un nuovo menu utente, come mostrato di seguito:

Immagine:Menu_utente.png

Questo menu ti dà alcune importanti opzioni. Navigare verso la "I tuoi dettagli" pagina. Qui è possibile modificare le informazioni sul tuo account, quali nome, e-mail e la password. Avviso anche che è possibile selezionare la lingua del back-end e front-end. Joomla! si presenta in molte lingue diverse, e diversi utenti possono anche utilizzare diverse lingue.

Passa a "Invia un articolo". Qui un utente autorizzato può aggiungere un articolo per il sito web. "Invia un Web Link" permette a un utente autorizzato di aggiungere un link al sito.

Ora guardiamo come è finito nel back-end. Abbiamo già visto che l'accesso è stato aggiunto utilizzando il "mod_login" modulo. Per quanto riguarda il menu utente? Nel back-end, vai a menu di navigazione / Utente Menu per visualizzare la schermata qui di seguito:

Immagine:Menu_utente_login.png

Si noti che il livello di accesso per le voci del menu è o "registrato" o "speciali". Questo è il motivo per cui non è possibile visualizzare il menu a meno che non si sono registrati nel sito. In questo caso, solo gli utenti che sono registrati sul sito possono utilizzare la funzione "I vostri dati" o "Esci" sulle voci del menu. "Speciali" è un accesso più elevato che in questo caso consente agli utenti di navigare verso il "Invia l'articolo" e "Invia un Web Link" alle pagine. Tale sicurezza è costruita in Joomla!. Tutti scegliere un livello di accesso per ogni voce di menu. Ci sono molti altri parti in Joomla! dove è possibile impostare livelli di accesso, ad esempio, limitare l'accesso agli articoli o link.

Sulla colonna "Tipo", noterai che una speciale disposizione viene utilizzato per ognuna di queste voci di menu. Ancora una volta, Joomla! viene fornito con schema pronto per sostenere ciascuno di questi compiti, e il sito web tipo ci mostra come utilizzarli.

Altri Moduli

Prima di concludere, diamo un'occhiata a qualche funzionalità più particolare esistente in Joomla!. Nel back-end (Pannello amministratore), passa alla Gestione moduli selezionando la voce Estensioni => Gestione moduli. Dai uno sguardo a tutti i moduli che vengono utilizzati nel sito web di prova e, imposta il filtro relativo alla “Selezione stato” su Attivato, come mostrato qui di seguito:

Immagine:Dettaglio_gestione_moduli.jpg

Questa operazione ti permetterà per visualizzare l'elenco dei 19 moduli attivi, come puoi notare nell'immagine seguente:

Immagine:Schermata_gestione_moduli.jpg

Il sito web di prova è una miniera d'oro di esempi di come utilizzare i moduli. In aggiunta ai menu e moduli di accesso che abbiamo già visto, abbiamo esempi di 10 diversi moduli: banner, piè di pagina, i sondaggi, che è on-line, immagine casuale, il sistema di diffusione dei contenuti (syndication), notizie flash, ultime notizie, la maggior parte di essi possono definirsi popolari, ed il modulo per la ricerca. Con una piccola indagine, potrai scoprire come ogni modulo appare nel sito e cosa fa.

È inoltre possibile utilizzare la guida in linea per ulteriori informazioni su tutti i moduli disponibili. Dalla schermata di Gestione moduli, premere l'icona "Nuovo" nella barra degli strumenti, apparirà la schermata visibile qui di seguito:

Immagine:Nuovo_modulo.jpg

Questa mostra un elenco di tutti i 20 tipi di modulo disponibili in Joomla!.

Il pulsante “Aiuto” visualizzerà il file della Guida, come da immagine seguente:

Immagine:Aiuto_prima_parte.jpg

(Nota bene che ci sono anche i moduli dedicati per l'amministratore (back-end) di Joomla!. Normalmente non è necessario cambiare questi moduli di amministrazione di Joomla!, quindi non preoccuparti di quelli.)

Cliccando sul collegamento "Moduli sito" visualizzerai la schermata di aiuto per i moduli del sito, ecco un altro esempio:

Immagine:Aiuto_seconda_parte.jpg

Qui sono disponibili immagini esemplificative e la documentazione dettagliata per tutti i 20 tipi di modulo.


Conclusione

In questo manuale abbiamo esplorato gli esempi di Joomla! lato amm.vo e lato pubblico. Il sito fornisce esempi su molte funzionalità di Joomla! utili per costruire il proprio sito. Una volta apprese queste, sarete sulla buona strada per conoscere Joomla!.

Manuale tradotto da:
clubbu
Francesco Blangiforti
lello_67


Traduttori

# Paragrafo Stato Immagini
1 Installazione Tradotto da clubbu ok
2 Esplorazione Tradotto da clubbu ok
3 Prima modifica Tradotto da Francesco Blangiforti ok
4 Alcune spiegazioni Tradotto da lello_67 ok
5 Inserire un articolo Tradotto da Francesco Blangiforti ok
6 Registrazione e Login Tradotto da Francesco Blangiforti ok
7 Altri Moduli Tradotto da lello_67 ok
8 Conclusione Tradotto da ste
Strumenti personali
centro traduzioni