N.B.
Quando converto dei template per siti ancora da realizzare, visto che per ogni lavoro mi creo un sito di test in locale, utilizzo Akeeba per consegnare al cliente al posto del solito pacchetto di installazione del template, l’intero sito che poi popolerà il cliente.

Per ripristinare il backup di Akeeba del nostro sito in Joomla, per prima cosa dobbiamo scaricare Akeeba Kickstart, e ovviamente il backup fatto con Akeeba (come abbiamo visto nell’articolo precedente).

Apriamo il nostro client ftp preferito e ci colleghiamo al sito in cui vogliamo ripristinare il backup, andiamo a caricare il file del backup. Mentre il file viene pubblicato, scompattiamo in locale il pacchetto di Akeeba Kickstart.

Finito di pubblicare il file del backup, dobbiamo pubblicare anche i seguenti file presenti nel pacchetto del Kickstart:

• kickstart.php
• json2.min.js
• jquery.min.js
• en-GB.kickstart.ini
• it-IT.kickstart.ini

ATTENZIONE
Se stai facendo un ripristono su uno spazio di Aruba devi porre attenzione ai permessi dei file, altrimenti ti verrà restituito un errore 500. Subito dopo aver pubblicato questi file devi impostare i permessi 755 sul file kickstart.php Nota Aruba sui permessi dei file e delle cartelle

Ripristino dei File con Akeeba Kickstart

Finito di pubblicare tutti questi file possiamo iniziare il ripristino dei file, collegandoci all’indirizzo: http://www.sito-su-cui-faccio-il-ripristino.it/kickstart.php, ci apparirà la seguente nota informativa.

Clicchiamo su Clicca qui o premi Esc per chiudere questo messaggio. Si aprirà la seguente schermata con i parametri di ripristino.

Kickstart ci offre diversi sistemi per il ripristino, per quello più semplice che stiamo utilizzando dobbiamo selezionare il metodo di estrazione impostandolo su Direttamente.

Dopo questa operazione spariranno un po’ di campi. Lanciamo l’estrazione dei file cliccando sul pulsante AVVIO in fondo alla pagina. Apparirà una pagina con l’avanzamento dell’estrazione dei file.

Come ricorda l’avviso, non bisogna chiudere questa schermata. Quando la procedura sarà terminata apparirà il seguente messaggio.

ATTENZIONE
Come detto precedentemente per chi effettua un ripristino su Aruba bisogna correggere i permessi a 755 sul file /installation/index.php prima di procedere.

Installazione del sito con ANGIE

Cliccando su Avvia l’installer, partirà l’installazione/configurazione del nostro sito. Questa procedura di Akeeba si chima ANGIE.

In questa schermata ci vengono visualizzate le varie impostazioni del nostro spazio. Per procedere clicchiamo sul pulsante Prossimo in alto a destra.

Si aprirà la schermata Ripristino del database principale del sito.

Dove andremo a inserire le credenziali per la connessione al db. I dati di connessione dovrebbe averceli forniti il nostro hosting provider, e bisogna far riferimento a lui per riaverli, nel caso in cui non li trovassimo più.

Anche in questo caso per procedere clicchiamo sul pulsante Procedi in alto a destra. Si aprirà una finestra con l’avanzamento del ripristino del database, alla fine di questa procedura ci apparirà il messaggio “il ripristino del database è avvenuto con successo”

N.B.
Nel caso avessimo sbagliato ad inserire una delle credenziali per la connessione al db, ci verrà segnalato, e avremo modo di ripetere l’ultimo passaggio.

Passiamo ora alle ultime configurazioni, clicchiamo sul pulsante Fase successiva, che farà apparire una maschera con tutta una serie di informazioni(le configurazioni Globali di Joomla). Per confermarle possiamo cliccare il pulsante Prossimo in alto a destra.

La procedura di ripristino è terminata, non ci resta che eliminare la cartella di installazione attraverso l’apposito tasto.

ATTENZIONE
Come detto precedentemente per chi effettua un ripristino su Aruba è importante correggere i permessi a 755 sui file /index.php  e /administrator/index.php prima di procedere.

Possiamo quindi accedere al nostro sito e all’area di amministrazione.

N.B.
E’ bene a fine ripristino, constatato che tutto funzioni, rimuovere il file di backup che abbiamo pubblicato e i file del Kickstart.

Configurazione file .htaccess

Se su Joomla abbiamo attivato le friends url e navigando tra le pagine ci restituisce un errore di pagina non trovata, molto probabilmente dobbiamo modificare il file .htaccess.

Questo accade quando spostiamo il sito in uno di questi due scenari:

1. Da www.sito-di-partenza.it/cartellasito a www.sito-di-destinazione.it
2. Da www.sito-di-partenza.it a www.sito-di-destinazione.it/cartellasito

L’operazione da effettuare è molto semplice, dopo aver scaricato il file .htaccess presente nella root del nostro sito in Joomla, lo apriamo con un normalissimo editor, e cerchiamo la riga che inizia per RewriteBase che deve essere compilata come segue:

• Se il sito gira su una url come questa www.sito-di-destinazione.it la riga sarà cosi RewriteBase /
• Se il sito sarà raggiungibile ad un indirizzo come www.sito-di-destinazione.it/cartellasito dove cartellasito è il nome della cartella in cui gira il sito.
• la riga sarà cosi RewriteBase /cartellasito/ nel caso editando il file .htaccess trovassimo la riga # RewriteBase / è necessario rimuovere il caratttere #

Effettuate le modifiche sul file .htaccess è sufficiente ripubblicarlo.

Come ho detto nel precedente post, quello che ho appena descritto non è l’unico sistema per duplicare un sito, con Akeeba Backup. Se sei interessato a scoprire ulteriore sistemi per utilizzare  questo componente di Joomla non perderti i prossimi post, iscrivendoti ai feed RSS o tweeter o alla fan page.

Se hai un dubbio sulla procedura sopra descritta non esitare a chiedere, lascia un commento.

Per prima cosa bisogna scaricarlo dal sito ufficiale, installarlo con la normale procedura di installazione di Joomla. Fatto questo si avvierà  l'inizializzazione del componente, apparirà la schermata “Akeeba Backup: Post-installation configuration”, basterà cliccare sul pulsante “Accept the mandatory information and apply preferences”. Si aprirà la schermata di taratura delle configurazioni del componente.

Terminata la taratura, abbiamo la possibilità di eseguire subito il backup cliccando sul pulsante Backup Now.

Si aprirà la maschera Start a new backup. Per far partire il backup sarà sufficiente cliccare sul pulsante Backup Now!

Si avvierà il backup. Come ricorda l'avviso che compare, non bisogna chiudere la pagina corrente per tutta la durata della procedura. Quando questa terminerà apparirà un’apposita schermata.

Come eseguire un backup

Akeeba appena installato ci permette di effettuare subito un backup. Ma possiamo effettuare i backup ogni volta che vogliamo. Per farlo clicchiamo dal menu Componenti, la voce Akeeba Backup. Che farà aprire il pannello di controllo del componente, dove troviamo l'icona Backup Now.

Escludere tabelle, file o cartelle dal Backup

Può succedere che nella nostra installazione di Joomla ci sia materiale che non ci interessa includere nel backup, forse perché troppo pesante. Per escludere queste cartelle andiamo nel pannello di controllo del componente (Menu Componenti, clicchiamo sulla voce Akeeba Backup).

Nella schermata che apparirà, è presente la sezione Exclude data from the backup, dove troviamo i pulsanti Files and Directory Exclusion e Database Tables Exclusion.

Questi ci portano alle rispettive schermate, che ci permettono di selezionare gli elementi da escludere dal backup.

Come ottenere i file di Backup

Quando eseguiamo il backup del nostro sito con Akeeba, i file vengono salvati all'interno del sito stesso in una cartella irraggiungibile dall'esterno. Per poterli scaricare per archiviarli o usarli per ripristinare il nostro sito su un altro spazio (es uno spazio di test), esistono due sistemi:

