Come fare un template con Typolight

Per risolvere questo quesito, ho trovato un post che fa sicuramente al vostro caso, scritto da Marco Damian, trovare la documentazione in italiano, è sempre una bella sorpresa, è scaricabile liberamete qui

Il Tutorial divide la procedura per fare/convertire un template in Typolight in 5 fasi:

1. Creare il template html in Typolight
2. Importare e sistemare gli stili CSS
3. Creare i moduli del sito che formano il template ideato
4. Assemblare i moduli in un Layout
5. Assegnare il Layout alla root del sito (o all'area interessata)

Vi sembra ancora troppo difficile? Allora cercate i temi Free di template per Typolight, oppure chiedete alla sottoscritta di farvene uno, :P

Cos'è Typolight?

Mai sentito parlare di TYPOlight? Come molti altri in circolazione, è un sistema open source di gestione di contenuti web, quello che in gergo viene chiamato "CMS".

I vantaggi di questa piattaforma sono lo stato dell'arte della struttura del sistema che offre un elevato standard di sicurezza e permette di sviluppare siti, ottimizzarli nei motori di ricerca e renderli accessibili anche alle persone con disabilità.

Con Typolight si possono fare molte cose, è un codice molto flessibile, ma stiamo parlando di una piattaforma di contenuti evoluta, per professionisti, non aspettiamoci quindi un concetto di struttura che potremmo vedere in un WordPress (piattaforma CMS ugualmente valida, ma molto più facile da usare anche a chi non conosce nulla di linguaggio web).

Typolight esige di essere studiato un pò, almeno quanto Drupal, per diventare poi un ottimo strumento di lavoro.

Qual'è il modo migliore per fare un sito?

Questa è una domanda che mi sono sempre fatta, accorgendomi ogni volta che non esiste una risposta unica per tutti.

Usare un CMS quando serve? e qual'è il miglior CMS!? Non esiste il miglior CMS ma solo diversi CMS per diverse esigenze..!

Per ogni cliente la cosa essenziale è capire di cosa a bisogno, raccogliere tutte le informazioni possibili in base a quelle scegliere tra..

• un CMS (Joomla!, Drupal, Typolight, WordPress, Frog, ReadyContent, ReadyCommerce, ZenCart, Magento.. e la lista continua per molto..) CMS non significa (come tanti ignorantemente pensano) che il sito sia "già confezionato" ma solo che c'è una piattaforma altamente personalizzabile e configurabile sotto di base.
  

oppure..

• una soluzione custom, scritta da cima a fondo con i diversi linguaggi di programmazione (PHP, Perl,Java, Flash.. e anche qui la lista è molto lunga!)
  

Come decidere uno o l'altro metodo?
Se il cliente vuole degli accessi e aggionare il proprio sito, è molto utile anche per il cliente stesso avere tra le mani un CMS, se però vuole personalizzazioni custom di alto livello, anche il backend di accesso e modifica dei contenuti verrà costuito custom su misura.. la cosa importante è sapere che... tutto si può fare, basta saper inventare

Come creare un sito multilingua con Joomla

Quante volte vi sarà successo di vedere siti con il traduttore google o di altri generi automatico, che traduce cosi.. un pò come gli viene, di certo può darci un "idea" di quello che c'era scritto ma non è per nulla un aspetto professionale. Ho trovato un ottimo componente per Joomla 1.5. Free che fa al caso mio, traduzioni complete sdoppiando il sito in più lingue, tante quante se ne vogliono, il nome? JoomFish.

Come si istalla

L'istallazione avviene dal pannello di controllo come un comune componente: Estensioni -> Istalla/Disitalla e si carica direttamente il file .zip

Come si configura

Una volta istallato, lo troverete sotto il menu "Componenti". Entrate in JoomFish e avrete un pannello di controllo sottomano

Lo vedete in inglese nell'immagine, perchè mi piace tenerlo cosi, anzi ve lo consiglio per alcuni componenti perchè c'è molta più documentazione in inglese che non italiano, comunque si può mettere comodamente in italiano, una buona guida la potete scaricare qui: http://download.joomla.it

Non ha bisogno di grandi configurazioni, solo di saper definire che lingue vogliamo, sotto "Language Configuration" entrate nel Joom!Fish Language Manager da qui definite la lingua principale e quelle in cui tradurre il sito

Ma posso tradurre tutto il sito?

Si, completamente dai titoli dei menu ad ogni singolo contenuto, basta stare un pò attenti alle parti che si vanno a modificare, da la possibilità di tradurre anche i metatag, allora armiamoci di buona volontà e traduciamo!

Ps: il sito viene duplicato, ma le traduzioni devono essere fatte esternamente e poi inserite, ecco perchè è un modulo serio! :) W JoomFish!

