A A A

Własny szablon dla Joomla!? Z Gantry to proste! - cz. 1

przez w Webdesign
  • Przeczytano: 13930
  • 20 komentarze
  • Drukuj
13930
Własny szablon dla Joomla!? Z Gantry to proste! - cz. 1

Szukasz sposobu, aby utworzyć własny szablon dla serwisu opartego na Joomla!, ale niestety nie za bardzo potrafisz programować?

Kilka lat temu nie było zbyt wielu narzędzi, które mogłyby Ci to umożliwić ;-) Teraz jednak jest ich na prawdę sporo, zarówno darmowych, jak i płatnych. Co więcej - wykonane za ich pomocą szablony są zgodne z obowiązującymi standardami!

W poprzednich artykułach dotyczących tworzenia własnych szablonów, omówiłem szczegółowo jedno z takich narzędzi. Pokazałem na konkretnym przykładzie, jak niemal nie dotykając kodu, wykorzystując darmowy framework EF4 i darmowy szablon JM-Services, stworzyć własny szablon dostosowany do wymagań konkretnego serwisu.

W tym artykule pokażę Ci kolejne DARMOWE narzędzie dzięki któremu stworzysz własny szablon dla Joomla! Tym razem pod lupę biorę znany od kilku lat fantastyczny framework Gantry, którego producentem jest zespół z RocketTheme. To firma z siedzibą w Denver w stanie Colorado w USA, która wykonuje szablony i rozszerzenia zarówno dla Joomla!, jak i Wordpressa.

Podobnie jak w poprzednich artykułach dotyczących szablonów dla Joomla!, najpierw pokażę Ci, jak zainstalować i przetestować serwis z zaimplementowanymi przykładowymi szablonami oraz dodatkowymi rozszerzeniami: RocketLauncher (tzw. quickstart), a następnie pokażę Ci możliwości tworzenia własnego szablonu na przykładzie jakiegoś gotowego serwisu.

Krok 1. Pobierz pliki

Wpisz w pasku adresu swojej przeglądarki adres: www.gantry-framework.org/download, a następnie kliknij logo Joomla! znajdujące się na środku ekranu:

Wybór CMS podczas pobierania framework'a Gantry

Pobierz wszystkie pliki przeznaczona dla Joomla! z serii 3 i zapisz je w dowolnej lokalizacji na Twoim komputerze.

Pobieranie plików przeznaczonych dla Joomla! z serii 3

Krok 2. Zainstaluj pakiet Rocket Launcher (quickstart)

Mam nadzieję, że masz w swoim komputerze uruchomiony pakiet z lokalnym serwerem WWW, interpreterem PHP i serwerem baz danych MySQL? Osobiście od kilku lat, używam utworzony specjalnie dla Joomla! rewelacyjny JAMP, którego autorem jest Michał Trzepizur, wiceprezes Fundacji PCJ Otwarte Źródła, której misją jest wspieranie polskiej społeczności Joomla!

Jeżeli korzystasz z innego oprogramowania, to jedyna różnica może polegać na lokalizacji folderu, do którego należy rozpakować pobrany wcześniej plik gantry-4.1.27-rocketlauncher_j33.zip.

Jeżeli także posiadasz JAMP'a, to w lokalizacji: Twój_Dysk:\Folder_z_programem_JAMP\mnt\var\www utwórz nowy folder, w którym umieścisz wszystkie pliki testowanego serwisu. Ja tworzę folder o nazwie: test-gantry.

Rozpakuj do tego folderu pobrany wcześniej plik gantry-4.1.27-rocketlauncher_j33.zip.

Lokalizacja folderu, do którego należy rozpakować plik gantry-4.1.27-rocketlauncher_j33.zip

Jeżeli wszystko zostało wykonane przez Ciebie jak należy, to w folderze, który utworzyłeś, aby przetestować framework Gantry (w moim przykładzie, to folder: test-gantry), powinna znajdować się struktura folderów i plików podobna, do tej pokazanej poniżej: 

Struktura folderów po rozpakowaniu pliku gantry-4.1.27-rocketlauncher_j33.zip

Uruchom swój lokalny serwer WWW, a następnie w przeglądarce wpisz adres: localhost/test-gantry. Jeżeli utworzyłeś własny folder, to zamiast test-gantry, wpisz nazwę tego folderu!

Jeżeli instalowałeś już kiedykolwiek Joomla! z serii 3, to zauważysz zapewne znajome opcje instalacyjne choć szata graficzna została nieco zmieniona. Zwróć uwagę, że teraz kolorystyka i logo pochodzą od RocketTheme ;-)

Poszczególne kroki instalacyjne możesz teraz wykonać według własnego uznania ;-) Jeżeli jednak jeszcze nie instalowałeś Joomla!, to przejdźmy ten etap wspólnie.

W polu Nazwa witryny wpisz dowolną nazwę - przecież to tylko witryna testowa! Ja wpisuję: Test Gantry ;-) Uzupełnij jeszcze kolejne obowiązkowe pola: Email administratora, Nazwa administratora, Hasło administratora oraz Powtórz hasło administratora a następnie kliknij przycisk Dalej.

Krok pierwszy instalacji pakietu Rocket Launcher (quickstart) frameworka Gantry

W drugim kroku instalacji Joomla! musisz podać podstawowe informacje dotyczące bazy danych, z którą będzie współpracował testowany serwis.

W pakiecie JAMP, nazwa użytkownika o najwyższych uprawnieniach, to: joomla oraz hasło: joomla. Jeżeli korzystasz z innego serwera WWW, te dane prawdopodobnie będą inne. Na przykład w pakiecie XAMPP, domyślnie dostęp do bazy danych nie jest chroniony hasłem, więc nie musisz przygotowywać bazy w jakiś szczególny sposób. Domyślnie użytkownikiem o najwyższych uprawnieniach, jest użytkownik o nazwie root.

Jeżeli tak jak ja, korzystasz z pakietu JAMP, to możesz wypełnić odpowiednie pola w podobny sposób:

  • w polu Typ bazy danych pozostaw pozycję: MySQLi;
  • w polu Nazwa serwera bazy danych wpisz: localhost;
  • w polu Nazwa użytkownika wpisz: joomla;
  • w polu Hasło wpisz: joomla;
  • w polu Nazwa bazy danych wpisz nazwę jaką chcesz, np. test-gantry
  • w polu Przedrostek dla tabel bazy danych system proponuje losowo generowany przedrostek. Przedrostek ten będzie umieszczany na początku każdej tworzonej tabeli w bazie danych. Pozostaw to pole w takim stanie, jaki proponuje instalator ;-)

Po wypełnieniu wszystkich pól, kliknij przycisk Dalej.

Konfiguracja bazy danych podczas instalacji pakietu RockedLauncher (Quickstart) frameworka Gantry

Pamiętaj, że instalujesz Joomla! na swoim własnym komputerze korzystając z lokalnego serwera WWW!

Instalując Joomla! na zdalnym serwerze (tzw. hosting) musisz posiadać takie dane jak: nazwa serwera (domyślnie u większości usługodawców będzie to localhost), nazwa użytkownika z uprawnieniami administracyjnymi do bazy danych, jego hasło a także nazwę bazy.

Ostatni krok instalacji, to ekran z informacjami dotyczącymi instalacji i wstępnej konfiguracji systemu. Jeżeli Twój serwer WWW jest prawidłowo skonfigurowany, to nie powinno być żadnych problemów, więc kliknij przycisk Instaluj, aby rozpocząć proces instalacji.

Ekran z informacjami dotyczącymi instalacji i wstępnej konfiguracji systemu 

Jeżeli po raz pierwszy instalujesz Joomla!, to zerknij np. do artykułu: Joomla! 3.2 - instalacjia i konfoguracja, aby dowiedzieć się więcej szczegółów dotyczących procesu instalacji.

Jeżeli chcesz, aby panel kontrolny Twojego serwisu (tzw. zaplecze) było wyświetlane w języku polskim, kliknij przycisk Dodatkowy krok: Instaluj języki.

Dodatkowy krok: Instaluj języki

Zaznacz na liście wybrany język (Polish), a następnie kliknij przycisk Dalej.

Instalacja pakiętów językowych

Zaznacz język Polski (PL), jako domyślny zarówno dla zaplecza, jak i dla witryny, a następnie kliknij przycisk Dalej.

Wybór języka polskiego jako języka domyślnego dla zaplecza i witryny

Kliknij przycisk Usuń katalog instalacyjny, a następnie przycisk Witryna, aby zobaczyć, jak prezentuje się Twój testowy serwis z zainstalowanym frameworkiem Gantry;-)

Zakończenie procesu instalacji serwisu testowego z frameworkiem Gantry

Jak zapewne zauważysz, od razu masz gotowy, niezwykle profesjonalny wygląd serwisu! To dlatego, że domyślnym szablonem jest szablon Gantry. Możesz z niego korzystać zupełnie za darmo!

Wygląd testowego serwisu po instalacji pakietu Rocket Launcher (quickstart)

Krok 3. Zdefiniuj podstawowe style szablonu

Zaloguj się do zaplecza Twojego testowego serwisu, kliknij w menu Rozszerzenia pozycję Szablony, a następnie na liście szablonów kliknij nazwę szablonu domyślnego: gantry - Default.

Edycja domyślnego szablonu gantry - Default

W oknie Templates Manager / Edit Style, kliknij zakładkę Style. Znajdziesz tutaj podstawowe opcje ustawień dla Twojego szablonu.

W wierszu Logo, masz do dyspozycji trzy pola:

  • Show - pozwala włączyć lub wyłączyć wyświetlanie pliku z logo;
  • Position - pozwala wybrać pozycję na której ma być wyświetlane logo;
  • Type - pozwala zdecydować, czy wyświetlić domyślny plik logo (Gantry Template), czy własny plik (Custom);

Aby wyświetlić własne logo, wybierz z pola Type pozycję: Custom, a następnie w polu Custom Logo kliknij przycisk Select i wczytaj lub od razu wskaż plik z logo i kliknij przycisk Wstaw.

W wierszu Header Style wybierz z listy czy chcesz, aby nagłówek serwisu był ciemny (Dark), czy jasny (Light). Ja wybieram: Light ;-)

W wierszu Link Color możesz zdecydować o kolorze wszystkich linków i przycisków w witrynie. Ja wybieram kolor: #bf0404.

W wierszu Font Settings wybierz z listy Font Family krój czcionki, natomiast z listy Font Size, jej rozmiar. Ja wybrałem czcionkę Cuprum z sekcji Google Fonts oraz rozmiar: Large.

Na koniec kliknij niebieski przycisk Save i sprawdź, czy wprowadzone zmiany widoczne są w witrynie.

Opcje ustawień w menu Style szablony gantry

Krok 4. Włącz, lub wyłącz wyświetlanie dodatkowych elementów serwisu

W oknie Templates Manager / Edit Style, kliknij zakładkę Features. W tym miejscu możesz zdecydować o włączeniu lub wyłączeniu dodatkowych elementów serwisu, takich jak data czy przełącznik zmieniający wielkość wyświetlanych w treści czcionek.

W wierszu Date możesz zdecydować, czy chcesz, aby w Twoim serwisie wyświetlana była data. Jeżeli tak, to w polu Show kliknij przełącznik w pozycję: ON, następnie wybierz z listy Position, pozycję, na której ma zostać wyświetlona data. W polu Client-Site Date możesz wybrać z listy format wyświetlania daty. Ja włączam wyświetlanie daty, wybieram pozycję: top-a oraz format daty: Czwartek 22 styczeń 2015.

W wierszu Font-Sizer zdecyduj, czy przełącznik zmieniający wielkość czcionek powinien być widoczny w witrynie, natomiast za pomocą listy Position wybierz pozycję na której ma być on wyświetlany. W moim przykładzie włączam ten przełącznik i umieszczam go na pozycji top-d.

W wierszu: Branding, za pomocą przełącznika włącz lub wyłącz wyświetlanie logo frameworka Gantry. Kiedy zdecydujesz, aby był on wyświetlany, z listy Position wybierz pozycję, w której ma on być widoczny (domyślnie: copyright-a). Ja wyłączam wyświetlanie logo frameworka Gantry.

W wierszu Copyright za pomocą przełącznika Show zdecyduj, czy chcesz wyświetlić dodatkowe informacje dotyczące praw autorskich. Z listy Position wybierz pozycję na której te informacje mają się wyświetlać, a w polu Text wpisz odpowiednie informacje. Włączam tą opcję, umieszczam na pozycji copyright-b i w pole Text wpisuję: Implemented by <a href="http://www.slawop.net">slawop.NET</a>

W wierszu To-Top Scroller, włącz lub wyłącz wyświetlanie przycisku umożliwiającego przejście do początku (góry) przeglądanej strony. Z listy Position wybierz pozycję, na której ten przycisk ma się wyświetlać, a w polu Text wpisz tekst przycisku. Włączam tą opcję, umieszczam na pozycji: bottom-d i w polu Text wpisuję: Do Góry.

W wierszu System Messages zdecyduj o wyświetlaniu komunikatów systemowych i pozycji, na której mają one być wyświetlane. Nie zalecam wyłączania tego pola, ponieważ wówczas użytkownikowi nie będą wyświetlane żadne informacje, np. o wysłaniu wypełnionego formularza, lub nieprawidłowym logowaniu itp.

Wiersz Reset Settings służy do wyświetlania linku, który powoduje zresetowanie wszystkich plików cookies i powrót do domyślnych ustawień szablonu. Opcja ta ma zastosowanie wówczas, gdy na przykład udostępniasz użytkownikom możliwość wyboru różnych wersjii kolorystycznych swojego serwisu. Na razie pozostaw te opcje ustawione domyślnie.

W wierszu Google Analytics możesz za pomocą przełącznika włączyć lub wyłączyć działanie skryptu Google Analytics, natomiast w polu UA Code wpisz kod wygenerowany dla Twojej witryny. Ponieważ obecnie tylko testujesz framework Gantry i działasz lokalnie, proponuję pozostawić domyślne ustawienia w tym wierszu.

Zakładka Features w ustawieniach szablonu Gantry

Krok 5. Włącz, lub wyłącz wyświetlanie menu

W oknie Templates Manager / Edit Style, kliknij zakładkę Menu. W tym miejscu możesz zdecydować o włączeniu lub wyłączeniu wyświetlania menu poziomego oraz wyborze menu, które ma być w ten sposób wyświetlane.

W wierszu Menu Control za pomocą przełącznika Show, zdecyduj, czy menu poziome powinno wyświetlać się w Twoim serwisie, natomiast za pomocą listy Type wybierz typ wyświetlanego menu. Jeżeli wybierzesz pozycję Split-Menu, to wówczas pozycje podrzędne menu będą wyświetlały się w innej pozycji szablonu. Osobiście uważam, że zdecydowanie lepiej prezentuje się menu po wybraniu typu: Dropdown-Menu. Dlaczego? Zobacz jak wygląda przykład możliwości menu przedstawianego w ten sposób:

Przykład menu wyświetlanego za pomocą szablonu gantry

W wierszu Select a Menu wybierz z listy menu, które ma być wyświetlane, jako menu poziome.

W wierszu Position wybierz z listy pozycję, na której to menu ma być wyświetlane.

W wierszu Responsive Menu wybierz sposób wyświetlania menu na urządzeniach mobilnych. Jeżeli wybierzesz z listy pozycję Panel, po kliknięciu menu będzie wyświetlane w formie struktury hierarchicznej:

Wygląd menu typu: Panel

Jeżeli wybierzesz z listy pozycję Selectbox, po kliknięciu menu będzie wyświetlane w formie listy pozycji:

Wygląd menu typu: Selectbox

W wierszu Enable ID, za pomocą przełącznika możesz włączyć lub wyłączyć domyślne korzystanie przez Joomla! z Active ID.

W wierszu Module Cache, za pomocą przełącznika włącz lub wyłącz buforowanie modułów. Kiedy testujesz serwis na komputerze lokalnym wyłącz tą opcję, natomiast kiedy serwis jest już widoczny w Internecie, warto ją włączyć, aby zwiększyć szybkość wczytywania się strony.

Na koniec kliknij przycisk Save, aby zapisać wprowadzone zmiany.

Ustawienia w zakładce Menu szablonu Gantry

To dopiero połowa dostępnych ustawień szablonu Gantry opartym o framework Gantry :-)

W kolejnej części pokażę niezwykle przydatną opcję: Layouts, dzięki której możesz niemal dowolnie konfigurować układ poszczególnych elementów Twojego serwisu. Do dyspozycji masz 65 pozycji modułów oraz 38 różnych kombinacji dla pozycji MainBody i Slidebars.

To daje na prawdę spore możliwości budowania bardzo rozbudowanych serwisów!

 

Chcesz otrzymywać powiadomienia o moich kolejnych wpisach lub projektach?

Oceń ten wpis:

Nauczyciel przedmiotów informatycznych w szkole ponadgimnazjalnej.


Pierwszy Certyfikowany Administrator Joomla! w Polsce.


Autor książek i e-booków na temat Joomla!. Autor bloga: www.slawop.net, w którym porusza zagadnienia związane z CMS Joomla! i wykorzystaniu go, jako fantastycznego narzędzia, które ułatwia innym tworzenie ich własnego miejsca w sieci.


Prowadzi własną firmę świadczącą usługi związane z tworzeniem oraz administrowaniem serwisów opartych o CMS Joomla!


Współorganizator Joomla! User Group Jawor


Uwielbia ekstremalnie szybką jazdę na rolkach! Fan rozwoju osobistego i ciągłych zmian :-)


I love Joomla! Why?


Because Joomla! is Doing Great Things with Great People :-)


And My favourite sentence:



Don't Let Anybody Steal Your Dreams!


Komentarze

  • Gość
    maniek niedziela, 11 marzec 2018

    gantry to kicha, przy przenoszeniu ten szablon sie sypie a z innymi nie ma problemu

  • Gość
    Janusz wtorek, 10 październik 2017

    Dobrze, że ten framework ciągle się rozwija. :)

  • Gość
    Kamil piątek, 06 styczeń 2017

    Niestety nie działa :/ Przy instalacji plików dodatkowych powraca do ekranu podsumowania bez żadnego komunikatu :/

  • Gość
    niepelnosprawny,org poniedziałek, 19 wrzesień 2016

    czy jest szablon aplikacyjny na joomle?

  • Sławomir Pieszczek
    Sławomir Pieszczek środa, 05 październik 2016

    niepełnosprawny.org, nie bardzo rozumiem o jaki szablon aplikacyjny Tobie chodzi. Możesz doprecyzować?

    Pozdrawiam :-)

  • Gość
    Marek środa, 27 styczeń 2016

    Sadząc po precyzyjnym opisie Sławka wygląda bardzo zachęcająco. To drugi już darmowy szablon ... Ciekaw jestem opinii Sławka na temat różnic pomiędzy oboma szablonami. Czekam z niecierpliwością na dalszy opis tego darmowego szablonu. Na któryś chciałbym się jednak zabrać bardziej poważnie ;)

    Odpowiedz Anuluj
  • Sławomir Pieszczek
    Sławomir Pieszczek środa, 24 luty 2016

    Marek, podczas Joomla Day! Poland 2015 w Gdańsku miałem prelekcję dotyczącą porównania różnych frameworków i narzędzi do tworzenia szablonów. Zerknij na wideo: https://youtu.be/N8VES7UI7Ug to poznasz moją opinię ;-)

    Pozdrawiam :-)

  • Gość
    Marcin sobota, 05 wrzesień 2015

    Witam
    Co mam zrobić ściągnąłem najnowszy plik gantry-4.1.29-rocketlauncher_j33
    i najnowszy xampp xampp-win32-5.6.12-0-VC11-installer
    Wszystko przebiega idealnie do momentu tworzenia tabel baz danych
    od strony phpmyadmin wszystko ustawione tak jak powinno być
    a tu program zawiesza się nie chce przejść do instalcji przykładowych danych
    Czy ktoś wie o co chodzi?

  • Sławomir Pieszczek
    Sławomir Pieszczek wtorek, 15 wrzesień 2015

    Marcin,
    Trudno jest mi powiedzieć co w Twoim wypadku jest nie tak. Być może problem leży w niewłaściwie ustawionych atrybutach do folderu xampp. Sprawdź, czy przypadkiem nie jest ustawiony jako tylko do odczytu!
    P.S.
    Gorąco polecam pakiet JAMP! To pakiet podobny do XAMPP, tyle, że dedykowany dla Joomla! Jeszcze nie spotkałem się, aby nie działał tak jak należy ;-) Więcej info o nim znajdziesz tutaj: http://www.slawop.net/blog/jamp-instalacja-joomla-3-0-3
    Pozdrawiam :-)

  • Gość
    Tadeusz wtorek, 16 czerwiec 2015

    Witaj Sławku.

    Dzięki Ci za bardzo ciekawy materiał i przyjazne narzędzie. Jeszcze go nie zainstalowałem ale widzę, że może być świetnym i bardzo pomocnym narzędziem, które pozwoli na interesującą zabawę z wyglądem strony.

    Pozdrawiam

  • Gość
    Zbigniew czwartek, 19 luty 2015

    Framework fajny ale w szablonie bazowym nie ma zbyt wiele ustawień dla personalizacji szablonu.

  • Sławomir Pieszczek
    Sławomir Pieszczek środa, 25 luty 2015

    Zbigniew,

    Im więcej ustawień, tym narzędzie jest trudniejsze do ogarnięcia dla przeciętnej osoby, która chce stworzyć własny szablon. Założeniem twórców było stworzenie jak najprostszego narzędzia, aby praktycznie każdy mógł po dokonaniu własnych ustawień stworzyć własny szablon w Joomla ;-)

    Pozdrawiam :-)

  • Gość
    Robert środa, 18 luty 2015

    Witam, potrzebna pomoc przy instalacji gantry_joomla_framework-4.1.27.zip. Wszystkie inne instalacje idą poprawnie natomiast tego frameworka nie daje się zainstalować. Co może być przyczyną ?
    Pozdrawiam.

  • Sławomir Pieszczek
    Sławomir Pieszczek poniedziałek, 23 luty 2015

    Robert,

    Przyczyn może być całe mnóstwo! Nie uzyskasz porządnej odpowiedzi, jeżeli nie przekażesz szczegółów Twojego problemu. No bo co to znaczy, że nie daje się zainstalować? Podczas próby instalacji masz biały ekran, jakiś komunikat (konkretnie jaki?), brak komunikatu? Zobacz, sam muszę wymyślać i tracić czas na odgadywanie ;-)

    Być może pobrany plik jest niekompletny, spróbuj pobrać go jeszcze raz i wówczas ponownie przeprowadź instalację!

    Pozdrawiam :-)

  • Gość
    Robert środa, 18 luty 2015

    Witam, niestety nie mogę zainstalować Gantry Framework for Joomla! v4.1.27 na home.pl poprzez instalację dodatku coś chyba z folderem, tak myślę :p. Przydała by się podpowiedź

  • Gość
    Bartek wtorek, 17 luty 2015

    Jak każdy artykuł Sławka, jest bardzo dobry i szczegółowy.
    Jak z dzieckiem za rękę :D

    Odpowiedz Anuluj
  • Sławomir Pieszczek
    Sławomir Pieszczek środa, 18 luty 2015

    Bartek!
    Wielkie dzięki :-)

  • Gość
    Andrzej poniedziałek, 16 luty 2015

    Bardzo dobry artykuł.

    Odpowiedz Anuluj
  • Gość
    Robert poniedziałek, 16 luty 2015

    Kolejny bardzo ciekawy artykuł.
    Dziękuję

    Odpowiedz Anuluj
  • Gość
    zbigniew niedziela, 15 luty 2015

    Super szablon, z olbrzymimi możliwościami. Zainstalowałem do testów na swoim qnapie w 10 minut.
    Zacząłem już przeglądać możliwości. Czekam z zainteresowaniem na cd.
    Pozdrawiam
    Z. Nowak

    Odpowiedz Anuluj

Zostaw komentarz

Gość
Gość poniedziałek, 17 grudzień 2018

Najnowsze komentarze

Czy jest jakaś możliwość, żeby zmienić układ top-bar i tej linii, w której jest logo? Tam niby są flexibloki ale nie można zmienić ich szerokości, a tego potrzebuję bardzo. Jak tego dokonać???

Joanna

Dziękuje za ten wpis joomla zawsze była dla mnie problematyczna :)

Informatyk

co robić? Zdjęcia wyświetlają się pionowo, jedno pod drugim. Żadna zmiana w opcjach, nic nie daje??? Pomożecie?

Sławomir
05.11.2018 w DJ Image Slider

Właśnie, powinien się pojawić … . Oczywiście skorzystam z rady i zapytam u źródeł. Jeśli dowiem się czegoś mądrego, podzielę się wiedzą, może komuś się przyda. Dziękuję, pozdrawiam, Andrzej

Andrzej
Andrzeju, jeżeli w Ustawieniach podstawowych w zakładce Narzędzia na stronie w polu Powrót do góry masz aktywny przycisk Włączone, to taki przycisk powinien pojawić się u Ciebie na stronie już po prze...