Od HTML’a do Joomla! 2.5 – tworzymy własny szablon


18 lipca 2012 / Michał Kortas


Witajcie w kolejnym kursie wideo na wortalu WEBroad.pl. Nazywam się Michał Kortas i w kolejnych częściach tego poradnika, przeprowadzę Was – możliwie najdokładniej – przez proces tworzenia szablonów dla systemu Joomla! 2.5.

Zaczniemy od edycji kodu HTML, przechodząc następnie do formatowania strony w arkuszu CSS. Na koniec przygotujemy odpowiednią paczkę instalacyjną, która służyć będzie do uruchamiania szablonu na naszej witrynie. Cały kurs udostępniam w wysokiej jakości HD, oczywiście zupełnie za darmo. Rozpowszechnianie poradnika możliwe jest tylko i wyłącznie w formie zagnieżdżonego materiału wideo, z wyraźnym zaznaczeniem autorstwa.

Uwaga, dostępnych jest już 5 lekcji!

Pliki źródłowe do kursu Joomla! 2.5 – własny szablon > POBIERZ

Jeśli masz problemy z włączeniem kursu, spróbuj wyłączyć dodatek AdBlock.

{source}
<iframe width="740" height="416" src="//www.youtube.com/embed/videoseries?list=PLD6DFACDB56C2C3A3" frameborder="0" allowfullscreen></iframe>
{/source}

Zachęcam Was do oceniania inicjatywy i podawania pomysłów, które być może wykorzystam w przygotowywanych lekcjach kursu.



