Joomla

Questo articolo nasce dalla necessità di dare una guida completa, utile e veloce per installare un sito Joomla! sul server di Aruba. Su internet esistono numerose guide, ma tutte con informazioni troppo scarse e sicuramente poco esaustive per i novizi, che si accingono a compiere un'operazione del genere. E' per questo motivo che ho ritenuto opportuno fornire a chi ne avesse bisogno un supporto facile da consultare e soprattutto che non dà nulla per scontato.

• Hosting Linux (è fondamentale! Non comprate l'Hosting Windows, perché altrimenti Joomla! non vi funzionerà)

• Database MySql (fondamentale, dato che Joomla! ha bisogno di un database)

• Backup MySql (consigliato, se non volete ritrovarvi senza una copia del sito, qualora il sito dovesse avere dei problemi o essere hackerato)

• Antivirus + Antispam (consigliato, per non ritrovarsi Malware o virus, che poi possono compromettere anche il posizionamento ed il Pagerank su Google)

Immagine di esempio del programma Filezilla (clicca per ingrandire)

Passaggio 1 dell'installazione di Joomla! - Scegli lingua (clicca per ingrandire)

Passaggio 4 dell'installazione Joomla! - Configurazione database(clicca per ingrandire)

• Nel campo "Tipo database", sceglierete "MySql"

• Nel campo "Nome Host", inserirete l'host del vostro database, che potete trovare nella mail che Aruba vi ha mandato, quando avete comprato il database MySql. Per essere sicuri che si corretto, potete connettervi a mysql.aruba.it, inserire Username e Password, che troverete sempre nella mail che Aruba vi ha inviato al momento dell'acquisto del database (badate a non confonderli con Login e Password del Pannello di controllo!) e accedete. In alto, a sinistra, troverete l'Host del database: controllate che sia lo stesso.

• Nel campo "Nome utente" e "Password", inserite lo Username e la Password, che Aruba vi ha comunicato quando avete acquistato il database (stesso Username e Password che avete usato per accedere a mysql.aruba.it).

• Nel campo "Nome database", inserite uno dei 5 database che Aruba vi ha messo a disposizione. Li trovate segnalati sia nella mail che Aruba vi ha mandato (sempre quella inerente l'acquisto del database) o su mysql.aruba.it. Potete sceglierne uno qualsiasi, a patto che sia vuoto. Di solito, la prima volta, si sceglie il primo: Sql416385_1 (al posto del rosso, dovete inserire il nome del vostro database).

• Nel campo "Prefisso tabelle", inserite il prefisso jos_ (purché non abbiate un altro Joomla! installato sul database).

•  Nel campo "Processa database vecchio", cliccate su "Elimina" se volete essere sicuri che il database sia completamente pulito oppure su "Salva" se volete conservare un database già presente su Aruba.

• A questo punto, cliccate su "Avanti" in alto a destra.

Passaggio 6 dell'installazione di Joomla! - Configurazione generale (clicca per ingrandire)

• Nel campo "Nome sito", inserite il nome del vostro sito. Potete sempre cambiarlo in un secondo momento, nel backoffice di Joomla!, insieme ai campi della "Configurazione avanzata", che riguardano il Seo.

• Inserite un'email valida, un "Nome utente amministratore" ed una Password qualsiasi (è importante che ricordiate questi dati, perché vi serviranno per accedere al Pannello di amministrazione del vostro sito Joomla!).

• Se non volete i dati di esempio di Joomla sul vostro sito (ve lo consiglio!), trascurate l'ultimo riquadro. In caso contrario, scegliete la lingua e cliccate su "Installa dati di esempio"

• Cliccate su "Avanti" in alto a destra.

Passaggio 7 dell'installazione di Joomla! - Conclusione (clicca per ingrandire)

swMenuFree

Intanto intendiamoci sul significato del termine: per menù a tendina intendo quei menù, generalmente disposti in posizione orizzontale, che ci consentono di poter inserire un gran numero di voci di menù in poco spazio. Al mouse over, cioè al momento in cui posizioniamo il puntatore del mouse sopra una voce di menù, questa si espanderà, con effetti di vario genere, in modo da mostrarne altre, che chiamiamo submenu. Che a loro volta possono mostrarne altre che saranno sub-submenù. Meglio non andare oltre i tre livelli ma sarebbe possibile mostrarne anche di più. Ebbene, in Joomla! non si possono creare di default menù a tendina orizzontali. Questa è una prerogativa dei template, se hanno presente questa funzione. Oppure è un lavoro che può essere fatto da qualche estensione.

swMenuFree e' una componente free e la potete scaricare da qui:

Una volta scaricata nel vostro computer la installeremo come di consueto da Estensioni e poi Installa/Disinstalla, selezionandola e caricandola con i tasti Sfoglia e Carica file & Installa. Quindi da Componenti -----> swMenuFree, si aprirà una schermata coloratissima e composta da cinque schede, con molti settaggi possibili, che a prima vista potrebbe sembrare complicata.

Invece vedremo che in fondo è abbastanza semplice da settare. In pratica si tratta di creare un modulo al quale associare un menù che poi pubblicheremo nel nostro sito. Lo faremo passo passo seguendo le caselle da compilare.

Nella prima casella Module Name scriveremo il nome del modulo: chiamatelo come vi pare. In Menù Systemlasciamo la voce di default. In Menù Source selezioniamo il nome del menù che vogliamo far apparire nel modulo che stiamo facendo. Ovviamente deve trattarsi di un menù che abbia delle voci di sotto menu.  In Parent lasciamo TOP.

Nella sezione Style sheet settings possiamo scegliere tra diversi modi di richiamare gli stili per il modulo e anche se assegnarli un suffisso, cosa che io ho fatto per dargli il caratteristico aspetto dei moduli con angoli stondati del template rhuk_Milkyway, dove lo pubblico. Ma potete lasciare tutti i parametri di deafult.

Nella sezione Auto Menù Item Settings c'è la possibilità di far apparire automaticamente le voci di menù relative alle categorie e agli articoli di una determinata sezione. Ho messo si in questa voce perchè ho scoperto anch'io da poco questa ottima funzione di swMenùFree che da sola vale la candela del suo utilizzo e volevo mostrarvela. Pensate all'utilità di linkare una sola sezione ed appariranno automaticamente, senza aver creato le voci nel menù, i sub menù delle categorie e poi i sub-submenu degli articoli di ogni categoria. Che risparmio di tempo eh! Non solo, questo swMenuFree si aggiornerà automaticamente man mano che aggiungeremo nuove categorie ed articoli. E anche quando dovessimo eliminarli o spubblicarli si aggiornerà automaticamente.

Nella sezione Cache settings possiamo decidere se attivare o meno la cache.

Passiamo adesso in esame la parte destra della prima scheda dove in General Module Settings decideremo se pubblicare il nome del modulo, se attivare il modulo, se usare l'active menù, cioè se dare un aspetto diverso alla voce di menù attiva, se  far apparire un indicatore nelle voci di menù che hanno submenù e se dare un effetto di ombreggiatura alla tendina. Ci sono anche altre voci che però vanno prese in esame solo se il menù avrà problemi di posizionamento, particolarmente con il solito Internet Explorer. Ma normalmente non serve.

Nella sezione Position & Access decideremo, come ogni altro modulo, posizione, ordinamento e livello di acceso. E così pure nella sezione sottostante Show Menu Module on Pages si potranno decidere le pagine dove far apparire il modulo e anche decidere se farlo comparire soltanto in un template, in una determinata lingua  e persino associato a determinate componenti (ma ho trovato ridondanti questi settaggi poichè o per la scelta della pagina o per la scelta della posizione modulo, di fatto è già obbligato un posizionamento ben definito).

A questo punto possiamo anche salvare e andare a vedere come funziona il menù in frontend prima di procedere con altri settaggi. Ricordiamoci però di andare a disattivare, da gestione moduli, il modulo che era associato al menù che abbiamo adesso associato a swMenuFree. Nel contempo controlliamo che sia comparso, e che sia attivato, il modulo creato dalla nostra componente.

Nelle schede successive decideremo le rifiniture del nostro menù a tendina.

Nella seconda scheda Size, Position& Offsets nella prima sezione Menu Position and Orientation decideremo l'orientamento, sinistra, centrato o destra del nostro menù nonchè se disporlo in orizzontale o verticale e decidere anche dove far uscire le tendine, se a destra o a sinistra. Giocateci un pochino.

In Menu Item Sizes decideremo la larghezza e altezza delle nostre tendine. Se lasciate a zero, come consiglio, esse si auto adatteranno alla lunghezza delle voci di menù e alla più larga di quelle di sottomenù, in modo ottimale, a mio avviso.

In Top Menu Offsets e Sub Menu Offsets potremo aggiustare il tiro al posizionamento delle nostre tendine, ma non serve quasi mai. Si possono mettere anche valori negativi tipo -30. Provare è la cosa migliore per capirne la logica.

Nella scheda successiva Colors & Backgrounds,che non sto a riprodurre, si sceglieranno i colori di sfondi, bordi e caratteri. Si potranno anche caricare immagini di sfondo, per esempio nei casi in cui il top menù che vogliamo rendere a tendina utilizzi immagini; potremo utilizzare le stesse anche per le tendine.

Nella quarta scheda sceglieremo i Fonts & Paddings come dice appunto il titolo della stessa.

Infine nella quinta ed ultima scheda Border & Effects potremo decidere altre cose come lo spessore e lo stile dei bordi (il colore lo abbiamo già scelto), la trasparenza delle tendine espressa in percentuale e la velocità di apertura delle stesse in millisecondi.

Per rendervi conto di quale buon livello di integrazione possiamo ottenere nel nostro template andate a veder questa demo.

Secondo me questa è proprio una ottima componente per realizzare un menù a tendina in un template che non lo prevede. Va precisato che con la versione free non è possibile applicare le tendine a più di un solo menù nel nostro sito. Ma è una pecca da poco perchè, quasi sempre, il menù che utilizza le tendine è uno soltanto.

In casi particolari in cui necessitano altri aggiustamenti ci sentiamo nel forum.

Non mi resta che augurare a tutti... buon menù!

Articolo scritto da tonicopi

Impedire l'accesso all'amministrazione del sito

Questo articolo è specifico per i siti in Joomla!, ma la metodologia descritta si può applicare facilmente a qualsiasi CMS la cui interfaccia di amministrazione si trovi in una sottodirectory del dominio e può essere anche adattata a proteggere una singola pagina.

Non sono richieste grandi conoscenze per applicare quanto descritto qui, è sufficiente solo un poco di esperienza.

La protezione qui descritta funziona per gli applicativi PHP su server Apache e richiede la modifica al file .htaccess e la redazione di un piccolo files php.

Per prima bloccheremo l'accesso diretto alla directory /administrator che consente  l'amministrazione del sito inserendo queste righe nel file .htaccess,
subito dopo la direttiva RewriteEngine On:

La prima riga controlla che l'URI richiesto inizi con /administrator, che è la directory che vogliamo proteggere, la seconda  riga verifica che non esista il cookie di nome allowAdminAccess o che lo stesso non abbia il valore mioCookie; se entrambe le condizioni sono verificate l'ultima riga forza il webserver a fermare l'esecuzione (L) e a restituire l'errore forbidden (F). in altri termini: se si vuole accedere ad /administrator deve esserci il cookie allowAdminAccess con il valore mioCookie.

Ma come si imposta il cookie in questione? Con un semplice script php che "nasconderemo" da qualche parte nel sito. Creiamo, ad esempio, la directory /protect ed al suo interno il file protect.php. Il contenuto del files sarà il seguente:

Nota Importante: non inserite spazi all'inizio del file prima del codice PHP.

Lo script crea il cookie allowAdminAccess con il valore mioCookie e con validità di una ora, dopo di che rimanda il browser alla directory da cui avviene la gestione del sito, a questo punto l'accesso sarà consentito: basterà passare per lo script appena creato:

http://www.miosito.tld/protect/protect.php

e ci si troverà di fronte all'interfaccia di amministrazione.

Ovviamente sarà opportuno cambiare il nome del file php e il nome e/o il valore del cookie (sia nel file php che in .htaccess)

Esistono dei plugin che permettono di ottenere lo stesso risultato qui descritto: perché non usarli? Ovviamente non vi è un motivo per non farlo, ma possono esserci delle ragioni per implementare la soluzione qui descritta:

• non è riconducibile ad uno schema fisso;
• potendo, o meglio dovendo, cambiare il nome/percorso del file, il nome del cookie ed il suo valore un hacker dovrà faticare non poco a capire che succede.
• indipendenza dal CMS in uso:
• La protezione è basata sul meccanismo di controllo di Apache, e quindi è indipendente dal CMS; nessuna vulnerabilità del CMS può far sì che questo sistema di protezione non funzioni!
• possibilità di rapido intervento in caso di problemi:
• basterà commentare le regole in .htaccess per disattivare la protezione. avendo provveduto voi all'installazione saprete sicuramente intervenire rapidamente in caso di blocchi, senza aspettare assistenza da nessuno.
• è educativo:
• vi permette di imparare a conoscere meglio il vostro sito, il che non è mai una perdita di tempo.

Maggiori informazioni su mod_rewrite le potete trovare sul sito ufficiale di apache.

Ricordate sempre che la maggior parte degli attacchi è rivolta alla parte pubblica del sito, almeno per quanto riguarda i cms Open Source, ma una protezione in più di sicuro non farà male.

Enjoy ;)