Visualizzazione post con etichetta Template. Mostra tutti i post
Visualizzazione post con etichetta Template. Mostra tutti i post

martedì 29 settembre 2009

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!

mercoledì 16 settembre 2009

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! :)

mercoledì 29 luglio 2009

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!

lunedì 29 giugno 2009

Come personalizzare un template Zen per Drupal


Nello scorso post ci siamo fermati a "istallare" il template Zen sulla nostra istallazione di Drupal. Ora vediamo come si può iniziare a "sporcarci le mani"

Importante: il tema del sistema fa la cache del tema, dunque se si aggiungono del tema, o un nuovo file di template sottotema ci sarà bisogno di registro del tema (cancellare la cache). Drupal conserva una cache dei dati nei file .info se si modificano le linee nel fine .info del sottotema, bisogna fare il refresh della cache, visitando la pagina /admin/build/theme.

Ora che abbiamo l'istallazione di Zen, andiamo a sviscerare ogni file .css che vi è contenuto, come vedrete abbiamo un infinità di stili che possiamo andare ad interagire, come? e qui viene in aiuto tutte le conoscenze che abbiamo o meno di linguaggio CSS, per poter far fare al nostro template quello che vogliamo.

Con l'esperienza nel CSS possiamo arrivare a risultati come nell'immagine in alto che vi ho linkato dal sito: http://drupal2u.com/2008/03/drupal-template-blossom/ e otterere effetti davvero speciali, perchè Drupal è molto potente.. e ma come diceva qualcuno...

la potenza è nulla senza controllo!

al prossimo tutorial!

mercoledì 24 giugno 2009

Come installare il template Zen per Drupal


Nello scorso tutorial vi ho fatto "studiare" un template già esistente per capire la struttura di Drupal e della sua costruzione nidificata, tanto potente quanto un pò complicata da modificare.

In questo tutorial invece parteremo a costruire template dal template Zen di Drupal, prima cosa da fare... cos'è il template Zen?
Per molte persone, Zen è il miglior tema di partenza per Drupal. Se vuoi costruire un tuo tema, puoi trovare molto facile l'ultilizzo di Drupal attraverso Zen, piuttosto che altri temi come Gardaland o Bluemarine. Questo tema ha molta documentazione online (in inglese) e in più ha moltissima documentazione direttamente all'interno sotto forma di commenti al codice.

Istallazione e creazione di un template zen

  • Scarichiamo l'ultima versione disponibile, scompattiamola e spostiamo la cartella del tema nella directory: /sites/default/themes della nostra installazione Drupal.
  • Creiamo una copia della cartella del tema e chiamiamola ad esempio "Zen-custom".
  • Attiviamo e selezioniamo dal backend il tema "Zen-custom" dall'area admin (/admin/build/themes) della nostra installazione Drupal.
  • Da qui possiamo mettere le mani sul codice XHTML dei singoli files del template (per cominciare page.tpl.php, node.tpl.php, block.tpl.php, comment.tpl.php) per modificare struttura di base, ordine degli elementi e classi. Possiamo inserire o eliminare le singole variabili PHP viste sopra per mostrare o nascondere i contenuti che ci interessano.
  • Per finire apriamo il nostro foglio stile style.css nel nostro editor di testo preferito e modifichiamo il codice CSS
  • Salviamo files e immagini, cancelliamo la cache del browser (Drupal utilizza una cache aggressiva)
Ora abbiamo il nostro template pronto da modificare!
Possiamo fare delle cose davvero strabilianti, ad esempio l'immagine che ho linkato sopra! :D

martedì 20 gennaio 2009

Come fare un template per Joomla!




