06.05.2012 o 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.

Komentarze
monika (30.01.2016 o 19:37)
Spoko wpis, ale czasem lepiej kupić gotowy szablon joomla np tu http://www.designer.pl/sklep/szablony-joomla
DraG (21.02.2016 o 0:21)
Wiadomo, że lepiej zostawić to dla takich programistów jak my, ale jeśli ktoś chce spróbować własnych sił, to zawsze może. Czasem są osoby, które już stawiają własne strony i chcą zrobić własny więc szukają takich poradników jak ten.
Ja osobiście zawodowo tworzę szablony HTML, WordPress oraz Joomla.
© 2010 - 2018 - Karol Drąg
Wszelkie prawa zastrzeżone
Polityka plików cookies