Perchè cambiare stile

Non so se è mai capitato anche a voi di girare per la rete e vedere siti anche con dei buoni contenuti, ma con una grafica demodè.. ecco in quei momenti ci vorrebbe una mano al mouse e una sistematina anche alla grafica del sito, perchè come spesso ho detto, è il nostro biglietto da visita nel web.

Se abbiamo un sito non aggiornato (l'ultimo aggiornamento risale al 2003) con una grafica pesante, effetti e bordini che andavano di moda nell'era primordiale del web.. ecco che abbiamo bisogno di un lifting!

Non abbiate paura a cambiare, tutti erano abituati alla vostra grafica e ora chissà come rimangono? beh se il sito migliorerà rimarranno soddisfatti nel vedere un azienda che sa cambiare e afferemerete la vostra immagine! :)

Come aggiungere una lingua in Magento

E parliamo ancora di ...

Avere un sito multilingue ora più che mai è una cosa importante e per alcuni settori può essere un "valore aggiunto" per altri invece un elemento indispensabile. Se utilizziamo Magento per il nostro sito come si può aggiungere una lingua?

1. Scaricare la traduzione che serve attravereso Magento Connect

2. Istallarla

3. Andare nel pannello di controllo: System -> Manage Stores -> Create store view. inserire i dati e salvare.

4. Andare nel pannello su: Configuration -> Current Configuration Scope (Selezionare qui la tua lingua dalla tendina) e a destra, sotto “Local Options” scegliere la lingua desiderata.

Attenzione: come abbiamo ripetuto più volte Magento è molto sensibile alla cahe, allora assicuruamoci che questa sia pulita prima di provare a usare la lingua istallata.

Dalla parte del front-end del sito sarà possibile visualizzare un menu a tendina che permetterà di cambiare il linguaggio del sito.


Fonte: Inchoo.net

Come è strutturato Magento?

Parliamo di Magento, ed ecco che prima di iniziare a parlare di template, style e css, ecco che vi mostrerò ... lo "scheletro" del CMS per capire come funziona, una guida fornitissima la troviamo proprio nel sito di Magento, a colpo d'occhio abbiamo questa situazione a livello generale:

Nel dettaglio invece le singole parti possono essere ulteriormente scomposte per avere questa situazione:

Che bello scheletro! non vi pare? alla prossima puntata per parlare di template invece!

Un tono di colore magenta...!

Parliamo di Magento.. cos'è?
Magento è un software open source per l'e-commerce lanciato il 31 marzo 2008. È stato creato dalla Varien e costruito sopra Zend Framework. È pubblicato con licenza Open Software License versione 3.0.
Siete curiosi di conoscerlo? a breve degli ottimi spunti e tutorial su Magento! :D

Come si fa un template per Drupal?

Una buona domanda, eh? Partiamo inanzitutto dall'avere in mente già una nostra idea grafica di come voler realizzare un template, magari facciamo un "bozzetto digitale" con The Gimp per determinare spazio e colori.
Il passo successivo è convertirlo in modo che sia adatto a Drupal e come si fa?

