Ogłoszenia

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

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.

komentarze 64

  • Awatar
    Njoi

    1 czerwca 2012 15:58

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

    Odpowiedz
  • Awatar
    Rudi

    1 czerwca 2012 16:43

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

    Odpowiedz
    • Awatar
      Michał Kortas

      1 czerwca 2012 19:02

      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.

      Odpowiedz
      • Awatar
        Rudi

        2 czerwca 2012 16:20

        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.

        Odpowiedz
      • Awatar
        Njoi

        17 czerwca 2012 21:30

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

        Odpowiedz
  • Awatar
    Mr.Mr

    1 czerwca 2012 23:57

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

    Odpowiedz
  • Awatar
    ownI

    12 czerwca 2012 20:44

    dobra robota, przyda się na początek

    Odpowiedz
  • Awatar
    Łukasz

    13 czerwca 2012 11:24

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

    Odpowiedz
    • Awatar
      Michał Kortas

      13 czerwca 2012 13:05

      Kiedy tylko wyjdzie Joomla! 3.0 i zapoznam się z jej strukturą przygotuję odpowiedni poradnik wideo.

      Odpowiedz
  • Awatar
    Mariusz

    27 czerwca 2012 11:42

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

    Odpowiedz
    • Awatar
      Michał Kortas

      27 czerwca 2012 12:10

      Bardzo ciężko stoję z czasem. Nie chcę obiecywać konkretnej daty, ale spróbuję wydać kolejne lekcje w najbliższych dniach.

      Odpowiedz
  • Awatar
    insan3

    18 lipca 2012 16:09

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

    Odpowiedz
  • Awatar
    Andy

    22 lipca 2012 13:57

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

    Odpowiedz
  • Awatar
    MatMat

    24 lipca 2012 13:13

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

    Odpowiedz
  • Awatar
    anon

    24 lipca 2012 16:48

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

    Odpowiedz
    • Awatar
      Michał Kortas

      24 lipca 2012 17:40

      Bo webroad pracuje niekomercyjnie :)

      Odpowiedz
    • Awatar
      Synek.

      27 października 2012 13:35

      Na eduweb.pl masz 21 h kursów za niespełna 200 zł (chodzi o Joomla!). W tych kursach tworzysz dodatki, swój szablon i uczysz się zarządzać stroną od podstaw.

      Odpowiedz
  • Awatar
    Magda

    27 lipca 2012 00:30

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

    Odpowiedz
    • Awatar
      Michał Kortas

      27 lipca 2012 07:15

      Dziękuję. Dobre słowo to zawsze zachęta do dalszego tworzenia. Kolejna lekcja w ciągu tego weekendu poniedziałek/wtorek, więc jeszcze trochę czekania :)

      Odpowiedz
  • Awatar
    Njoi

    30 lipca 2012 23:27

    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. :)

    Odpowiedz
    • Awatar
      Michał Kortas

      31 lipca 2012 08:17

      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!

      Odpowiedz
      • Awatar
        Njoi

        1 sierpnia 2012 23:12

        Ź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).

        Odpowiedz
  • Awatar
    Iwona

    5 sierpnia 2012 02:16

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

    Odpowiedz
  • Awatar
    Cloud

    7 sierpnia 2012 15:00

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

    Odpowiedz
  • Awatar
    superhorse

    18 sierpnia 2012 23:48

    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 :).

    Odpowiedz
    • Awatar
      Michał Kortas

      22 sierpnia 2012 08:42

      Prawdopodobnie czegoś nie dodałeś do arkusza CSS. Najlepiej byłoby gdybyś pokazał mi tę stronę.

      Odpowiedz
  • Awatar
    Maxior02

    9 września 2012 00:19

    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 ;)

    Odpowiedz
  • Awatar
    Jaco_008

    10 września 2012 13:55

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

    Odpowiedz
    • Awatar
      Michał Kortas

      10 września 2012 21:14

      Przygotowuję się do konferencji Joomla! Day, więc bardzo ciężko wygląda to z czasem. Nie mniej jednak postaram się wrzucić kolejne odcinki jak najszybciej.

      Odpowiedz
  • Awatar
    Jaco_008

    10 września 2012 14:23

    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 ??

    Odpowiedz
    • Awatar
      Michał Kortas

      10 września 2012 21:13

      Prawdopodobnie przeglądarka nie odświeżyła plików tymczasowych (cache). Proszę sprawdzić, czy w innej przeglądarce wszystko gra. Proponuję też wyczyścić pliki tymczasowe przeglądarki.

      Odpowiedz
      • Awatar
        Jac0_008

        11 września 2012 15:28

        Spoko, dzięki wielkie sam już doszedłem nie czyściłem cache :x

        Odpowiedz
  • Awatar
    Piotrusznik

    13 września 2012 21:34

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

    Odpowiedz
  • Awatar
    bartek

    4 października 2012 00:16

    i co dalej ? ; ) czekam na dalesze lekcje

    Odpowiedz
  • Awatar
    Tomek

    9 października 2012 17:13

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

    Odpowiedz
  • Awatar
    xyz

    14 października 2012 17:14

    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

    Odpowiedz
  • Awatar
    rogaal

    19 października 2012 16:44

    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

    Odpowiedz
  • Awatar
    Piotrek

    27 października 2012 18:14

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

    Odpowiedz
  • Awatar
    Mike

    8 listopada 2012 16:24

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

    Odpowiedz
  • Awatar
    edrju

    11 listopada 2012 21:20

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

    Odpowiedz
  • Awatar
    foto-graf

    16 listopada 2012 22:18

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

    Odpowiedz
  • Awatar
    kati

    22 listopada 2012 16:41

    Prosto i jasno. Dzięki :)

    Odpowiedz
  • Awatar
    Mariusz

    6 grudnia 2012 01:43

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

    Odpowiedz
  • Awatar
    Kiara 0

    28 grudnia 2012 21:44

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

    Kiedy można spodziewać się kolejnych lekcji?

    Odpowiedz
  • Awatar
    Forms

    13 stycznia 2013 23:50

    Ś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ąć.

    Odpowiedz
  • Awatar
    Michał

    28 stycznia 2013 15:38

    Da się to pobrać aby obejrzeć offline ?

    Odpowiedz
    • Awatar
      Michał Kortas

      28 stycznia 2013 16:31

      Nie udostępniłem w tym przypadku wersji off-line, jeżeli dobrze pamiętam. Pozdrawiam.

      Odpowiedz
  • Awatar
    leppeer

    25 marca 2013 18:20

    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

    Odpowiedz
  • Awatar
    Toudi

    26 marca 2013 21:30

    Kiedy będzie kontunuacja kursu?

    Odpowiedz
  • Awatar
    Marcin Bagiński

    3 kwietnia 2013 01:05

    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.

    Odpowiedz
    • Awatar
      Michał Kortas

      3 kwietnia 2013 17:49

      Halo, witam. Kwestia tylko dobrego ułożenia CSS’a – raczej nic trudnego :-)

      Odpowiedz
  • Awatar
    Sakul83

    6 kwietnia 2013 15:41

    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

    Odpowiedz
    • Awatar
      Michał Kortas

      6 kwietnia 2013 17:27

      Witaj, jasne – ustaw kodowanie pliku templateDetails.xml na UTF8. W Notepad++ zrobisz to tak > http://screencloud.net/v/bXFi. Pozdrawiam!

      Odpowiedz
      • Awatar
        Sakul83

        7 kwietnia 2013 23:36

        Dzięki za szybką i trafną odpowiedź… Do następnego problemu, w końcu człowiek musi się na czymś uczyć… Czekam na kolejne części kursu :)…

        Odpowiedz
  • Awatar
    papa

    15 kwietnia 2013 03:18

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

    bez wulgaryzmów proszę – Moderator

    Odpowiedz

Zostaw odpowiedź