A A A

Jak utworzyć menu poziome w szablonie protostar?

przez w Webdesign
  • Przeczytano: 1732
  • 2 komentarze
  • Drukuj
1732
Jak utworzyć menu poziome w szablonie protostar?

Dzisiaj rozpoczynam serię małych krótkich instrukcji z serii Joomla! Tips & Tricks. Mam nadzieję, że zdajesz sobie sprawę, jak potężnym narzędziem jest CMS Joomla!? Za jego pomocą możesz stworzyć niemal dowolną witrynę internetową. Jeżeli korzystasz z Joomla! wystarczająco długo, to wiesz zapewne, że ten popularny CMS posiada ogromne możliwości oraz tysiące różnych opcji. Ciągle jest rozwijany i cały czas ewoluuje stając się coraz prostszym i doskonalszym narzędziem. 

Od ponad 6 lat korzystam z tego systemu i ciągle uczę się czegoś nowego! Pomimo, że od lat z niego korzystam i zgłębiam jego tajniki, to nie ośmieliłbym się powiedzieć, że wiem na temat Joomla! już wszystko ;-) Czy Tobie także zdarza się czasem, że pomimo, że znasz Joomla! nie bardzo wiesz, w jaki sposób coś zrobić?

Za pomocą serii artykułów Joomla! Tips &Tricks chciałbym pokazać Ci ciekawe rozwiązania, których być może jeszcze nie znasz. Mam nadzieję, że dzięki nim, Twoja przygoda z Joomla! przyniesie Ci wiele przyjemności oraz wymiernych korzyści w postaci oszczędzonego czasu i zarobionych pieniędzy. Liczę na to, że praca z Joomla! będzie dla Ciebie jeszcze łatwiejsza, a Ty będziesz mieć więcej czasu na realizację wspaniałych projektów!

Zatem, zaczynamy!

Dostaję sporo pytań od osób, które chcą swoją witrynę oprzeć na domyślnym szablonie protostar. Kiedy próbują utworzyć menu poziome, system wyświetla wszystkie pozycje menu jedna pod drugą! 

Wygląd witryny przed modyfikacją modułu menu

Co zatem należy zrobić? 

Zakładam, że masz już utworzone w menu a w nim przy najmniej kilka pozycji menu. Aby to menu mogło byś wyświetlane na stronie musisz utworzyć odpowiedni moduł i przypisać go do wybranej pozycji menu. No to do dzieła!

Kliknij w menu Rozszerzenia pozycję Moduły, a następnie kliknij przycisk Utwórz.

Tworzenie nowego modułu za pomocą menadżera modułów

Teraz w oknie Wybierz typ modułu kliknij odsyłacz o nazwie: Menu.

Wybór typu menu

Odpowiedni moduł możesz także utworzyć w oknie projektanta menu (menu Menu -> Projektant menu). Wystarczy kliknąć przycisk Dodaj moduł do tego menu. Nie trzeba będzie wówczas wybierać typu menu ;-) 

Tworzenie nowego w oknie projektanta menu

Teraz w polu Tytuł wpisz tutuł modułu, w polu Wybierz menu wybierz z listy menu, które ma być wyświetlane za pośrednictwem właśnie tworzonego modułu. W polu Pozycja wybierz z listy pozycję o nazwie: Nawigacja [position-1], a następnie kliknij zakładkę Wzbogacone.

Okno tworzenia nowego modułu typu menu

Aby poszczególne pozycje menu wywietlane były poziomo, obok siebie, w polu Przyrostek klas CSS menu wstaw spację i wpisz: nav-pills. Na koniec zapisz wprowadzone zmiany, klikajc przycisk Zapisz i zamknij.

Przyrostek klas CSS modułu dla szablonu protostar

Teraz w twoim serwisie opartym na domyślnym szablonie protostar masz utworzone menu poziome :-)

Wygląd witryny z utworzonym menu poziomym

Więcej praktycznych przykładów pracy z CMS Joomla! znajdziesz w książce Joomla! 3.x. Praktyczny kurs. Książka dostępna jest także jako e-book ;-)

 

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ść
    XXX wtorek, 04 kwiecień 2017

    Mam pytanie czy mogę bez żadnych konsekwencji modyfikować domyślny szablon protostar i uzwywać zmodyfikowany szablon do celów komercyjnych?

  • Sławomir Pieszczek
    Sławomir Pieszczek piątek, 07 kwiecień 2017

    XXX, nie traktuj mojej odpowiedzi, jako wiążącej ponieważ nie jestem prawnikiem. Moim zdaniem możesz jak najbardziej modyfikować i wykorzystywać szablon do celów komercyjnych, ale nie powinieneś usuwać informacji o autorstwie :-)

Zostaw komentarz

Gość
Gość niedziela, 20 sierpień 2017

Najnowsze komentarze

Adrian, logo, to kwestia definicji dla identyfikatora #jm-logo-sitedesc. Domyślne ustawienia znajdziesz w pliku /templates/twoj_szablon/less/layout.less Aby stworzyć własne, utwórz plik custom.less w ...

Jak zrobiłeś efekt, że logo najeżdża na niższy moduł "Jesteś tutaj:" oraz, że po zjechaniu niżej menu się przesuwa a logo zanika?

Adrian

Odkopię dla potomnych - myślę, że @Piotr źle zrozumiał to zdanie. Wspoldzielony sekret tyczy się klucza potrzebnego do odszyfrowania wiadomości, a nie samej wiadomości.

MC
Juras, nie mam pojęcia, co może być nie tak, chyba, że wklejasz niewłaściwy link. Chodzi o ten, który na YT dostępny jest po kliknięciu linka Udostępnij znajdującego się pod każdym wideo. Jeżeli to ro...
Serwis, nie wiem, jak wyglądają statystyki, nie bardzo się tym interesuję, ale wiem, że Joomla! ma wszystko co trzeba pod kątem SEO. A jak coś potrzebne mega specjalistyczne do optymalizacji, to jest ...