Joomla è un sistema di gestione dei siti (CMS) multifunzionale che ti consente di configurare quasi tutte le impostazioni delle risorse. La funzione "Modelli" è responsabile della visualizzazione degli elementi sulle pagine del sito in questo CMS. Ciascuno dei modelli può essere installato automaticamente o creato indipendentemente dal webmaster.
È necessario
- - capacità di utilizzo di HTML e CSS;
- - un pacchetto di qualsiasi template Joomla.
Istruzioni
Passo 1
Prima di creare il tuo layout, scegli un modello che utilizzerai per scrivere il tuo codice. Ciò ti farà risparmiare tempo ed eviterà di scrivere righe di codice non necessarie che sono standard per Joomla e vengono utilizzate durante l'installazione di qualsiasi skin.
Passo 2
Copia il modello in una cartella separata e apri il file templateDetails.xml nella sua directory principale. Questo documento contiene informazioni sul servizio, descrizione e nome del layout. Modifica i blocchi richiesti come meglio credi. Ad esempio, puoi modificare il descrittore per cambiare il nome dell'autore con il tuo, specificare l'e-mail, l'indirizzo della homepage. Sulla riga, puoi inserire un nome per il tuo layout futuro.
Passaggio 3
Vai al blocco del file in fase di modifica. Rimuovere tutti i descrittori che fanno parte di questo blocco, iniziando con debug e finendo con la posizione 14, lasciandone solo uno dopo l'operazione. Allo stesso modo, elimina le righe e Lingua.
Passaggio 4
Dopo aver eseguito le operazioni, salvare le modifiche nel file ed eliminare la cartella della lingua nella directory con i file del modello. Quindi apri il file index.php con l'editor che stai utilizzando ed elimina tutto il contenuto tranne la riga:
<?php
definito ('_ JEXEC') o morire; ?>
Passaggio 5
Assegna un nome alla cartella del modello, quindi comprimela in un archivio utilizzando il programma di archiviazione, facendo clic con il pulsante destro del mouse sulla directory del modello e selezionando "Crea archivio …". Il file da creare deve avere estensione.zip.
Passaggio 6
Vai al pannello di amministrazione delle risorse e vai alla sezione "Modelli". Utilizzando l'operazione di installazione, importa l'archivio appena creato e attendi la notifica dell'avvenuta installazione. Quindi abilita il modello risultante selezionandolo dal menu predefinito.
Passaggio 7
Disegna un modello di esempio per il tuo modello futuro e scrivi il codice HTML appropriato nel file index.php di conseguenza. Crea codice utilizzando alcune delle funzionalità del motore. Quindi, puoi inserire il comando per sostituire automaticamente le intestazioni standard di Joomla:
Questo codice includerà tutti i tag richiesti nella sezione della pagina.
Passaggio 8
Puoi inserire il tuo codice tabella a cascata in template.css in una delle cartelle delle risorse. Dopo aver creato un nuovo modello CSS, includilo nel tuo file index.php usando
-
/ modelli / modello; ? & rt; /css/template.css”tipo =“testo / css”>.
Passaggio 9
Quindi, crea il markup della pagina utilizzando il codice HTML. Per fare ciò, continua a modificare index.php in base al tuo modello specificato. Se necessario, aggiungi le posizioni che desideri al blocco di file templateDetails.xml, assegnando gli ID appropriati a ciascuna delle sezioni del tuo progetto. Quindi, per impostare i parametri dell'intestazione, puoi creare una Testa e includere questo parametro nel file index.php come segue:
Passaggio 10
Dopo aver creato una nuova testa, puoi modificarla tramite la finestra di Joomla nel gestore dei moduli. Per fare ciò, crea una nuova pubblicazione e inserisci il testo e le immagini necessari che verranno visualizzati nel titolo. Fai lo stesso con tutti gli elementi dell'interfaccia che stai creando e salva tutte le modifiche apportate.