Come convertire un modello HTML in Joomla!

August 28

Joomla! è un CMS open-source, o il sistema di gestione dei contenuti, che permette di pubblicare siti web. Oltre pubblicazione di contenuti al tuo sito web, permette anche di progettare il vostro sito web utilizzando un modello. Un modello è un formato di set che crea il layout di un sito web. Joomla! offre molti modelli per l'uso, ma se avete progettato il proprio modello utilizzando HTML o stanno passando tuo sito web per Joomla! ma vuole mantenere il layout HTML, è possibile installarlo in Joomla! dopo aver apportato piccole modifiche nel codice del modello HTML.

istruzione

1 Salvare il codice HTML per il modello e qualsiasi altro file ad esso associati, comprese eventuali immagini e file CSS, in una cartella.

2 Aprire il file HTML in un word processor.

3 Cerca index.html nel file. È possibile cercare premendo il tasto "Control" e "F" Sostituirlo con index.php.

4 Digitare il nome del modello in cui si your_template_name dice nel codice HTML. passa anche your_CSS_directory al nome della directory CSS e your_CSS_file.css al nome del file CSS associato al modello.

5 Inserire la posizione per ciascun modulo, ogni casella o sezione sul modello-in di codifica. Il codice di questo è il seguente:

<Div id = "header_r">
<Div id = "logo"> </ div>
<Jdoc: include type = "moduli" name = "top" />
</ Div>
<Jdoc: include type = "componente" />

6 Inserisci il codice di un file manifesto. Il file manifesto contiene tutti i file associati con il modello, se non si include tutti loro, il modello non funziona. Il codice è il seguente:

<? Xml version = "1.0" encoding = "utf-8"?>
<! DOCTYPE installare PUBLIC "- // // Joomla 1.5 template DTD 1.0 // EN" "http://dev.joomla.org/xml/1.5/template-install.dtd&quot;>
<Installare la versione = tipo "1.5" = "template">
<Nome> your_template_name </ nome>
<CreationDate> 19/12/2009 </ creationDate>
<Author> tuo </ author>
<AuthorEmail> il tuo indirizzo e-mail </ authorEmail>
<AuthorUrl> l'URL </ authorUrl>
<Copyright> </ copyright>
<Licenza> GNU / GPL </ licenza>
<Versione> 1.0.0 </ version>
<Description> una descrizione per il modello </ description>
<file>
<Filename> index.php </ filename>
<Filename> templateDetails.xml </ filename>
<Filename> template_thumbnail.png </ filename>
<Filename> images / arrow.png </ filename>
<Filename> images / logo.png </ filename>
<Filename> css / template.css </ filename>
</ File>
<posizioni>
<Posizione> breadcrumb </ position>
<Posizione> sinistra </ position>
<Posizione> destro </ position>
<Posizione> top </ position>
<Posizione> user1 </ position>
<Posizione> utente2 </ position>
<Posizione> user3 </ position>
<Posizione> user4 </ position>
<Posizione> piè di pagina </ position>
<Posizione> debug </ position>
<Posizione> sindacato </ position>
</ posizioni>
</ Install>

7 Aprire un'immagine del modello e prendere uno screenshot di esso. Si può prendere uno screenshot su Windows premendo il tasto "PrtScSysRq" e sui Mac premendo il tasto "Comando", "Shift" e "3" allo stesso tempo.

8 Aprire la schermata in un programma di editing di immagini. Ridimensionare lo screenshot quindi è 206 pixel per 150 pixel per creare una miniatura. Salvare la miniatura per la cartella dei modelli.

9 Creare un file ZIP del template per installarlo in Joomla! programmi popolari per la creazione di file ZIP sono WinZip, 7-Zip e ZipItFree.

10 Accedi al tuo Joomla! account.

11 Fai clic su Estensioni. Selezionare Installa / Disinstalla dal menu a discesa.

12 Selezionare il file ZIP creato e fare clic su "Carica file pacchetto" per caricarlo a Joomla!