Primo: conoscere Drupal e come è fatto, possiamo allora aiutarci a capire come è fatto grazie a questo schema: (cliccate per ingrandire l'immagine)

Una volta famigliarizzato con le singole parti, la cosa migliore è...?
Studiare dai template che già esistono, prendere un template di quelli che l'istallazione di Drual carica in automatico (come il Garden ad esempio) e imparate a vedere dove sono le cose.. questo è il primo passo per saper poi padroneggiare il php e il css per mettere a puntino il nostro template!

E quando non vi trovate fate come me... mettete alla parte "incriminata" un..
border: solid 1px red; a volte vi salva la vita sapere dove siete! :P

Cosa offre Drupal?

Una volta istallato Drupal, ecco che abbiamo bisogno di una "panoramica" di quello che contiene..!

Con il tuo browser clicca sulla pagina iniziale di Drupal. Ti comparirà la form per il login e password. Inserisci i dati dell'amministratore e clicca su "Accedi". Davanti ti si presenterà il seguente menu:

• Profilo utente
• Crea contenuto
• Amministra
• Esci

Vediamo nei dettagli ogni voce:

Profilo utente
Visualizzerai la pagina con le informazioni sull'utente, le informazioni si possono modificare, cliccando sul link "Modifica".

Crea contenuto
Con l'istallazione standard sono previste due categorie di contenuto, ma si possono implementare utilizzando e istallando moduli.

• Contenuto - pagina: informazione collegata ad una vce di menu, permette di accedere a informazioni che non cambiano spesso. Non prevede di essere commentata
• Contenuto - storia: è un contenuto che si comporta come il post di un blog, più dinamico dove si possono anche inserire commenti

Amministra
Questa parre si occupa della configurazione del CMS. Puoi visualizzarla per funzionalità (in base alla tipologia di opzioni) o per moduli

Ci soffermiamo maggiormente sulla voce "Amministra" dalla sidebar.
Il sistema ti offre cinque possibilità di interazione più una guida all'interfaccia ed ai termini utilizzati. Clicca il link Gestione dei contenuti.

Le opzioni visualizzate consentono di organizzare e gestire i contenutii:

• curare i commenti pubblicati ed in via di moderazione.
  
• settare le impostazioni predefinite per la pubblicazione di nuovi contenuti ed i settings dei feed RSS.
• Taxonomy ti permette di gestire la tassonomia dei contenuti,
  
• Tipi di contenuto (pagina e storia)

Dal link - Struttura del sito vai al pannello che ti consente di modificare le funzioni principali del sito: puoi aggiungere / eliminare moduli di terze parti, cambiare l'aspetto del sito, modificare la traduzione dell'interfaccia, organizzare i menu utente e la disposizione dei vari elementi sulla pagina. Clicca nella configurazione del sito ti troverai un immagine come questa:

Qui vengono impostate tutte le principali configurazioni che ti consentono di personalizzare il comportamento e le funzionalità del sito:

• Avviso di errore permette di impostare pagine personalizzate da visualizzare quando vengono generati errori 403 e 404.
• Azioni è un pannello dove vengono impostate le operazioni da compiere quando si verifica un certo evento.
  
• In Data e ora vengono impostate le informazioni relative al fuso orario e la gestione della data.
• File system è il pannello dove viene vengono impostate alcune directory necessarie per il corretto funzionamento del sistema, e dove viene deciso il metodo per gestire il download dei file.
• Formati di input consente di definire come deve essere interpretato il testo inserito dagli utenti e permette di impostarvi dei filtri.
• Informazioni sul sito gestisce alcune caratteristiche come il titolo del sito, l'e-mail utente, lo slogan che viene riportato in home page, la missione e la scritta a piè di pagina. Sempre in questa pagina è possibile definire se vuoi cambiare la home page, usando come pagina iniziale una pagina a scelta.
• In Lingue puoi scegliere in quali lingue presentare l'interfaccia del sito all'utente, lasciare all'utente la possibilità di scegliere la lingua preferita, aggiungere nuovi pacchetti di traduzioni.
• Logging and alerts ti permette di impostare il numero massimo di righe del log da mantenere nel database.
• In Manutenzione del sito hai la possibilità di mettere offline il sito per eseguire operazioni di manutenzione, e specificare il messaggio da visualizzare ai visitatori.
• Prestazioni è la pagina che setta le impostazioni relative alla prestazione di Drupal: modalità di gestione della cache, la durata, la compressione delle pagine, possiamo attivare la cache sui blocchi, ottimizzare i files CSS e Javascript. Possiamo anche ripulire la cache.
• Tema amministrazione imposta il tema da visualizzare nella sezione di amministrazione del sito.
• Toolkit per le immagini ti dà la possibilità di scegliere il tool per gestire le immagini, se ne abbiamo installato più di uno.
• URL semplificati permette di utilizzare URL SEF, se la configurazione del server lo consente.

Con Gestione utente invece abbiamo a disposizione diverse opzioni chiave per gestire gli utenti iscritti al sito:

• Impostazioni utente consente di definire le impostazioni predefinite per ogni utente, permette di definire le policy di registrazione dei nuovi iscritti, gestire i testi delle e-mail che vengono inviate agli utenti durante il processo di iscrizione.
• Permessi consente di impostare quali sono le operazioni consentite a ciascun ruolo di utenti. I ruoli predefiniti sono utente anonimo ed utente registrato, ma è possibile impostarne di nuovi (ad esempio moderatore) attraverso il link Ruoli.
• Regole di accesso permette di definire alcune regole per vietare o consentire la registrazione ad alcuni indirizzi e-mail o nomi utente attraverso l'uso di espressioni regolari.
• Infine Utenti è il pannello dove vengono elencati tutti gli utenti iscritti e dove è possibile registrarne di nuovi.

L'ultima opzione presente nella barra laterale è Reports. Da qui puoi controllare i log registrati da Drupal, le pagine che visualizzano un errore 403 di accesso negato e 404 di pagina non trovata. Inoltre puoi stilare dei rapporti relativi agli aggiornamenti disponibili sia per i moduli installati, sia per i temi grafici.

Come vi sembra come panoramica? Stiamo un pò imparando a muoverci? Alla prossima puntata, o meglio al prossimo tutorial allora!

Fonti utilizzati per il tutorial scritto:

• Libro: Drupal6 - costruire applicazioni web - di Riccardo Severgnini
• http://basic.html.it/guide
  

Come istallare Drupal

Il primo passo da fare è scaricare Drupal dal sito ufficiale:
http://www.drupal.org/download
Dopo averlo scaricato e scompattato, spostare la cartella dentro una directory accessibile dal web server. La cartella dovrà essere caricata tramite FTP.

Apri il browser e digita l'url a cui è possibile trovare il file "install.php" assicurati prima che il file abbia i permessi per essere eseguibile (altrimenti vanno cambiati, o non si può modificare nulla)

Ecco che appare la prima pagina di istallazione:
Choose language - Scelta della lingua



l'interfaccia di default è in inglese, se vogliamo l'italiano, devi importare un file che contenga la traduzione di tutto il programma. Puoi trovare questa traduzione qui

Scaricato il file della traduzione: sono tre cartelle (modules, profiles e themes) vanno copiate nella cartella principale di Drupal, dove hai caricato tutti gli altri file dell'installazione, fatto questo torna a caricare la home e la schermata dovrà dare due scelte: italiano e inglese :D

Sistemata la lingua, passa al database, ti vengono chieste tre informazioni:

1. Che tipo di database - solitamente è mysql che viene fornita anche dai servizi di hosting
2. Nome di database - i servizi stessi di hosting ci comunicano un nome e i parametri da inserire.
3. Nome utente e password - anche questi dati possono essere forniti sempre dal tuo servizio di hosting

Si possono impostare anche "opzioni avanzate" per utenti più esperti, che non tratterò qui, messe queste informazioni clicca su "Salva e continua" per salvare le tue impostazioni.

Eccoci che arriviamo all'ultima schermata: nome del sito e URL, si compone di tre pannelli:

1. Nome del sito, questo sarà utilizzato per identificarlo, mettiamo un nome di significato oppure "test", poi inserisci l'indirizzo e-mail, che serivrà anche nella procedura di registrazione di nuovi utenti.

2. Configurare l'account di amministratore del sito. Inserisci il nome dell'utente amministratore, la mail e la password che vuoi associare all'account.

3. Inserire il fuso orario del sito. Questo ti permette di decideere se utilizzare URL SEF, cioè gli indirizzi ottimizzati per i motori di ricerca, e abilita la notifica automatica degli aggiornamenti.

Fatto questo clicca su "Salva e continua", e la tua istallazione di Drupal è completa!

--- >>> al prossimo tutorial! --- >>>

Imparare Drupal questo misterioso

Un mio caro amico oltre oceano mi ha detto di averci messo tre anni per capire bene e conoscere come le sue tasche Drupal, questa cosa mi ha un pò spaventato.. e anche incuriosito ecco perchè inizierò a parlare di Drupal! :)

