Przez Sławomir Pieszczek dnia wtorek, 25 październik 2016
Kategoria: Webdesign

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ą! 

Co zatem należy zrobić? 

{eblogads left}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.

Teraz w oknie Wybierz typ modułu kliknij odsyłacz o nazwie: 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 ;-) 

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.

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.

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

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?

Wpisy powiązane

Leave Comments