Share
In questo tutorial, imparerai le basi di un template Joomla e ne creerai uno da zero. Effettueremo rapidamente l'installazione di un server locale e Joomla stesso, quindi creeremo un modello di funzionamento di base.
Prima di iniziare sul nostro modello, ci sono alcune cose che devi preparare.
Proprio come la maggior parte dei CMS, Joomla richiede un server con PHP e MySQL installati. L'installazione manuale di quanto sopra può essere abbastanza fastidiosa e, a dirla tutta, una perdita di tempo (a meno che tu non voglia capire come funziona esattamente).
Quello che faremo è scaricare un singolo programma di installazione per tutto quanto sopra che attaccherà un server locale sul tuo sistema e ti darà anche un pannello di controllo davvero elegante.
Quindi vai su WAMP e scarica l'ultima versione. (MAMP per Mac)
Una volta scaricato il programma di installazione, eseguirlo e installare WAMP in un luogo facile da ricordare. Se tutto va come previsto, dovresti guardare una cartella chiamata: wamp
Ora dovresti avere anche un'icona nella barra delle notifiche (dove è l'orologio) che ti dà accesso al pannello di controllo di WAMP. Puoi usarlo per un certo numero di cose, incluso il riavvio del server.
Ora che abbiamo installato un server, possiamo ottenere Joomla e configurarlo. Vai a Joomla e scarica l'ultima versione.
Prima di continuare, diamo nuovamente un'occhiata alla nostra cartella WAMP. All'interno troverai un sacco di cartelle, ma quella che ci interessa è la cartella www.
Questa è la radice della configurazione del tuo server ed è qui che installeremo Joomla. (nota: puoi installare tutte le copie di Joomla qui come vuoi, o qualsiasi altra cosa per quella materia)
Quindi, decomprimere il download di Joomla nella cartella www. Di solito lo rinominano a questo punto con il nome del mio sito o semplicemente lo abbino a joomla.
Joomla è ora sul nostro server. Tuttavia c'è un'ultima cosa che dobbiamo fare prima di installare, e questo è quello di creare un database. Apri il browser e vai a http: // localhost .
Qui troverai la tua area di amministrazione del server, questo è dove creiamo il nostro database.
Per creare il database, fare clic su phpmyadmin nella sezione Your Alias.
Per questo tutorial, chiameremo il nostro database Joomla. Non dovrai creare qui un utente con password, ma usare i dettagli dell'utente root. Si consiglia vivamente di creare un utente con una password sicura in situazioni live.
Ora che abbiamo un database, possiamo iniziare a installare Joomla. Avvia il browser e vai a http: // localhost / joomla (o come hai chiamato il tuo sito quando lo hai estratto).
Il primo schermo parla praticamente da solo. Scegli una lingua e premi avanti.
La schermata successiva che vedi è la checklist pre-installazione. Questo è un elenco degli elementi e delle impostazioni richiesti che Joomla deve installare con successo. Assicurati di avere la configurazione necessaria e fai clic su Avanti.
Nella pagina successiva, leggere attentamente la licenza e, quando è pronto, fare clic su Avanti e immettere i dettagli richiesti (Nome host: localhost, Nome utente: root, nessuna password e joomla come nome del database), quindi premere avanti.
Salta la schermata Configurazione FTP facendo clic su Avanti e nella pagina successiva, inserisci il nome del tuo sito, un indirizzo email e scegli una password. Questa sarà la password che userai per accedere all'area admin di joomla insieme al nome utente: admin.
Al momento non installeremo alcun esempio di dati, poiché desideriamo aggiungere i moduli uno per uno per vedere come il nostro modello verrà utilizzato più avanti nel tut. Clicca dopo.
Congratulazioni! Joomla è attivo e funzionante, ma prima che possiamo entrare e fare un po 'di casino, dobbiamo cancellare la cartella di installazione. Quindi vai nella tua cartella www all'interno di wamp, quindi nella cartella joomla ed elimina la cartella di installazione
In questi giorni è piuttosto difficile entrare in qualsiasi discussione CMS Open Source senza che il nome di Joomla si abbandoni.
La sua installazione con pannello di amministrazione intuitivo lo rende molto popolare tra gli utenti che cercano un CMS facile e allo stesso tempo sono ricchi di funzionalità che mantengono
migliaia di sviluppatori impegnati nel rullare applicazioni e moduli. Se necessario, familiarizza con il back-end (ti consiglio questo rapido articolo Joomla 101 sul blog Themeforest per avere un'idea veloce).
Per visitare il tuo sito, fai clic su anteprima nell'angolo in alto a destra dell'area di amministrazione. Quello che otterrete è il modello predefinito senza contenuto e il più semplice dei moduli caricati.
Per iniziare a capire la struttura del modello, diamo un'occhiata a quella di default. Vai alla tua cartella www, quindi all'interno della cartella joomla dovresti vedere una cartella templates.
(wamp / www / Joomla / templates). Questo è dove vanno tutti i diversi modelli. Puoi passare da un modello all'altro nel pannello di amministrazione.
All'interno della cartella dei modelli, vedrai una cartella per ogni modello installato. Joomla ha tre template: beez, rhuk_milkyway e ja_purity. Ricorda questa posizione in quanto è qui che installerai i tuoi nuovi modelli in futuro.
Sebbene la maggior parte dei modelli sia composta da alcuni file, solo due sono necessari per creare un modello funzionante. Questi sono:
Il primo - index.php - è il punto in cui tutto il markup va nel quale si inserisce Joomla include. Questi possono essere visti come piccoli ganci dove joomla blocca le informazioni, come i moduli per esempio
Il secondo file è templateDetails.xml. Puoi vedere questo come una lista di istruzioni per Joomla. Questo elenco deve includere il nome del modello, i nomi dei file utilizzati nel modello (immagini ecc.) E le posizioni che si desidera utilizzare (le include menzionate sopra).
template _tut 31-01-2009 Fan di Nettut [email protected] http://www.siteurl.com Tu 2009 GNU / GPL 1.0.0 Modello Tut index.php templateDetails.xml css / template.css breadcrumb sinistra destra superiore user1 user2 user3 user4 footer
Quanto sopra è un esempio di un file templateDetails.xml. Come puoi vedere, questo è un elenco specifico che dice a Joomla del modello, come il nome, l'autore, la data creata ecc ...
Si noti la sezione delle posizioni nel codice sopra. Queste sono le posizioni di cui abbiamo parlato prima, gli include.
Alcuni sono auto esplicativi, come il footer.
Se inserisci il piè di pagina di joomla nell'area di piè di pagina del tuo progetto, sarai in grado di controllare alcuni aspetti del footer utilizzando il back-end di Joomla. Proviamo a mettere insieme un modello semplice.
Facciamo un po 'di preparazione, quindi abbiamo qualcosa su cui lavorare. Vai alla cartella dei modelli e crea una nuova cartella. Lo chiamiamo template_tut.
All'interno della tua nuova cartella, crea un file chiamato index.php e un altro chiamato templateDetails.xml (copia / incolla il codice nell'esempio sopra al suo interno).
Apri il tuo file index.php nel blocco note o qualsiasi altra cosa che usi per modificare il codice e copia / incolla quanto segue in:
Accentsconagua