Partiamo dalle origini.. Cos'è Drupal?

Drupal è un content management framework (CMS) modulare scritto in linguaggio PHP e distribuito sotto licenza GNU GPL. Un CMS è uno strumento usato dai webmaster per gestire un sito web evitando di dover programmare l'intero software lato server che gestisce il sito. Funziona su diversi sistemi operativi, tra cui Windows, Mac OS X, Linux e qualsiasi piattaforma che supporti i web server Apache. (fonte http://it.wikipedia.org/wiki/Drupal)

Se si vuole imparare e utilizzare Drupal, ecco due indirizzi che dobbiamo ricordarci di cliccare:

• http://www.drupalitalia.org/ il riferimento italiano di Drupal
  
• http://www.drupal.it/ la comunità italiana di Drupal

Ok... un infarinatura è stata data..
al prossimo tutorial per l'istallazione!

Come creare menu custom su Joomla!

Mi sono trovata di fronte ad un problema che forse anche alcuni di voi hanno incontrato, cioè... ma Joomla lo posso davvero personalizzare in ogni sua parte?
Un CMS potente come Joomla a volte è molto "incasinato" quando si vuole fare qualcosa di diverso, proprio perchè per essere cosi in interfaccia "user-frinedly" è composto da mille livelli, quello che invece sarebbe più facile fare con Drupal, ma abbiamo poi un'interfaccia molto più.. "sarna"
Finita la premessa, torniamo al quesito: io voglio personalizzare un menu Joomla, in modo che faccia animazioni e tutto quello che gli dico tramite una classe, come faccio?