64 odpowiedzi na “Od HTML’a do Joomla! 2.5 – tworzymy własny szablon”

  1. Njoi pisze:

    Naprawdę fajnie, że robisz ten poradnik! Z niecierpliwością czekam na pierwszą lekcję. :)

  2. Rudi pisze:

    A są planowane też podobne poradniki do innych CMS’ów? Drupal np? Albo inne mniej popularne od wordpressa i joomli?

    • Myślałem właśnie o Drupalu, bo ostatnio zyskuje na popularności. Jeżeli użytkownicy WEBroad.pl przyjmą to z entuzjazmem, to nie ma problemu. Mogę przygotować i taki kurs.

      • Rudi pisze:

        Jeśli wasza redakcja posiada takie umiejętności by robic poradniki do kilku CMS to sądzę iż chętni by z takich lekcji korzystać nie będzie brakować. CMS są świetne, ale templatki zawsze są tym czymś na co sie kręci nosem. Darmowych do joomli i wordpresa jest dużo to prawda, tlyko wiele osób chciało by coś samemmu zrobić i często na chęciach sie kończy.

      • Njoi pisze:

        Bardzo chętnie zobaczyłbym poradnik do Drupala. Jeśli tylko masz umiejętności i chęci – rób! :)

  3. Mr.Mr pisze:

    a ja musiałem się sam męczyć :P

  4. ownI pisze:

    dobra robota, przyda się na początek

  5. Łukasz pisze:

    Będzie zaktualizowany kurs dla szablonów w zapowiadanej Joomli 3.0? Sporo zmian tam szykują…

  6. Mariusz pisze:

    Kiedy zostaną wrzucona następne części tego kursu???

  7. insan3 pisze:

    kurs zapadał się pod ziemie? a tak dobrze się zapowiadało…

  8. Andy pisze:

    Świetny poradnik, dokładnie taki jakiego szukałem

  9. MatMat pisze:

    Kiedy można spodziewać się reszty lekcji? :) Nie powiem bardzo byłyby mi przydatne :)

  10. anon pisze:

    Tutaj za darmo w eduweb ok. 100 zł gdyby nie zachłanność piractwo by nie istniało.

  11. Magda pisze:

    Rewelacja ten kurs! Czekam na kolejne lekcje! Jestem poczatkujaca, wiem co mowie :)

  12. Njoi pisze:

    Poradnik bardzo dobry, dzięki za niego, mam jednak jedno zastrzeżenie. Mógłbyś wyciąć momenty, w których po wytłumaczeniu wszystkiego nastaje cisza i widać po prostu co wpisujesz. Wg mnie nie są one potrzebne. :)

    • Kurs miał taką formę od początku. Tworzę go z myślą o zupełnie początkujących użytkownikach Joomla!, dlatego wolę pokazywać wszystko od początku do końca. Gdybym miał omijać fragmenty, podczas których wykonuję dane operacje, kurs byłby zwykłym słuchowiskiem, a nie tutorialem step by step. Tak czy inaczej – dziękuję serdecznie za wskazówkę. Pozdrawiam!

      • Njoi pisze:

        Źle mnie zrozumiałeś, nie chodzi mi o wycinanie wszystkich „głuchych” momentów, po prostu niektóre z nich, w których piszesz bardzo oczywiste linijki, są nudne (te momenty, nie linijki).

  13. Iwona pisze:

    Hej,
    Udało Ci się uratować parę godzin mojego czasu. Dzięki za poradniki :)

  14. Cloud pisze:

    Bardzo przydatny kurs ! :) Gorąco polecam. Czekam na dalsze :D

  15. superhorse pisze:

    Ogólnie wszystko ładnie pięknie, szybko, łatwo i przyjemnie, ale mam mały problem, a mianowicie jak sprawić żeby top menu wyświetlało się poziomo ? Nie wiem czemu gdy top menu przypisałem swojej pozycji w szablonie jako top menu wyświetla mi się pionowo czyli jeden pod drugim.
    Z góry dzięki i pozdrawiam :).

  16. Maxior02 pisze:

    Kurs rewelacja ;] Jestem początkujący w tym właśnie temacie i te lekcje rozjaśniły mi wszystko, bardzo profesjonalnie jest to zrobione i oby tak dalej. ! Pozdrawiam ;)

  17. Jaco_008 pisze:

    Naprawdę pomocne, z niecierpliwością czekam na kolejne lekcje :D PS. Kiedy planujesz wrzucić kolejne lekcje Tworzenia szablonu ??

  18. Jaco_008 pisze:

    Mam pytanko : gdy całość wrzuciłem już na localhosta, szablon jest zainstalowany poprawnie,
    i teraz gdy chce zamienić logo, robię go w *.png, podmieniam plik i mimo iż jest zmieniony w folderze na serverze to jak podglądam witrynę nadal jest stare logo, co zrobiłem źle ?? czy szablon jest jakoś blokowany ??

  19. Piotrusznik pisze:

    wszędzie szukałem i to jest zaje..ste!!!!!!!!!!!!!!!!!!! ;]

  20. bartek pisze:

    i co dalej ? ; ) czekam na dalesze lekcje

  21. Tomek pisze:

    Rewelacja nareszcie prosto i zwięźle wyjaśnione. Gratulacje czekamy na dalszą część :-)

  22. xyz pisze:

    podczas instalacji szablonu wstąpił błąd: Nieznany typ archiwum.
    Bardzo proszę o pomoc… bo nie mam pojęcia gdzie może być błąd

  23. rogaal pisze:

    Wszystko od podstaw prosto i przystępnie wytłumaczone, super, Bardzo dziękuję. Mam prośbę, czy mógłbyś uaktualnić link z plikami źródłowymi, bo nie mogę ich ściągnąć. Pozdrawiam

  24. Piotrek pisze:

    Z niecierpliwością czekam na kolejne lekcje. :)

  25. Mike pisze:

    Nie mogę pobrać plików źródłowych.
    Sam kurs super

  26. edrju pisze:

    Czy reuploadujesz plik źródłowy? nie jestem w stanie go pobrać z serwera.

  27. foto-graf pisze:

    Pytanie za 100pt!
    Z jakiego programu korzystasz do tworzenia wideo tutoriali?

  28. kati pisze:

    Prosto i jasno. Dzięki :)

  29. Mariusz pisze:

    Czekam na więcej… Szablon oczywiście można również zastosować dla wersji 3.0

  30. Kiara 0 pisze:

    Bardzo dobra robota! Cieszę się, że ktoś zechciał uchylić tajniki tworzenia szablonów.

    Kiedy można spodziewać się kolejnych lekcji?

  31. Forms pisze:

    Świetny kurs, jednak mam 1 pytanie.
    Przy tworzeniu podmenu, przed nazwą zawsze automatycznie dopisuje się „kropka”, jeśli wie Pan co mam na myśli to prosiłbym o wskazanie miejsca w kodzie oraz komendy tak abym mógł tą „kropkę/punktor” usunąć.

  32. Michał pisze:

    Da się to pobrać aby obejrzeć offline ?

  33. leppeer pisze:

    Witam, mam problem w momencie instalacji szablonu, wyświetla mi się nastepujący komunikat:
    Nie powiodło się załadowanie pliku XML

    /home/nazwaużytkownika/public_html/tmp/install_51504c8955e96/strona-statyczna/templateDetails.xml

    XML: Input is not proper UTF-8, indicate encoding ! Bytes: 0xB3 0x20 0x44 0x79

    JInstaler::Instalacja: Nie znaleziono pliku instalacyjnego XML

    Chciałem podnieść problem na waszym forum, niestety nie potrafię się na nim zarejestrować?

    Kiedy kolejne części? ;)
    Pozdrawiam
    leppeer

  34. Toudi pisze:

    Kiedy będzie kontunuacja kursu?

  35. Marcin Bagiński pisze:

    Witam! Ostatnio chodzi mi po głowie pomysł strony przewijanej w poziomie. Dużo przy tym byłoby zachodu? Oczywiście mam tu na myśli takowy szablon.

  36. Sakul83 pisze:

    Michał miałbyś pomysł czemu nie mogę zainstalować templatki robionej na bazie kursu? Dostaję info:

    Nie powiodło się załadowanie pliku XML
    /home/virtualki/82234/joomla/tmp/templateDetails.xml
    XML: Input is not proper UTF-8, indicate encoding !
    Bytes: 0xF3 0x77 0x20 0x4E
    JInstaler::Instalacja: Nie znaleziono pliku instalacyjnego XML
    Ścieżka nie zawiera pakietu instalacyjnego.

    Mam dostęp do folderów (są zapisywalne), przy instalacji z temp’a jest to samo. Jeśli miałbyś jakiś pomysł co jest przyczyną, to napisz proszę…
    Dzięki za super kurs i pozdrawiam

  37. papa pisze:

    a idz ty z tym *** :(( nic sie nie da zrobic instaluje z bledami pozniej usunac sie nie da :((

    bez wulgaryzmów proszę – Moderator

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *