06.05.2012, 16:32

Jak zrobić własny szablon do Joomla?

Większość osób, które korzysta lub ma zamiar korzystać z Jomml’i
chciała by zrobić własny szablon, aby to zrobić na początku musimy mieć
szablon zrobiony w programie graficznym, pocięty na odpowiednie części i
dostosowany do pliku .css oraz pliku index.html w którym to znajduje
się strona zbudowana na div’ach. Następnie gdy już mamy gotowy szablon w
.html zmieniamy jego format z .html na .php, następnie otwieramy go i
na początku dopisujemy taki kod:

<?php

defined( ‘_JEXEC’ ) or die( ‘Restricted access’ );

?>

A w miejscu gdzie mają znajdować się odpowiednie treści strony dodajemy odpowiedni kod.

Dla dodatkowych pól w head dodajemy:

<jdoc:include type=”head” />

Dla ścieżki do pliku .css:

<link rel=”stylesheet” href=<?php echo 
$this->baseurl ?>/templates/<?php echo $this->template 
?>/css/template.css” type=”text/css” />

W miejscu gdzie chcemy wyświetlić menu wpisujemy:

<jdoc:include type=”modules” name=”MENU” style=”xhtml” />

zamiast:

<ul>

       <li></li>

</ul>

W miejscu gdzie chcemy wyświetlać jakieś moduły:


<?php if($this->countModules(‘GORA’)) : ?>

        <div id=”GORA”>

            <jdoc:include type=”modules” name=”GORA” style=”xhtml” />

        </div>
<?php endif; ?>

gdzie  “GORA” oznacza nazwę sekcji pod jaką będzie dany moduł

<div id=”GORA”></div> div z jakim będzie się ukazywał moduł

Główna treść strony:


<jdoc:include type=”message” />

<jdoc:include type=”component” />

I zapisujemy plik, następnie otwieramy index.html usuwamy z niego całą poprzednią zawartość, a dodajemy taką:



<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.0 Transitional//EN”>
<html>

    <head><title></title></head>

    <body bgcolor=#FFFFFF”></body>
</html>

możemy też zostawić ten plik pusty i po zapisaniu zmieniamy format z .html na .htm.

Następnie tworzymy plik templateDetails.xml, w którym to będą wszystkie ustawienia związane z szablonem:




<?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>nazwa szablonu</name>

        <creationDate>data wykoanania</creationDate>

        <author>autor</author>

        <authorEmail>email autora</authorEmail>

        <authorUrl>adres strony autora</authorUrl>

        <copyright>prawa autorskie</copyright>

        <license>licencja (np GNU/GPL)</license>

        <version>wersja</version>

        <description>opis szablonu</description>

        <files>

                <folder>css</folder> 

                <folder>images</folder> 

                <filename>index.php</filename>

                <filename>index.htm</filename>

                <filename>templateDetails.xml</filename>

                <filename>template_thumbnail.png</filename>

        </files>

        <positions>

                <position>MENU</position>

                <position>GORA</position> 

                <position>DOL</position> 

        </positions>
</install>

gdzie <folder>…</folder>, podawane są tu nazwy folderów szablonu, nie podajemy ścieżki do zawartości danego folderu,

<filename>…</filename> nazwy plików znajdujących się w głównym katalogu folderu,

template_thumbnail.png to zdjęcie szablonu (Print Screen).

<position>…</position> nazwy pozycji modułów.

I to by było na tyle dla taki mini szablonik bez żadnych specjalnych funkcji dla początkujących.

Dodatkowo specjalnie dla was postanowiłem zrobić taki szablonik do ćwiczeń i można go pobrać z tej strony:

http://karol-drag.eu/pobierz/szablon-joomla.zip

Uwaga!!
Jest to stary artykuł, po jego przeczytaniu wejdź na stronę http://karol-drag.eu/art/jak-zrobic-wlasny-szablon-do-joomla-aktualizacja i dowiedz się jakie zmiany zostały wprowadzone w nowszych wersjach Joomla. Dlaczego? Aby Twój szablon działał na nowszych wersjach Joomli.