Ho trovato in rete che esiste un modulo, il CustoMenu scaricabile da qui, questo modulo da la possibilità di modificare e dunque personalizzare struttura e stile del menu, l'unica cosa magari dovete saperci un pò masticare con il linguaggio HTML e ul CSS :D

La struttura
La struttura HTML del menu si controlla tramite template (layout) contenuti nella cartella che viene generata una vosta istallato il modulo con il seguente percorso:
“modules/mod_customenu/layouts/”

Con un editor di testo (o il federe block notes) se apriamo uno dei file .ini leggiamo il codice HTML, aggiungendo nuovi file con estensioni .ini si possono agganciare dei template propri.

Lo stile
Lo stile del menu è controllato da normali fogli di stile collocati nella cartella dentro al modulo, raggiungibile al percorso:
“modules/mod_customenu/css/”.

Cosa si può fare con il modulo CustoMenu?
Semplice..

• si possono impostare degli attributi "title" sui link (cosa che non sarebbe possibile nel tradizionale menu Joomla! originato in modo dinamico dal php interno); attribuire il "target", cioè la possibilità di dove far aprire la pagina, in un popup, in una nuova scheda, in una nuova finestra, nella stessa finestra;

• Si possono personalizzare i colori dello sfondo per ogni voce di menu :D

• si possono nascondere il testo delle singole voci e creare dei menu grafici, con effetti di rollover (il menu cambia aspetto quando ci passiamo sopra con il mouse)
  

Svantaggi: non c'è molta documentazione in giro, e se c'è è tutta dannatamente in inglese :(
Guardate.. io l'ho istallato, ora vediamo come me lo personalizzo!

Come inserire commenti negli articoli Joomla! 1.0 e 1.5

Per poter inserire dei commenti negli articoli Joomla! serve istallare un modulo aggiuntivo, in rete ne ho trovati un pò, mi sento però di consigliarvi:

• per Joomla 1.0: JoomlaComment che puoi trovare qui

• per Joomla 1.5: yvComment che puoi trovare qui

Come si configura il yvComment?
Ho trovato una grandiosa guida ed ecco che tutte le domande hanno la loro risposta!

Come creare url friendly in Joomla

Quante volte vi sarà capitato di vedere un sacco di url lunghissimi e antiestetici? Bene oltre ad essere "poco carini" sono meno "facili" da indicizzare per i motori di ricerca. Quelli che vengono chiamati "url friendly" cioè indirizzi amichevoli invece, si compongono di parole distanziate da uno / e finiscono per html o htm

es:
www.pluto.it/topolino/minni.html

Come fare in modo che Joomla possa creare url friendly?
È molto semplice: dal pannello di controllo andate su: Configurazione e troverete sulla destra questo rettangolo:


Impostatelo come ho fatto io dicendo si a tutto
poi andate a relevare il file htaccess.txt che si trova nella radice dell'istallazione di Joomla! e rinominatelo in .htacess in questo modo verrà nascosto alla visualizzazione.

A questo punto dovrebbe essere chiaro che è utilissimo questa impostazione ai fini del famoso SEO che altro non è che l'acronimo di Search Engine Optimizer

Come inserire in un sito Joomla le statistiche di Google Analytics?

Rieccoci a parlare di Joomla, questo fantastico CMS OpenSorce in continua evoluzione.

A cosa servono le statistiche in un sito?

In un sito le statistiche sono importantissime, perchè sapere tutte le informazioni riguardo a: chi ci visita, da dove arriva, link esterno che ci porta più traffico, cosa cerca, le pagine che sono più visitate... tutto questo e molto altro ci servono per sapere se il nostro sito è cercato, visto e cambiare se necessario i contenuti in base agli interessi di chi ci visita.
Ad esempio, mettiamo di avere un sito che vende e parla di macchina. Se dalle statistiche ci accorgiamo che le persone che ci visitano sono interessate all'argomento "nuovo codice della strada", possiamo ampliare quell'argomento e facendolo stiamo "fidelizzando" l'utente e creando contenuti utili per la rete perchè sono davvero cercati.

Perchè Google Analytics?

Perchè offre una vastissima scelta di monitoraggio, è uno strumento davvero potente per registrare le statistiche del nostro sito, dalle visite totali, ai visitatori unici a quanto tempo gli utenti rimangono nelle nostre pagine.

Come inserire Google Analytics in Joomla?

Prima di tutto dovere avere una account Google, basta creare una mail su gmail.com, una volta che avete la vostra mail andate su:
http://www.google.com/analytics
Vi registrate (gratuitamente) a google analytics con il nome del vostro sito da monitorare.
Verrà creato uno script che contiene una chiave UA, troverete il seguente codice:

<script scr="http://www.google-analytics.com/urchin.js" type="text/javascript">
</scritp>
<script type="text/javascript">
_uacct = "UA-3638XXX";
urchinTracker();
</script>

Poi prendiamo la chiave "UA" e la inseriamo... in un plugin per Joomla!

Esistono diversi moduli (compatibili con le versioni 1.0 o 1.5) in questa guida vi consiglio il plugin: Bigshot Google Analytics
qui potete trovare ulteriori informazioni sul plugin

Una volta scaricato il plugin andiamo nel backend di Joomla, e dal menu orizzontale clicchiamo su: Estensioni -> Istalla/disistalla
caricare il pacchetto e cliccare su: Carica file e istalla come per qualsiasi altro plugin.

Per aprirlo e mettere le impostazioni, lo trovate su gestione plugin, inserite la chiave UA e il gioco è fatto. Il plugin moniterà tutte le pagine del vostro sito e potrete controllare sempre le vostre statistiche attraverso: www.google.com/analytics

semplice no?