Esistono diversi modi per creare un template per Joomla! Possiamo usare dei software come NVU (vedi http://www.sanavia.it/nvuitalia/) e scaricarsi l'estensione per creare siti Joomla! che potete trovare qui oppure.. convertire un vecchio html...!

Come convertire un template statico
Creiamo una cartella, e la nominiamo con il nome che vogliamo dare al template.
All'interno di questa mettiamo:
1 cartella "css" dove metteremo il nostro style.css
1 cartella "html" dove metteremo il nostro file index.html
1 cartella "images" per tutte le immagini del template
1 file chiamato "index.php" che sarà il nostro html convertito con codice php
1 file "favicon.ico" che sarà l'icona del sito, in alto nella barra dei contatti.
1 file chiamato "templateDetails.xml" dove metteremo i seguenti parametri: (ps: metto più spazi tra < e > perchè altrimenti blogger non me li pubblica, state dunque attenti se copiate e incollate)


< ?xml version="1.0" encoding="utf-8"? >
< !DOCTYPE install PUBLIC "-//Joomla! 1.5//DTD template 1.0//EN" "http://dev.joomla.org/xml/1.5/template-install.dtd" >
< install version="1.5" type="template" >
< name>Nome del template< /name >
< creationDate>data di creazione< /creationDate >
< author >Nome autore< /author >
< authorEmail>email@autore< /authorEmail >
< authorUrl >sito autore< /authorUrl >
< copyright >< /copyright >
< license >GNU/GPL< /license >
< version >1.0.0< /version >
< description >template for Joomla 1.5< /description>

< files >
< filename>index.html< /filename >
< filename>index.php< /filename >
< filename>templateDetails.xml< /filename >
< filename>favicon.ico< /filename >
< filename>component.php< /filename >
< filename>images/tutta la lista delle immagini< /filename >
< filename>images/tutta la lista dei file< /filename >
< /files >

< positions >
< position >left< /position >
< position >right< /position >
< position >top< /position >
< position >breadcrumb < /position>
< position >user1< /position >
< position >user2< /position >
< position >user3< /position >
< position >user4< /position >
< position >debug< /position >
< position >syndicate< /position >
< /positions >

< params >
< /params >
< /install >



Come rendere i tag html dinamici?
Includendo i moduli joomla!

Prendiamo il nostro file html e convertiamolo in index.php, sia salvandolo con questo nome, sia inserendo l'indestazione come segue:



< ?php echo '< ?xml version="1.0" encoding="utf-8"?'.'>'; ?>
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
< html xmlns="http://www.w3.org/1999/xhtml" xml:lang="< ?php echo $this- >language; ?>" lang="< ?php echo $this- >language; ? >" dir="< ?php echo $this->direction; ? > " >



< head >
< jdoc:include type="head" / >
< link rel="stylesheet" href="baseurl ?>/templates/cartella con il nome del template/css/style.css" type="text/css" />
< /head >
< body >
< /body >
< /html >




Negli spazi che ci servono, rispetto al nostro template in codice html, inseriamo poi i richiami dei diversi moduli Joomla! Ad esempio, se vogliamo mettere in un td di una nostra tabella il riferimeno alla colonna sinistra metteremo dentro il < TD >:



< div id="left" >
< jdoc:include type="modules" name="left" >
< /div >


Questo div includerà i moduli ai quali assegneremo la posizione a sinistra.

Cosi via inseriamo poi i collegamenti tutti i moduli nei posti dove vogliamo:


name="top"
name="breadcrumb"
name="user1"
name="user2"
name="user3"
name="user4"
name="right"
name="left"
name="syndicate"
name="debug"

Fatto questo non ci resta che uplodare la nostra cartella sotto la cartella "joomla" --> "template" e provare l'effetto che fa. Per vedere se abbiamo fatto tutto nel modo corretto, prima inseriamo dei contenuti, il modulo menu, cerca ecc. e poi cambiamo l'aspetto sostituendo il nostro template. Una volta agganciato poi si può perfezionare andando ad agire su html e css.
Sembra facile? beh non esattamente, Joomla! è una piattaforma opensource molto potente, ma sicuramente non facilissima a primo sguardo, occorre mettersi d'impegno e dedicarci un bel pò di tempo per creare template e siti belli e funzionali.

Per altre informazioni: http://www.joomla.it/