1. Via ftp
2. Attraverso il back end di Joomla (Akeeba sconsiglia l'uso di questo sistema, ma se non si ha l'accesso ftp allo spazio, può essere l'unica soluzione).

Download del backup attraverso l'ftp

 Dopo esserci collegati al nostro spazio web attraverso il client ftp preferito, dalla root del sito andiamo nella seguente sottocartella /administrator/components/com_akeeba/backup/ dove sono contenuti tutti i file dei backup di Akeeba. File con estensione jpa

N.b.
Di default il nome del file del backup è parlante, ovvero è composto dal nome del sito + la data di quando il backup è stato effettuato.

Download attraverso il pannello di controllo di Akeeba

Dopo essere andati nel pannello di controllo del componente(Menu Componenti clicchiamo sulla voce Akeeba Backup). Clicchiamo sull'icona Manage Backups, che farà aprire la maschera contenente l'elenco dei backup eseguiti sul nostro sito.

Individuata la riga del backup che vogliamo scaricare, per procedere al download clicchiamo sul pulsante Part 00.

Il sistema ci ricorda che effettuare il download dal browser potrebbe in determinate circostanze, causare download corrotti o parziali, e di conseguenza il successivo fallimento del recupero di questi ultimi.

Dopo aver cliccato su OK si avvierà il download del nostro backup.

In questo articolo abbiamo visto come effettuare il backup del nostro sito, nel prossimo vedremo come ripristinarlo in un altro spazio. Akeeba Backup è uno strumento molto complesso, questi due articoli non saranno gli unici. Scrivendo questo articolo ho scoperto un ulteriore sistema di ripristino, che in alcuni casi particolari può essere utilissimo.

Proprio per questo se vuoi imparare a sfruttare al meglio questo componente di Joomla non perderti i prossimi post, iscrivendoti ai feed RSS o tweeter o alla fan page.

Se hai un dubbio sulla procedura sopra descritta non esitare a chiedere, lascia un commento.

In questi casi la prima operazione da fare è duplicare il template di partenza. Per far ciò esistono due sistemi:

1.     Modificando i file
2.     Dal pannello di controllo di Joomla.

Modificando i file

Andiamo via ftp nella cartella dei template (partendo dalla root del sito la cartella templates), e duplichiamo la cartella del template che vogliamo duplicare/rinominare chiamandola come vogliamo.

Cambiamo poi i riferimenti presenti nel file templateDetails.xml che sono: nome del template ed eventuali percorsi (generalmente sono i nomi dei file delle lingue).

Modifichiamo il tag <name> inserendo il nome del template che gli vogliamo dare, e i tag <language> (sono di solito in coppia) nei quali dobbiamo modificare il nome del file che usano il seguente schema en-GB.tpl_%Nome template%.ini e en-GB.tpl_%Nome template%.sys.ini

Eseguite le modifiche al file templateDetails.xml dobbiamo rinominare i file delle lingue che sono dentro la cartella del template nella sottocartella language/en-GB e/o language/it-IT. Il nome dei file delle lingue ha lo schema sopra descritto.

N.B.
Questo procedimento possiamo effettuarlo anche per un template non ancora installato. Partendo dallo zip che scarichiamo da internet. In questo caso effettuate le modifiche sopra descritte, lo pubblichiamo nella cartella templates del nostro sito.

L'ultimo passaggio è installarlo in joomla. Non essendo uno zip ed essendo già nella posizione di lavoro in joomla, la procedura per l’installazione è spiegata in questo articolo.

La procedura provvede a installare il template in joomla. Che possiamo poi impostare come predefinito con la solita procedura in Gestione Template. Definito il nuovo template, rimuoviamo il vecchio, se non ci serve più.

Dal pannello di controllo di Joomla

Joomla ci mette a disposizione una procedura che con pochi passaggi possiamo duplicare/rinominare il template.

Dal pannello di controllo di Joomla andiamo nel menu Estensioni e clicchiamo sulla voce Gestione Template.

Si aprirà la Gestione template: Stili, ma noi dobbiamo andare in Gestione template: Template quindi clicchiamo sulla tab template.

Aperta la Gestione template: template troveremo l'elenco di quelli installati sul nostro sito. Scorriamo l'elenco fino ad arrivare a quello che vogliamo rinominare e clicchiamo sul link %Nome template% Dettagli e File relativo a quel template.

Si aprirà la maschera Gestione template: Personalizza template. In fondo a questa troviamo la sezione Copia template, contenente il campo Nuovo nome del template.

Dove andiamo ad inserire il nuovo nome del template, affinché Joomla crei un nuovo template, è sufficiente cliccare sul campo Copia template. Chiudiamo la maschera in cui ci troviamo, torniamo nella Gestione template: Template troveremo tra i template installati anche il nuovo.

Sarà quindi sufficiente attivare il template dalla Gestione Template: Stili e poi procedere alla  rimozione del vecchio, se non ci serve più

Rimani aggiornato sulle potenzialità di questo fantastico cms iscrivendoti ai feed RSS o tweeter o alla fan page.

Se hai un dubbio sulla procedura sopra descritta non esitare a chiedere, lasciando un commento.

N.B.
Una cosa a cui bisogna prestare molta attenzione, nello sviluppo del proprio sito internt con cms come Joomla e WordPress è installare solo estensione che ci servono, esagerare con il numero di estensioni potrebbe portare rallentamenti al cms stesso.

Per prima cosa colleghiamoci all back-end del nostro sito, andiamo nel menu Estensioni e clicchiamo sulla voce Gestione Estensioni.

Nella maschera che si aprirà, clicchiamo su Gestisci.

Qui vengono elencate tutte le estensioni(componenti, moduli, plugin e template) installate sul nostro sito in Joomla. Per ognuna di queste possiamo disattivarle/attivarle e disinstallarle.

Attraverso i filtri è possibile individuare l’estensione su cui vogliamo operare.

Individuata l’estensione che vogliamo cancellare (es il template beez5) andiamo a selezionarla.

Clicchiamo quindi, sul pulsante dell’azione(Abilita, Disabilita e Disinstalla) che vogliamo fare.

Lavorando su siti non realizzati da me, ho notato la brutta abitudine, di eliminare le estensioni collegandosi in ftp al sito, e togliendo direttamente le cartelle di quello che non ci serve più. Questa procedura non è corretta, perché non vengono tolti i riferimenti presenti nel db del nostro sito.

N.B.
Anche se Joomla ci mette a disposizione una procedura di installazione e eliminazione delle estensioni, molto semplice, consiglio sempre di non utilizzare il proprio sito web di produzione, come banco di prova per testare le estensioni, ma installare solo quelle che rispondono alle nostre esigenze. Effettuando le prove su un sito di test.

Resta aggiornato sulle potenzialità di questo fantastico cms iscrivendoti ai feed RSS o tweeter o alla fan page.

Se hai un dubbio su questa procedura di disinstallazione non esitare a chiedere, lasciando un commento.

In un precedente articolo avevo scritto come installare moduli, componenti, plugin e template in Joomla. Esiste un ulteriore sistema per fare delle installazioni in Joomla, meno conosciuto e più orientato a chi lavora sullo sviluppo di estensioni in Joomla.

E’ la soluzione che prediligo quando sto realizzando un template in Joomla, o estensioni poiché è più veloce. Parlo dei template perché è l’estensione strutturalmente più semplice, dove i file sono tutti contenuti in una sottocartella che ha come nome il nome del template, contenuta nella cartella templates della nostra installazione di Joomla.

Dopo aver copiato tramite l’ftp la cartella del nostro template, dal pannello di controllo di joomla andiamo nel menu Estensione e clicchiamo sulla voce Gestione Estensioni.

Si aprirà la Gestione Estensioni, come appena detto non possiamo installare il template con la solita procedura, dobbiamo usarne un'altra, che si trova sotto esplora della Gestione Estensioni, clicchiamo sulla tab Esplora.

Si aprirà la maschera Gestione estensioni: Esplora, per prima cosa dobbiamo far fare una scansione a Joomla per verificare cosa trova di nuovo nelle sue cartelle. (La procedura verifica non solo i template, ma anche componenti, moduli e plugin).

Per far fare questo clicchiamo sul tasto Esplora in alto a Destra.

Ci restituirà tutto quello che ha trovato di nuovo sulla nostra installazione. In questo caso il nuovo Template. Per installarlo è sufficiente selezionarlo

E cliccare sul pulsante Installa.

Resta aggiornato sulle potenzialità di questo fantastico cms iscrivendoti ai feed RSS o tweeter o alla fan page.

Se hai un dubbio su questa procedura di installazione non esitare a chiedere, lasciando un commento.

L’altro sistema che vediamo oggi, è configurabile completamente dalla Gestione delle pagine. Per prima cosa dopo esserci collegati all’area amministrativa del nostro sito (Bacheca), clicchiamo sulla voce Pagine presente nel menù di sinistra.

Si aprirà l’elenco delle pagine contenute all’interno del sito. Tutte queste vengono visualizzate all’interno del menu del nostro sito(sempre che non si sia attivato un menu con la procedura descritta in precedenza). Editando ogni singola pagina possiamo impostare l’ordine o la struttura.

Dove per struttura, definiamo la voce padre e quelle figlie(in parole povere i menu a tendina).

L’ordinamento delle voci di menu

Per definire l’ordine delle voci di menù dobbiamo editare tutte le pagine. Conviene partire da quella che vogliamo che appaia più a sinistra. Appena si aprirà la maschera per editare l’articolo, andiamo nelle colonna di destra. e ci posizioniamo nella sezione Attributi pagina. dove aimpostiamo l’ordinamento. Fatto questo salviamo la pagina e passiamo alle successive.

N.B.
Nell’ordinamento, il numero più basso è a sinistra, quindi il più alto a destra. Per facilitarci l’eventuale inserimento di voci in futuro, conviene usare una numerazione che va di dieci in dieci, ovvero 10,20,30,40,50. Dovendo aggiungere una voce tra la 20 e la 30 gli assegniamo 25.

La struttura dei menu

L’organizzazione delle pagine in voci padri e figlie, è molto simile all’ordinamento. Dopo aver editato la pagina, andiamo nella sezione Attributi di pagina. Questa volta agiamo sull’opzione Genitore.

Per le voci di menu padre, bisogna lasciare Pagina base (l’opzione di default). Mentre per le pagine figlio (le voci del sotto menu), dobbiamo impostare qual’è la voce padre, e lo facciamo con l’apposita combobox.

Ovviamente ogni volta che impostiamo un Genitore per una pagina, bisogna salvarla.

N.B.
Organizzando i menu in voci padre e voci figlio, è necessario tenere presente l’ordinamento. Conviene a tal punto fare prima tutte le voci padre e poi le voci figlio. Possiamo azzerare la numerazione per ogni menu a tendina.

Con questo articolo, si chiude la serie sulla gestione dei menu in WordPress.

Resta aggiornato iscrivendoti alla fan page, ricorda che ogni giorno sono disponibili  approfondimenti su questo CMS.

Se hai un dubbio non esitare a chiedere, lasciando un commento.

1. Trascinando la voce dove vogliamo nel menu
   Basta cliccare sulla voce di cui vogliamo modificare l’ordine e trascinarla nella posizione che più ci aggrada.
   
2. Con le opzioni presenti all’interno delle singole voci.
   Cliccando sulla freccia sulla destra delle voci di menu,  questa si espande.
   Mostrando una serie di opzioni che ci permettono di spostare la singola voce dove vogliamo.
   

Alla fine di tutte queste modifiche dobbiamo salvarle cliccando sul pulsante Salva menu.

Nel caso in cui il nostro menu sia composto da molte più voci, possiamo organizzarlo in voci e sotto voci (i classici menu a tendina). Per farlo basta trascinarla facendo in modo che la voce figlio sia sotto la voce padre, e che rientri un po’ più a destra(Più complesso dirlo che farlo).

Per quanto riguarda l’inserimento di un menu in WordPress attraverso la “gestione” dei menu, con questo articolo abbiamo abbracciato tutte le casistiche. Però nel precedente post ho detto che esistono due sistemi per gestire i menu in WordPress. Nel prossimo vedremo come creare e gestire i menu dalla gestione delle pagine.

Per non perderlo rimani aggiornato iscrivendoti alla fan page. Ricorda che ogni giorno saranno disponibili  approfondimenti su questo CMS.

Parlando di WordPress non si può non parlare di come si gestiscono i menu.

Prima di entrare nelle configurazione è giusto fare un cenno storico. WordPress è nato come piattaforma di Blogging, e con il tempo si è evoluto come cms.  La gestione dei menu è stata sviluppata in più riprese, questo ha fatto si che esistano due sistemi per creare e gestire i menu.

1. Attraverso la “gestione” dei menu (molto più pratico e flessibile)
2. Dalla gestione delle pagine (più laborioso). Il sistema predefinito, fino a che non si crea e si assegna un menu, attraverso la gestione menu.

Questa premessa è doverosa, perché potrebbero esserci in circolazione vecchi temi, che non prevedono la gestione dei menu dall’apposita interfaccia. Nel caso in cui volessimo usarne uno senza intervenire sul codice. E’ possibile avere i menu come vogliamo, sfruttando la configurazione dalle pagine.

Configurazione dalla “gestione” dei menu

Dopo essersi loggati al nostro sito, dalla bacheca andiamo sul menu Aspetto e clicchiamo sulla voce Menu.

Si aprirà la maschera di gestione dei menu. Da questa possiamo, creare tutti i menu che vogliamo e dire in quale posizione del tema devono apparire.

La maschera si divide in due colonne: quella di sinistra dove è presente l’elenco degli elementi che si possono aggiungere al menu(pagine, categorie, link ecc), in quella di destra i menu.

Come aggiungere un nuovo Menu

Appena entriamo nella gestione dei menu, dopo aver installato WordPress, ci viene proposto un ipotetico Menu 1, contenente tutte le pagine presenti sul sito. Per salvarlo cliccare sul pulsante Crea Menu.

Dove in Nome menu indichiamo il nome che vogliamo dare al menu (al visitatore non appare, serve a noi per la gestione). Per default sui siti che realizzo lo chiamo Main Navigation.

Nel caso in cui volessimo creare un ulteriore menu. Clicchiamo su crea un nuovo menu.

Si aprirà la maschera per la definizione del nome del nuovo menu. Inserito, per completare la creazione, basta cliccare sul pulsante Creazione Menu.

Siamo pronti per associare al nostro menu le pagine, i link o le categorie.

Come assegnare un elemento ad un Menu

Nel caso in cui avessimo più menu sul nostro sito, per selezionare quello su cui lavorare possiamo farlo attraverso l’apposita combo box.

Confermado con il pulsante Seleziona. Questa operazione fa apparire le voci del menu selezionato nella colonna di destra.

Per aggiungere un elemento, in questo caso, la pagina Dove siamo al menu Main Navigation, andiamo nella colonna di sinistra, e clicchiamo sulla sezione Pagine, in questo blocco ci sono tutte le pagine presenti nel nostro sito.

Flegghiamo quindi Dove siamo e premiamo il pulsante Aggiungi al menu.

Nel menu Main Navigation apparirà la pagina Dove siamo.

Affichè le modifiche effettuate al menu siano visibili basta cliccare su Salva menu.

N.B.
Abbiamo visto come inserire una pagina, la procedura è identica per tutti gli altri elementi, categorie link e Custom Post.

Associazione del menu alla posizione voluta

Una volta creati i menu, possiamo associarli alle posizioni volute. In un tema ne abbiamo una o più, solitamente due.

All’interno della Gestione Menu, troviamo la tab Gestioni posizioni.

Cliccandoci sopra si aprirà la maschera che ci permette l’assegnazione dei menu alle rispettive posizioni.

Per rendere effettive le modifiche, non dimentichiamoci di cliccare sul pulsante Salva le modifiche, e il menu sarà visibile ai visitatori del sito.

Inserite le voci di menu sicuramente sarà necessario organizzarle, argomento del prossimo post. Per non perderlo rimani aggiornato iscrivendoti alla fan page. Ricorda che ogni giorno saranno disponibili  approfondimenti su questo CMS.

Preparando un post che spiega come gestire i menu in WordPress, mi sono reso conto che bisogna sapere cosa sono i Custom Post, e le tassonomie. Cercando di essere il più esaustivo possibile sui menu, non potevo fare un post unico.

I Custom Post

Sono un particolare tipo di contenuto, che chiunque abbia dimestichezza con il codice php può implementare sul proprio sito realizzato con WordPress.

Spesso vengono usati anche nei temi, ad esempio possiamo trovare Portfolio, Service, Slide.

Notiamo la presenza di questi custom post, generalmente nella bacheca del nostro sito, nella barra dei menu a sinistra.

Li possiamo trovare anche nella gestione dei menu di WordPress.

Le tassonomie

Quando ho parlato degli articoli, ho detto che a questi si possono associare più categorie.

Le categorie ci danno un ulteriore metodo di accesso agli articoli. Prendiamo come esempio un giornale online. Al suo interno sono presenti più categorie, Cronaca, Politica, Sport, Cultura ecc. In home page sono presenti tutte le ultime notizie, possiamo accedere alle singole notizie dalla home page, spulciando solo quelle che ci interessano, oppure andare nella sezione(categoria) che ci interessa.

Le categorie diventano quindi importanti per organizzare e facilitare la navigazione dei contenuti del nostro sito. Non esistono solo le categorie, abbiamo i tag, poi per i Custom Post possiamo avere dei sistemi per organizzarli es Portfolio Tags, Portfolio Categories,Service Tag e Services Categories. Ovviamente come i Custom Post, queste entità vengono create da codice.

Tutti questi sistemi di organizzare i contenuti all’interno del nostro sito, prendono il nome di Tassonomie.

Resta aggiornato iscrivendoti alla fan page, ricorda che ogni giorno saranno disponibili  approfondimenti su questo CMS.

In un sito internet la home page rappresenta la sua porta di ingresso. In WordPress possiamo decidere di inserire al suo interno: contenuti statici o un flusso di notizie.

Riprendendo il precedente post. Contenuto statico è la pagina, mentre il flusso di notizie è composto da una serie di articoli.

Cosa visualizzare in home page lo decidiamo da “Impostazioni lettura”, raggiungibile dal menu di sinistra cliccando su Impostazioni e poi nella sottovoce Lettura.

Questa maschera è abbastanza intuitiva, ci permette di settare o Gli ultimi articoli o Una Pagina statica.

Nel caso in cui decidiamo di settare Una pagina statica, abbiamo due ulteriori settaggi:

1. Pagina iniziale
   Selezioniamo la pagina che vogliamo che appaia come home page del sito, tra quelle create in precedenza.
2. Pagina articoli
   Questo settaggio ci permette di selezionare, nel caso in cui il nostro sito abbia un blog, la pagina che vogliamo usare come tale.
   
   E’ sufficiente selezionare una pagina in cui abbiamo inserito solo il titolo es Blog. Quando andremo a richiamarla appariranno tutti gli articoli del blog.

N.B.
Quando parliamo di Pagina articoli o Gli ultimi articoli gli articoli che verranno mostrati sono gli ultimi inseriti, a prescindere dalla categoria. La possibilità di far apparire gli articoli di una sola categoria dipende da come è stato sviluppato il tema di WordPress. Ci sono temi che mostrano tutti gli articoli e altri che permettono di selezionare la categoria.

Il numero di articoli da mostrare in Home page

Possiamo decidere il numero di articoli da mostrare in Home page. dall’opzione che si trova sempre nella pagina Impostazioni lettura subito sotto La pagina iniziale mostra:

Articolo Evidenziato o in Risalto

In un Cosa sono i corporate blog o blog aziendali? man mano che si inseriscono articoli, progressivamente questi si allontanano dalla home page, diventando sempre meno visibili. In WordPress è presente un’opzione, che permette a uno o più articoli di rimanere fisso in home page.

Per evidenziare un articolo, dopo averlo editato, nella colonna di destra in alto clicchiamo sul link Modifica, tra le opzioni di Visibilità.

Che farà aprire una serie di opzioni, tra le quali Mantenere questo articolo sempre in prima pagina.

Dopo averla fleggata clicchiamo su OK , bisogna salvare l’articolo cliccando sul pulsante Aggiorna.

N.B.
Inserendo uno o più articoli in evidenza, il numero degli articoli mostrati sarà maggiore di quello impostato in La pagina iniziale mostra. Perché da questa opzione sono esclusi quelli in evidenza.

ATTENZIONE!!!
Se vuoi approfondire la conoscenza di WordPress, iscriviti subito sulla fan page, Ogni giorno per te consigli, e approfondimenti su questo CMS.
Se hai un dubbio sul contenuto di questo post non esitare a chiedere, lasciando un commento.

Riporto subito la premessa che ho inserito sulle schede che invio in omaggio a chi realizza un mini sito internet.

Se non si vuole perdere tempo ad inserire due volte gli stessi contenuti è fondamentale capire le differenze tra i due. Quando usare uno e quando l’altro.

Detto questo come prima cosa dobbiamo autenticarci alla bacheca del nostro sito, andando all’indirizzo http://www.miosito.it/wp-admin/ . Dopo aver inserito la user e la password, visitando sia il sito che la bacheca, appare in alto una barra con dei menu, passiamo sulla voce “+ Nuovo” si aprirà l’elenco degli elementi che possiamo aggiungere al nostro sito:

• Articolo
• Nuovo Media
• Pagina

Clichiamo su Articolo (la procedura per aggiungere una pagina o un articolo è praticamente identica).

Inserire una pagina o un articolo

Dopo aver cliccato sulla voce Articolo o Pagina apparirà questa maschera.

Ci interessano solo pochi elementi:

• Titolo
  
• Editor
  
• Pulsante di Salvataggio/Pubblicazione
  

Per inserire un articolo o una pagina, basta compilare questi campi. Per rendere poi visibili le modifiche all’esterno bisogna cliccare su Pubblica.

Articoli: le categorie

Nel caso degli Articoli WordPress ci permette di organizzarli in categorie, nella pagina di inserimento e modifica degli articoli, oltre che assegnarle possiamo anche crearle.

Nella colonna di destra è presente il seguente box.

Creiamo una categoria cliccando sul link + Aggiungi una nuova categoria. Comparirà una serie di controlli. Tra cui il campo dove inserire il nome della categoria.

Possiamo anche nidificare le categorie su più livelli, definendo la categoria madre.

Compilati i campi clicchiamo sul pulsante Aggiungi una nuova categoria.

Appena inserita, verrà subito selezionata.

Fleggate le categorie di appartenenza dell’articolo, è importante cliccare sul pulsante Pubblica.

Modifica di un articolo o di una pagina

Nel momento in cui vogliamo modificare un’articolo o una pagina, visualizzando il testo nel front-end del sito, dopo esserci autenticati. Clicchiamo sul link Modifica articolo, presente nel menu in alto.

Che farà aprire la maschera vista in precedenza, dopo aver effettuate le modifiche ricordiamoci di cliccare sul pulsante Aggiorna.

ATTENZIONE!!!

Se vuoi approfondire la conoscenza di WordPress, iscrivti subito sulla fan page, Ogni giorno per te consigli, e approfondimeti su questo CMS.

Se hai un dubbio sul contenuto di questo post non esitare a chiedere, lasciando un commento.

Ho studiare tanto, partendo dal codice, passando per le sue estensioni, le sue grafiche, e le sue interfacce. Mi sono trovato anche a dover sviluppare dei plugin e modificare dei temi.

Ho voglia di condividere tutto quello che ho imparato su questo CMS, qui sul blog, come ho fatto per Joomla, più avanti tornerò a parlarne.

Premetto fin da subito che non voglio mettermi a fare un paragone su qual’è il cms migliore, tra Joomla e WordPress. Ognuno ha pregi e difetti. Internet è pieno di queste discussioni, non intendo inziarne l’ennesima su questo Blog!

Certamente farò dei confronti tra Joomla e WordPress. Avendo quasi sempre usato Joomla, il paragone è d’obbligo. Fin da subito ho cercato le stesse funzioni di Joomla in WordPress.

Le interfacce

Partiamo dalle interfacce, che come per Joomla sono due:

1. sito
   Quello che i visitatori vedono quando arrivano sul sito
2. bacheca
   L’area amministrativa, alla quale si accede dalla cartella /wp-admin/, es http://www.miosito.it/wp-admin/. A differenza di Joomla dove l’inserimento degli articoli è permesso da un’apposita interfaccia nel front-end. Gli inserimenti si fanno solo da questa sezione. Naturalmente un editore non potrà vedere tutti i settaggi di WordPress.

Le estensioni

In WordPress le funzioni che svolgono in Joomla: componenti, plugin e moduli sono tutte svolte dai plugin.

N.B.
I blocchi che stanno attorno agli articoli in Joomla sono chiamati moduli. In WordPress sono Widget, ma vengono resi disponibili sempre grazie all’installazione di Plugin.

L’aspetto Grafico

In WordPress l’estensione che si occupa dell’aspetto grafico del CMS è il tema (In Joomla si chiama template). Abbiamo anche i template, da non confondere con quelli di Joomla. I template in WordPress permettono di variare la visualizzazione tra: home-page, pagine, articoli, categorie ecc. Consentono anche di personalizzare la visualizzazione di una singola categoria, pagina, articolo ecc rispetto alle altre.

Pagina, Articolo e Custom post type

In Joomla siamo abituati che i contenuti sono articoli, poi secondo come li colleghiamo ai menu diventano pagine statiche o un flusso di notizie. In Wordpress abbiamo tre entità distinte:

1. Articoli
   Che sono quelli che compongono i flussi di notizie, blog ecc
2. Pagine
   I contenuti statici del sito.
3. Custom post type
   Non è un’entità come gli articoli e le pagine, ma un particolare tipo di post, creato appositamente per il sito. Generalmente i Custom post type sono aggiunti dai temi. Es nel tema SmartStart vengono aggiunti: Portfolio, Team e Slider.

Le URL

Quando ho iniziato a studiare Joomla, ho impiegato un po’ di tempo a capirle, come si creano e funzionano. E’ il punto dove tutti si perdono. Come ho spiegato in un articolo in un sito fatto con Joomla le url vengono scritte in base alle impostazioni dei menu. In WordPress è il contrario. Le url le si definiscono nelle Pagine e negli articoli.

Spero, che per chi si approccia a WordPress, questa prima carrellata sia stata d’aiuto, se hai dubbi o perplessità non esitare a lasciare un commento qui sotto.

Nel prossimo articolo di questa serie vedremo di addentrarci ulterormente nelle funzionalità e interfacce di WordPress.

Come si fa a cambiare la grafica del nostro sito realizzato con Joomla? Lo si fa attraverso i template, che possiamo scaricare da internet, molti siti internet offrono grafiche gratuite o a pagamento, possiamo realizzarlo noi o farci realizzare un template ad hoc.

Come installare un template

Il template è composto da una serie di file compressi. Per installarlo utilizziamo la procedura d’installazione di Joomla.

Come impostare il template per il nostro sito

Quando installiamo un template per Joomla solitamente viene installato nel cms, ma viene visualizzato ancora con la “vecchia” grafica. Per fare in modo che l’aspetto del nostro sito cambi, dobbiamo impostare lo stile del template.

Dopo esserci collegati al back-end del nostro sito, dobbiamo cliccare sulla voce Gestione Template del menu Componenti, questo aprirà la maschera Gestione Template: Stili, nella quale per rendere predefinito un template, sarà sufficiente cliccare sulla sua stellina.

Una cosa che apprezzo moltissimo di Joomla è la possibilità di assegnare più stile/template ad uno stesso sito. Con la procedura sopra descritta il template che abbiamo appena reso predefinito verrà usato per tutto il sito. Ma ci sono casi in cui un sito deve apparire con più vesti a seconda della sezione che l’utente sta consultando.

Dopo aver assegnato il template principale al sito, editiamo lo stile che vogliamo usare per una determinata sezione del sito o per il resto del sito, e andiamo nella sezione Assegnazione menu dove troviamo tutte le voci di menu suddivise secondo il menu di appartenenza.

Dove andiamo a fleggare le voci di menu nelle quali vogliamo che appaia lo stile selezionato.

Posizione dei moduli

Cambiando il template del nostro sito potrebbe capitare che il nome delle posizioni del vecchio template abbiano nomi diversi, facendo sparire una serie di moduli. Dobbiamo variarle editando i singoli moduli come descritto nel precedente post. Se i moduli sono tanti dopo averne riassegnato uno, dalla Gestione moduli possiamo usare Processo Batch per i moduli selezionati.

Attraverso la chekbox accanto al titolo del modulo

selezioniamo i moduli di cui vogliamo variare la posizione, scorriamo in fondo alla maschera fino alla sezione Processo Batch per i moduli selezionati, andiamo a definire la nuova posizione, diciamo che li vogliamo spostare e Avviamo la procedura.

Differenza tra Stile e Template

Finora ho parlato indifferentemente di Stile e Template, cerchiamo di fare un po’ di chiarezza:

• Template: possiamo definirlo come la grafica vera e propria del sito.
• Stile: sono le impostazioni del template, che non va confuso con i fogli di stile, è un concetto introdotto con Joomla 2.5. Per ogni template possiamo avere più stili, c’è da tenere presente che nello stile possiamo definire non solo Assegnazione menu ma molti parametri che dipendono dal template, possono essere: colore, dimensioni ecc.

L’elenco dei template installati lo troviamo nella Gestione template, cliccando sulla tab template.

Come Creare un nuovo stile

Lo stile sono le impostazioni del template. Potremmo volerne avere diverse per lo stesso template, in alcune aree del stesso sito. Per farlo dobbiamo duplicare lo stile del nostro template, e poi modificarlo.

Per duplicare lo stile è sufficiente, selezionare la relativa combobox

e poi cliccare sul pulsante duplica .

A questo punto sarà sufficiente editare il nuovo stile a seconda delle nostre esigenze.

Joomla è un CMS complesso che ci permette di realizzare un sito come vogliamo. Rimani aggiornato sulle possibili configurazioni di questo fantastico CMS iscrivendoti ai: feed RSS o tweeter o alla fan page.

Se hai un dubbio sul contenuto di questo post non esitare a chiedere, lasciando un commento.

I principali moduli di Joomla

Tenendo conto che senza i moduli il nostro sito realizzato con joomla sarebbe inutilizzabile vediamo quali sono i moduli che sicuramente verranno utilizzati:

• Menu I memu del nostro sito vengono visualizzati attraverso questo modulo
• HTML personalizzato un modulo molto versatile che ci permette di inserire un blocco di testo.
• Percorso ci permette di inserire una Breadcrumb (letteralmente "briciole di pane") nel nostro sito. (Ne avevo parlato nell’ articolo SEO: La struttura del sito web )
• Cerca ci permette di inserire un box con la casella di testa del motori di ricerca di Joomla
• Login il modulo per il login al nostro sito, nel caso in cui sia necessaria l’autenticazione di utenti dal front-end
• Articoli tutta una serie di moduli che ci permettono di visualizzare una serie di articoli
  • Articoli recenti
  • Articoli più letti
  • Categoria articoli

Ricordiamoci che è poi disponibile tutta una serie di Moduli da scaricare e installare sul nostro sito.

La Gestione moduli

Dopo eserci collegati al back end del nostro sito, sotto il menu Estensioni troviamo la voce Gestione moduli, da cui possiamo inserire, togliere e modificare le impostazioni dei moduli del nostro sito.

Ordinamento

Come per L’ordine delle voci menu da questa interfaccia possiamo dare un ordine ai moduli che occupano la stessa posizione per un template.

Inseriamo un nuovo modulo

Per inserire un nuovo modulo dalla Gestione moduli, dobbiamo cliccare sul pulsante Nuovo  che farà apparire la finestra: “Seleziona un tipo di modulo:”

Nella quale andiamo a selezionare HTML personalizzato.

N.B.
Molte impostazioni dei moduli sono simili, visto che principalmente parlerò delle loro impostazioni generali, un modulo vale l’altro.

Le principali impostazioni dei moduli

Quando creiamo o modifichiamo un modulo si apre una maschera da cui possiamo gestire il singolo modulo.

Come ho appena detto prendo solo come esempio il modulo HTML personalizzato, per questo mi soffermo sulle sezioni Dettagli e Assegnazione menu ma c’è anche da tenere in considerazione la sezione sulla destra Opzioni di base contenente le configurazioni di molti moduli.

Dettagli

• Titolo il titolo che vogliamo dare al modulo e che aparirà sopra di esso.
• Mostra titolo se non vogliamo che venga visualizzato il titolo, sarà sufficiente selezionare nascondi.
• Posizione la posizione del template nella quale vogliamo appaia il modulo.
• Stato Ogni modulo può essere Pubblicato, Sospeso o Cestinato.
• Ordinamento solitamente ogni posizione del template può contenere più moduli, da qui decidiamo l’ordine in cui devono apparire

Assegnazione

Capita spesso che un modulo deve apparire solo in certe sezioni del nosto sito, queste vengono definite dalle voci di menu. L’interfaccia ci mette a disposizione due “comandi” per decidere dove vogliamo che appaia il nostro modulo:

1. Assegnazione modulo: da qui decidiamo il comportamento della visualizzazione del modulo attraverso le voci:
   • Su tutte le pagine
   • Su nessuna pagina
   • Solo sulle pagine selezionate
   • Su tutte le pagine eccetto quelle selezionate
2. Seleziona le voci di menu: qui troviamo l’elenco di tutte le voci di menu del sito, suddivise per menu attraverso le quali possiamo decidere dove far apparire o scomparire il nostro modulo.

Posizioni dei moduli

A seconda dei template esiste una serie di posizioni disponibili in cui è possibile inserire i moduli, per sapere quali sono possiamo consultare la manualistica del template usato sul nostro sito(non sempre disponibile), oppure attivare l’anteprima del template per conoscere: il nome e dove sono collocate le posizioni dei moduli.

Parlando del modulo HTML personalizzato non ci rimane che inserire un testo attraverso l’editor presente nella sezione Personalizza Output (Se sul nostro sito abbiamo installato e configurato JCE, questo sarà l’editor utilizzato). e salvare il modulo, attraverso i pulsante Salva, Salva e Chiudi, e Salva e Nuovo.

I moduli disponibili per Joomla sono tanti, ma la logica per la loro gestione è molto simile, e le differenze rispetto al modulo HTML personalizzato si trovano sempre nella colonna di destra nella sezione Opzioni di base. Rimani aggiornato sulle possibili configurazioni di questo fantastico CMS iscrivendoti ai: feed RSS o tweeter o alla fan page.

Se hai un dubbio sul contenuto di questo post non esitare a chiedere, lasciando un commento.

La procedura è molto semplice e non richiede accessi ftp al sito. Dopo aver scaricato ciò che vogliamo installare, dobbiamo accedere al pannello di amministrazione di Joomla, andare sotto il menu Estensioni e cliccare sulla voce Gestione Estensioni. Questo farà aprire l’omonima maschera.

Per installare il nostro componente, modulo, plugin o template è sufficiente selezionare il file dell’estensione, che può avere come estensione zip o tar.gz tramite il pulsante Scegli file

e poi cliccare su Carica & Installa.

La procedura ci restituirà un messaggio sia nel caso in cui l’installazione sia andata a buon fine o abbia dato errore.

Fatto ciò non ci resta che abilitare/configurare quanto installato.

Questo è il sistema più utilizzato per installare qualcosa su Joomla, ma ne esistono altri due:

1. Installa da cartella
   Serve nel caso in cui ci siano dei problemi di configurazione del web server, che non rispecchia i requisiti per ospitare Joomla, o più semplicemente il setup sia troppo grosso.
2. Installa da URL
   Sistema è molto simile a quello Carica il file da pacchetto compresso, solo che il file non viene scaricato precedentemente sul nostro computer, ma direttamente all’interno della nostra installazione di Joomla.

Vediamo ora come procedere nell’installazione dei: componenti, modulo, plugin o template utilizzando questi due metodi.

Installa da cartella

Scompattiamo in una cartella del nostro computer il pacchetto dell’estensione che vogliamo installare, attraverso l’ftp carichiamo la directory del pacchetto all’interno della cartella tmp del nostro sito.

N.B.
Questo è l’unico caso in cui bisogna usare l’ftp per installare un addons in Joomla.

Attenzione
Nella struttura delle cartelle di Joomla che compongono il nostro sito ne esiste una chiamata tmp, che è la stessa che l’interfaccia propone.

Nell’interfaccia di installazione dobbiamo aggiungere all’indirizzo proposto il nome della cartella del componente che abbiamo appena caricato attraverso al ftp.

es: se l’interfaccia ci propone /www/joomla/tmp e la cartella si chiama com_miocomponente il percorso che dobbiamo indicare sarà /www/joomla/tmp/com_miocomponente.

A questo punto cliccando sul pulsante Installa, la procedura provvederà ad installare il pacchetto. Alla fine come per Carica il file da pacchetto compresso ci verrà restituito l’esito dell’installazione.

Installa da URL

La procedura è simile alla precedente, all’interno della casella Url installazione andiamo ad indicare la url dove è presente l’estensione che vogliamo installare.

es: se il pacchetto mio_componente.zip si trova all’indirizzo http://www.sviluppatore.org/download/mio_componente.zip questa url sarà quella che dovremo indicare.

Cliccando sul tasto installa, Joomla provvederà a scaricare e installare l’estensione, alla fine della procedura ci verrà mostrato l’esito.

L’operazione di installazioni delle estensioni di Joomla è fondamentare per realizzare il proprio sito internet ma non è l’unica. Rimani aggiornato sulle possibili configurazioni di questo fantastico CMS iscrivendoti ai: feed RSS o tweeter o alla fan page.

Se hai un dubbio sul contenuto di questo post non esitare a chiedere, lasciando un commento.

In questi casi ritengo comodo il plugin per Firefox Firebug, ho provato anche la versione per Chrome ma non ho trovato le stesse potenzialità.

Installare Firebug

Per prima cosa Lanciamo Firefox e colleghiamoci all’indirizzo https://addons.mozilla.org/it/firefox/ e usando la funzione di ricerca, cerchiamo Firebug, dovrebbe apparirci alla prima posizione.

Per installare questo plugin sarà sufficiente cliccare sul pulsante “+ Aggiungi a Firefox”, e seguire la procedura guidata.

Utilizziamo FireBug

Colleghiamoci alla pagina che vogliamo analizzare e selezioniamo con il mouse l’elemento di cui vogliamo conoscere lo stile applicato, chlichiamoci sopra con il tasto destro del mouse, clicchiamo sulla voce Controlla Elemento con Firebug nel menu che appare.
Questa operazione fa si che si apra la consolle di Firebug.

Non entro in tutte le funzioni di Firebug, ma già da subito l’interfaccia così aperta ci permette di vedere il codice html della pagina, evidenziando quello dell’elemento che stiamo analizzando, e i relativi fogli di stile associati. Il codice Html è nella sezione di sinistra mentre lo stile associato all’elemento selezionato è in quella di destra dove possiamo anche trovare i file in cui è contenuta la regola.

Nella colonna di destra si trovano non solo le formattazioni di stile, che possiamo anche modificare. Verificando al volo come vengono visualizzate.

Le principali modifiche che possiamo fare sul foglio di stile

Firebug ci permette di:

• Disattivare una proprietà, passando con il mouse vicino alle singole proprietà appare un' iconcina che cliccandoci sopra permette di disattivarla.
  
• Si può editare il valore di una proprietà, semplicemente cliccandoci sopra.
• Si può aggiungere una proprietà. E’ sufficiente fare click con il tasto destro del mouse e cliccare sulla voce Nuova proprietà del menù che ci appare.
• Creare una nuova regola. Basta cliccare con il tasto destro del mouse su una regola, e cliccare sulla voce Add Rule... del menù che ci appare.

Quando abbiamo trovato la modifica appropriata, non ci resta che copiarla nel foglio di stile del template del nostro sito.

Firebug è uno strumento che torna molto comodo nella realizzazione di un sito internet, perché offre molte funzionalità, che saranno argomento di futuri post da non perdere, iscrivendoti ai: feed RSS o tweeter o alla fan page.

Se hai un dubbio sul contenuto di questo post non esitare a chiedere, lasciando un commento.

Quando si realizza un sito internet, la velocità di caricamento è cruciale, sono molte le cose che la influenzano, un sistema che permette di ridurre i tempi di caricamento di un sito sviluppato con Joomla è agire sulla cache.

Dico subito che non esiste una regola ben precisa per configurarla, ognuno ha le proprie teorie, e l’unico modo per una configurazione ottimale è effettuare dei test. Bisogna però conoscere i meccanismi che stanno dietro alla cache di Joomla

A che cosa serve la cache

Prendiamo come esempio una pagina del nostro sito contenente un articolo. Quando un utente la richiama, Joomla deve fare una serie di valutazioni che cercherò di elencare qui di seguito:

• Quale template devo usare per quella pagina?
• Quali settaggi devo usare per quel template in quella pagina?
• Quali moduli devo caricare?
• Che configurazioni hanno i singoli moduli?
• Per ogni singolo modulo quali viste devo usare?
• Quali settaggi devo usare per quell’articolo?
• Quali viste devo usare per l’articolo?
• Quali plugin devo caricare?
• Quali configurazioni devo avere per ogni singolo plugin?

Grosso modo queste sono le elaborazioni che il sistema deve eseguire per ogni chiamata, si trasformano in continue richieste al database per recuperare informazioni con conseguente innalzamento dei tempi di caricamento.

Se si vuole mantenere il sito veloce ecco perchè si consiglia di ridurre il numero di plugin e moduli installati.

Se ci pensiamo bene certe operazioni rimangono invariate, esempio il modulo del box contatti resta sempre identico, come pure il modulo che contiene il piede del nostro sito. Anche l’articolo chi siamo, restituito dall’indirizzio htttp://www.miosito.it/chi-siamo.html resterà sempre invariato.

Perché stressare il sistema per rielaborare informazioni che non cambieranno nel tempo ad ogni richiesta? I sistemi di cache di Joomla non fanno altro che quando si richiama una pagina, salvare il risultato di queste elaborazioni e riutilizzarlo in seguito.
Ricordiamoci però che un cms è un sistema dinamico e che le informazioni al suo interno possono cambiare. Potremmo avere una discrepanza dopo una modifica tra i dati di una configurazione recente e il risultato in precedenza salvato nella cache(che per comodità andremo a chiamare snapshot).

Introduciamo quindi il tempo di cache, ovvero per quanto tempo lo snapshot sarà usato dal sistema prima di essere cancellato per ricrearne uno nuovo. In Joomla possiamo definire un tempo di vita da quando vengono elaborati e inseriti nella cache fino a quando vengono cancellati.

Dopo aver fatto una carrellata su cos’è la cache in Joomla vediamo ora in dettaglio come configurarla, ricordiamoci che  in Joomla esistono due tipi di cache. 

La cache Globale

Sicuramente tutti hanno visto questa voce nelle configurazioni di Joomla, e la possiamo raggiungere dal menu Sito, cliccando sulla voce Configurazione Globale e andare sotto la tab Sistema.

La configurazione della cache Globale si riassume in tre voci che vediamo nel dettaglio
Cache

• Off - Cache disabilitata
• On - Cache conservativa
  Agisce solo su alcuni elementi della pagina, gli altri vengono rielaborati ogni volta.
• On - Cache progressiva
  Agisce su tutti gli elementi della pagina compresi i moduli, per questo è quello che offre le migliori prestazioni, ha il difetto però di occupare maggiore spazio rispetto alla precedente ed è sconsigliato usarla per siti molto grossi.

Gestione cache
Questa combobox contiente tutti i supporti che lo spazio web che ospita il nostro sito mette a disposizione per il salvataggio della cache. Ovunque troveremo sempre File, ma Joomla può supportare anche:

• apc
• cachelite
• eaccelerator
• memcache
• wincache
• xcache

Non mi dilungo a spiegare le differenze tra ognuno dei sistemi ma è necessario sapere che esistono.

N.B.
Quando si attiva la cache sul file, dobbiamo verificare che la cartella chache di Joomla sia scrivibile, per farlo attraverso informazioni di sitema sotto il menu Sito e andare nella tab permessi cartella.

Tempo cache
E’ il tempo di vita in minuti di uno snapshot, che va da quando viene creato fino a quando deve essere cancellato.

Attenzione
Non esiste un tempo ideale, si può trovare quello per il proprio sito solo facendo dei test. Esiste però una regola. Se il sito subisce frequenti aggiornamenti va impostato un valore basso altrimenti alto.

Come escludere alcuni moduli dalla cache
Per alcuni moduli è possibile gestire delle eccezioni. Dopo aver editato il modulo interessato andando in Opzioni Avanzate ne troviamo due:

1. Cache
   Da cui è impossibile impostare usa globale o no-cache.
2. Tempo di cache
   Nel quale possiamo impostare un diverso tempo di cache.

Queste impostazioni a livello di modulo tornano molto comode esempio per un menù che visualizza ulteriori voci solo per gli utenti registrati.

La System Cache o Cache di Pagina

Questo tipo di cache è più potente riduce moltissimo i tempi di caricamento delle pagine rispetto a quella globale, perché non crea uno snapshot degli elementi ma di tutta la pagina.
Non va usata nel caso ci siano sul sito, forum, blog con molti aggiornamenti, grosse interazioni con gli utenti es forum o guest book, questo agisce su tutte le pagine del sito, senza possibilità di esclusione. Su pagine dove l’aggiornamento è continuo si rischia di non mantenere aggiornate le informazioni contenute nelle pagine.

Per attivare questa opzione dobbiamo andare nella gestione plugin che troviamo sotto il menu Estensioni,  cercare il plugin System - Cache e attivarlo.

Andando in modifica del plugin troviamo l’opzione Usa cache Browser che prevede il salvataggio nella cache del browser, riduce i tempi per i visitatori che richiamano più volte la stessa pagina.

La cancellazione della cache

Potrebbe tornare utile cancellare/pulire la cache, Joomla mette a disposizione due sitemi:

1. Pulisci cache
   Questo sistema pemette di selezionare ogni singolo elemento in cache ed eliminarlo.
   
   Per farlo dobbiamo andare nel menu sito, selezionare la voce Manutenzione e cliccare su Pulisci cache.
   
   Selezionare nella pagina che ci appare gli elementi da cancellare e poi premere il tasto elimina.
2. Elimina cache scaduta
   Questo sistema ci da la possibilità di eliminare solo gli elementi in cache scaduti. Dovendo decidere quali elementi eliminare e quali mantenere è più lento.
   
   Per farlo dobbiamo andare nel menu sito, selezionare la voce Manutenzione e cliccare su Elimina cache scaduta, e cliccare sul tasto Elimina scaduti.

Rimani aggiornato sulle potenzialità di questo fantastico cms iscrivendoti ai feed RSS o tweeter o alla fan page.

Se hai un dubbio sulla cache di Joomla non esitare a chiedere, lasciando un commento.

Perché i filtri sul html

Sapete cosa fa questo codice inserito in un articolo visibile nella home del nostro sito?

<SCRIPT>
document.location='http://www.google.com'
</SCRIPT>

Tutte le volte che un visitatore tenta di accedere alla homepage del nostro sito viene rimandato al sito di Google, rendendolo praticamente inacessibile.

Joomla è un cms molto complesso, che permette a più persone di collaborare all’inserimento dei contenuti, si possono realizzare siti dove l’amministratore del sito non conosce chi scrive l’articolo (es article directory), tra gli autori può capitare che ci sia anche qualche “cattivo” che vuole danneggiare il sito.

Questo tipo di attacco prende il nome di attacco XXS o Cross-site scripting e va ben oltre all’esempio mostrato, sono a rischio tutti i siti dinamici open source e non, sfrutta le potenzialità di certi tag html che permettono l’esecuzione di codice.

N.B.
Il tag iframe (usato da YouTube per l’incorporamento dei video su altre pagine) non permette di far girare del codice, è anche possibile però richiamare contenuti maligni esterni al sito. Non è il caso di YouTube!!

Per evitare questo, il team di sviluppo di Joomla ha introdotto da tempo questi “blocchi” che possono essere spenti, o modificati dall’amministratore del sito.

Come aggirarli

Il sistema più semplice per inserire un video di YouTube sul proprio sito è quello di installare l’editor JCE e di dirgli di acettare i tag iframe. Questa soluzione risolve la maggior parte di problemi almeno per i siti in cui è l’amministratore o un appartenente al gruppo administrator ad inserire i contenuti, vedi siti vetrina. Nel caso in cui il sito sia gestito da più persone questa soluzione non è sufficiente.

Filtri in TinyMCE

Per chi usa come editor TinyMCE, (quello di default di Joomla), nelle sue configurazioni sono presenti dei filtri, che bloccano determinati tag html. Questi filtri sono attivi per tutti gli utenti indistintamente dal tipo di utente.

Per modificare l’elenco dei tag bloccati da TinyMCE, dobbiamo andare nella Gestione Plugin, nel back-end di Joomla si trova nel menu Estensioni sotto la voce Plugin.

Nella maschera che appare, andiamo a cercare il plugin Editor - TinyMCE, e lo modifichiamo cliccando sopra al nome del plugin.

Nella schermata che si apre andiamo alla voce Elementi proibiti e togliamo il tag iframe.

Filtri testo in Joomla

Joomla ha una serie di filtri personalizzabili per ogni livello utente. Possiamo accedere alla loro configurazione dal back-end di Joomla, e selezionare il menu Sito e cliccare sulla Voce Configurazione Globale e andare nella tab Filtri Testo.

In questa maschera possiamo definire per ogni livello utente, filtri specifici, vediamoli nel dettaglio:

• Black List predefinita
  Blocca i seuenti tag html: 'applet', 'body', 'bgsound', 'base', 'basefont', 'embed', 'frame', 'frameset', 'head', 'html', 'id', 'iframe', 'ilayer', 'layer', 'link', 'meta', 'name', 'object', 'script', 'style', 'title', 'xml' e i seguenti attributi: 'action', 'background', 'codebase', 'dynsrc', 'lowsrc' è possibile espandere la lista usando i campi Tag Filtro e Filtro Attributo.
• Black List personalizzata
  Attraverso questa selezione è possibile creare la propria black List inserendo l’elenco dei tag e degli attributi nei relativi campi.
• White List
  E’ possibile creare la lista dei soli tag e attributi ammessi, che andranno inseriti nei campi adiacenti
• No Html
  Blocca tutti i tag html
• Nessun filtro

Sarà sicuramente l’argomento di un prossimo post dove approfondirò ulteriormente la cosa, ma anche JCE ci permette di creare dei filtri, in modo ancora più selettivo, creando dei profili ad hoc, filtrando non solo per gruppo di utenti ma anche per singoli utenti.

Rimani aggiornato sulle potenzialità di questo fantastico cms iscrivendoti ai feed RSS o tweeter o alla fan page.

Se hai un dubbio su filtri di testo in Joomla non esitare a chiedere, lasciando un commento.

Navigando in internet spesso mi capita di vedere siti realizzati in Joomla, con le url non correttamente settate. Non mi stancherò mai di ricordare che nella SEO le url rivestono un ruolo fondamentale e soprattutto nell’ottimizzazione per i motori di ricerca. E’ necessario quindi capire le logiche con le quali vengono scritte.

Se disattivassimo completamente le impostazioni SEO di Joomla le url avrebbero un formato simile a questo http://www.miosito.it/index.php?option=com_content&view=article&id=10 , in questo modo oltre essere difficile da memorizzare dagli utenti, dal lato ottimizzazione, sarebbe impossibile inserirci una keyword.  

Come attivare le friendly url

La parte in Joomla che permette di “riscrivere” le url prende il nome di SEF (search engine friendly) e la possiamo trovare: Configurazioni globali, impostazioni SEO sotto la tab Sito,

Tutti questi parametri servono a configurare le url, vediamo nel dettaglio:

• Attiva URL SEF
  E’ la più importante perché è quella che accende o spegne le friendly url o url amichevoli.
  
  
• Riscrivi URL SEF
  Permette di riscrivere le url. Attivando solo l’opzione Attiva URL SEF le pagine delle url avranno un formato simile a http://www.miosito.it/index.php/chi-siamo contenenti tutte index.php, la riscrittura permette di togliere index.php trasformado la url in: http://www.miosito.it/chi-siamo
  
  ATTENZIONE
  Per attivare questa impostazione bisogna intervenire sul web server, nulla di complesso!!! è sufficiente rinominare il file htaccess.txt presente nella root dell’installazione di Joomla in .htaccess, che contiene le configurazioni necessarie al webserver apache per riscrivere le url.
  
  
• Suffisso URL
  Aggiunge alle pagine il suffisso ".html". Le pagine prenderanno così un formato tipo http://www.miosito.it/chi-siamo.html

Le opzioni che abbiamo visto determinano il formato delle url del nostro sito, ma dove definiamo le stringe e le Keyword che le compongono? Per rispondere, si deve entrare nelle logiche delle singole pagine e come sono collegate al sito stesso.

La url della pagina collegata ad un menu

Quando ho parlato di come collegare una voce di menu ad un articolo, ho spiegato che il nome della pagina viene definito nel campo alias presente nelle singole voci di menu. Le voci di menu di Joomla possono essere strutturate su più livelli, questo influenza la struttura delle url.

es: se la voce di menu chi siamo, ha come padre la voce azienda, e come alias è impostata la stringa azienda, la pagina chi siamo sarà raggiungibile al seguente indirizzo http://www.miosito.it/azienda/chi-siamo.html

La url della pagina non collegata direttamente ad un menu

Il discorso cambia al momento in cui un articolo non è collegato ad un menu, in questo caso le casistiche sono diverse.

Articolo richiamato direttamente

La url prende il seguente formato nome_dominio + /component/content/article/ + id_categoria + alias_categoria + / + id_articolo + alias_articolo + .html dove id_categoria è l’ id della categoria di appartenenza dell’articolo mentre alias_categoria è l’alias della categoria.

es: http://www.miosito.it/component/content/article/2-non-categorizzato/11-pagina-staccata.html

N.B.
Un articolo a cui non è stata  assegnata una categoria, di default Joomla lo assegna alla categoria non categorizzato.

Articolo presente in una categoria assegnata ad un menu

In questo caso la url diventa “più semplice” è composta da nome_dominio + / + alias_voce_menu_categoria + / + id_articolo + alias_articolo + .html dove alias_voce_menu_categoria è l’alias della voce di menu a cui è stata collegata la categoria di appartenenza dell’ articolo.

es:http://www.miosito.it/blog/10-le-url-in-joomla.html

Le url non user frendly

Difficilmente utilizzando Joomla inseriremo a mano le url nel seguente formato, ma dobbiamo sapere che esistono, utilizzando JCE, e creando i link con la sua interfaccia, sarà JCE a fare questa conversione, e noi non ce ne accorgeremo nemmeno. Può capitare nella configurazione di certi componenti, moduli o plugin di dover recuperare o inserire le url in questo formato.

N.B.
I link presenti negli articoli se vengono scritti con questo formato saranno poi trasformati nel formato frendly url in automatico da Joomla se sono attive le url SEF.

Prendiamo come esempio questa url http://www.miosito.it/index.php?option=com_content&view=article&id=10 in cui sono presenti tre parametri: option, view e id. Il primo indica il componente che vogliamo richiamare, per gli articoli è com_content, permette varie visualizzazioni, che definiamo con il parametro view, settandolo con article diciamo che vogliamo visualizzare il singolo articolo, id indica Id dell’articolo.

N.B.
Ogni componente ha i suoi parametri e scrivere le possibili combinazioni in un unico articolo è impossibile, ma solitamente nelle pagine di configurazione dei componenti di terze parti è presente un esempio o la url corretta per raggiungere i contenuti messi a disposizione dal componente stesso.

Come conoscere gli id delle categorie e degli articoli

Prima ho fatto riferimento agli id delle categorie e degli articoli, recuperarli è molto semplice. Dal back end di Joomla basta andare per gli id degli articoli sotto il menu contenuti e cliccare su Gestione articoli. Nella schermata che appare è presente l’elenco di tutti gli articoli del nostro sito, nell’ultima colonna c’è l’ID dell’articolo. Lo stesso discorso vale per gli ID delle categorie, però in questo caso bisogna andare sotto il menu contenuti e cliccare su Gestione categorie.

Joomla è un CMS molto versatile e complesso e oltre conoscere le url c’è molto altro da scoprire, resta aggiornato iscrivendoti ai feed RSS o tweeter o alla fan page.

Se hai un dubbio sulle url di Joomla non esitare a chiedere, lasciando un commento.

Come effettuare l’ovveride del template

Per visualizzare questi dati dobbiamo modificare il codice che ci consente la visualizzazione del singolo articolo in Joomla, avendo tutto il codice del CMS è semplicissimo, ma al primo aggiornamento rischiamo di perderci la modifica.

Per evitare questo, il team di sviluppo di Joomla ha strutturato il codice per poter intervenire sulla visualizzazione di moduli e componenti, senza rischiare però di perdere le nostre modifiche al primo aggiornamento.

Copiamo il file default.php presente in components/com_content/views/article/tmpl/ della nostra istallazione di Joomla, e incolliamolo in templates/NOMETEMPLATE/html/com_content/article/. Sicuramente è necessario creare le sotto cartelle com_content/article/ .

L’inserimento della descrizione nell’articolo

Editiamo il file appena copiato, con un editor di testo, cerchiamo la riga che contiene il seguente codice <?php echo $this->item->text; ?> (dovrebbe essere contenuto nella riga 177), creiamo sotto una nuova riga e copiamoci il seguente codice.

<p>

<?php

  $cparams = JComponentHelper::getParams ('com_media');

  jimport('mosets.profilepicture.profilepicture');

  $profilepicture = new ProfilePicture($this->item->created_by);

  // Carico i dettagli del profilo dell'autore

  $db = JFactory::getDbo();

  $db->setQuery(

      'SELECT profile_key, profile_value FROM #__user_profiles' .

      ' WHERE user_id = '.$this->item->created_by." AND profile_key LIKE 'profile.%'" .

      ' ORDER BY ordering'

  );

  $results = $db->loadRowList();

  $user_profile = array();

  foreach ($results as $v)

  {

      $k = str_replace('profile.', '', $v[0]);

      $user_profile[$k] = json_decode($v[1], true);

      if ($user_profile[$k] === null)

      {

          $user_profile[$k] = $v[1];

      }

  }

  if (substr ($user_profile['website'], 0, 4) == "http"){

      $url = '<a href="http://www.lafabbricadelweb.it/'.$user_profile['website'].'">Sito Web</a>';

  }else{

      $url = '<a href="http://'.$user_profile['website'].'">Sito Web</a>';

  }

  //Stanpo l'immagine del profilo

  if ($profilepicture->exists()){

      echo '<img src="http://www.lafabbricadelweb.it/'.$profilepicture->getURL(50).'" alt="'.$this->item->author.'" width="50" height"50" align="left" />';

  }

  //visualizzo il profilo utente, il sito web e il bio dell'autore

  echo 'Profilo Autore:' .$this->item->author .' - ' . $url .'<br>';

  echo $user_profile['aboutme'];

?>

</p>

Visualizzando un articolo dal front end di Joomla, se abbiamo eseguito correttamente i passaggi precedenti, dovremmo vedere il mini profilo dell’autore. Andando a modificare il codice e lavorando con il CSS del proprio template è possibile renderlo graficamente ancora più gradevole.

Oltre alle informazioni che ho utilizzato nel mio codice di esempio, è possibile recuperarne altre, di seguito l’elenco completo dei campi messi a disposizione dal plugin User - Profile.

$user_profile['address1']

$user_profile['address2']

$user_profile['city']

$user_profile['region']

$user_profile['country']

$user_profile['postal_code']

$user_profile['phone']

$user_profile['website']

$user_profile['favoritebook']

$user_profile['aboutme']

$user_profile['dob']

Se vuoi scoprire qualche nuovo trucco per personalizzare il tuo sito realizzato con Joomla resta aggiornato iscrivendoti ai feed RSS o tweeter o alla fan page.

Se hai un dubbio su come aggiungere le informazioni aggiuntive sull’autore non esitare a chiedere, lasciando un commento.