Od autora: Pozdrawiam drogi przyjacielu. W tym artykule porozmawiamy o tym, jak tworzone jest menu pionowe dla Joomla 3. Oczywiście temat nie jest nowy i był już poruszany kilka razy w artykułach na naszej stronie i najprawdopodobniej doskonale wiesz, jak ten element jest zaimplementowany. Ale ponieważ menu jest najważniejszym elementem każdej dobrej strony internetowej, myślę, że nie zaszkodzi rozważyć kilka dodatkowe rozszerzenia, dzięki czemu bardzo łatwo jest stworzyć ten blok nawigacyjny.
Tak więc, jak wspomniano powyżej w tym artykule, przyjrzymy się dwóm całkiem interesującym modułom tworzącym pionowe menu w CMS Joomla. Oznacza to, że pierwszym modułem, który rozważymy, jest Proste Menu Responsywne.
Tradycyjnie na stronie opisu bieżącego rozszerzenia kliknij przycisk „Pobierz”, aby przejść do oficjalnej strony dewelopera.
W momencie pisania tego artykułu, najnowszy aktualna wersja– 1.10, odpowiednio pobieramy go za pomocą przycisku „Pobierz teraz”. Po pobraniu zainstaluj moduł w zwykły sposób. Korzystanie z menedżera Rozszerzenia Joomli.
Należy pamiętać, że moduł wyświetla specyficzne menu, co oznacza, że należy je utworzyć przed publikacją modułu. Następnie przejdź do menedżera modułów.
I przejdź do strony konfiguracyjnej nowo zainstalowanego modułu.
W parametrze „Wybierz menu” należy wybrać menu, którego pozycje będą wyświetlane jako zawartość modułu. Jeśli menu jest wielopoziomowe, to znaczy zawiera zarówno linki nadrzędne, jak i podrzędne, to w parametrze „Pokaż elementy podmenu” należy określić „Tak”, w tym przypadku na ekranie zostaną wyświetlone podpozycje . Ponadto za pomocą parametrów „Poziom początkowy” i „Poziom końcowy” można określić początkowy i końcowy poziom zagnieżdżenia linków, czyli te poziomy, które będą wyświetlane na ekranie. Na koniec wybieramy miejsce wyświetlania modułu na ekranie, wskazujemy na jakich stronach będzie on dostępny oraz ustalamy status „Opublikowany”.
Przejdźmy teraz do części użytkownika, aby sprawdzić wyniki.
Jak widać rozszerzenie działa świetnie. Jednocześnie do modułu dodano możliwość adaptacji, czyli przy określonej wielkości ekranu zawartość modułu zwijana jest w rozwijaną listę, dzięki czemu znacznie oszczędza się zajmowaną przestrzeń ekranu.
Parametry odpowiedzialne za responsywność znajdują się w zakładce „Opcje responsywności” na stronie ustawień bieżącego modułu. Przejdźmy teraz do kolejnego modułu o nazwie Joombig Menu Tree.
Moduł ten wyświetla na ekranie pionowe menu, którego wygląd bardzo przypomina drzewo katalogów i plików system operacyjny Okna. Jak zwykle kliknij przycisk „Pobierz”, aby przejść do oficjalnej strony dewelopera.
Nowoczesne trendy i podejścia w tworzeniu stron internetowych
Poznaj algorytm szybkiego rozwoju od podstaw w tworzeniu stron internetowych
Przejdź teraz do strony konfiguracyjnej nowo zainstalowanego modułu.
Parametry dostępne do konfiguracji:
Włącz/wyłącz jQuery – podłącz własne biblioteka jQuery;
Szerokość modułu(%) – szerokość modułu w procentach;
Marża – marże zewnętrzne;
Wybierz Menu – wybierz menu wyświetlane przez moduł;
Pokaż/Ukryj katalog tytułów – pokaż lub ukryj tytuł katalogu nadrzędnego (linię, która będzie wyświetlana nad wszystkimi pozycjami menu)
Katalog tytułowy – tytuł elementu najwyższego poziomu;
Poziom początkowy – poziom wejścia wyświetlanie wielopoziomowego menu;
Poziom końcowy – końcowy poziom wyświetlania wielopoziomowego menu;
Pokaż elementy podmenu – czy wyświetlać elementy podmenu.
Po opublikowaniu modułu przejdź do części użytkownika i sprawdź wyniki.
Ogólnie moduł menu jest dość prostym modułem, który w zasadzie można utworzyć niezależnie, ale w tym celu musisz znać API Joomla CMS. Dlatego jeśli chcesz dowiedzieć się jak stworzyć własne rozszerzenia, które w pełni rozwiążą postawione zadania, przyda Ci się nasz kurs Joomla-Professional. Tworzenie rozszerzeń dla Joomla.
Na tym kończy się ten artykuł. Wszystkiego najlepszego i szczęśliwego kodowania!!!
Nowoczesne trendy i podejścia w tworzeniu stron internetowych
Poznaj algorytm szybkiego rozwoju od podstaw w tworzeniu stron internetowych
Recenzja odbędzie się w najnowszej, w chwili pisania tego tekstu (07.01.2016), rosyjskiej wersji DJ-MegaMenu 3.4.1, Joomla 3.5.1 w szablonie JM Real Estate Ads 1.0.2. Pamiętaj, że dla DJ-MegaMenu dostępnych jest ponad dwa tuziny gotowych, profesjonalnych szablonów stron internetowych. O niektórych z nich można przeczytać w. W artykule „Lekcja wideo na temat katalogu DJ. Tworzenie sklepu internetowego od podstaw (część 3) » pokazuje przykładową konfigurację nowa wersja DJ-MegaMenu.
Dostępna jest darmowa wersja tego modułu menu - DJ-MegaMenu Light oraz całkowicie uproszczona wersja DJ-Menu.
Przyjrzyjmy się głównym funkcjom DJ-MegaMenu.
Dostępna jest darmowa wersja DJ-MegaMenu - DJ-MegaMenu Free Edition. Ale są ograniczenia darmowa wersja według funkcjonalności:
Ogólnie rzecz biorąc, konfiguracja DJ-MegaMenu jest podobna do konfiguracji dowolnego innego menu:
Wszystkie inne nalewki i tworzenie stylów to subtelności. W tym artykule znajduje się samouczek wideo dotyczący konfiguracji zwykłego menu Joomla (musisz zacząć oglądać wideo od 24:13).
Bardziej „cienkie” DJ-MegaMenu znajdują się w trzech różnych miejscach:
Ustawienia modułu menu Joomla podzielone są na trzy zakładki: Moduł, opcje animacji i skryptów CSS3, ustawienia menu mobilnego. Prawie wszystkie opcje są wyposażone w dodatkowe podpowiedzi (w języku rosyjskim) lub są jasne z nazwy. Pod uwagę brane będą tylko najciekawsze, moim zdaniem, parametry. Nie będzie to miało wpływu na te same opcje dla wszystkich modułów i pozycji menu.
Na pierwszej karcie Moduł (obrazek poniżej) Określasz nazwę menu Joomla, które chcesz wyświetlić. Można także skonfigurować opcje wyświetlania ikon i napisów pozycji menu w zależności od tego, które menu wyświetli się użytkownikowi. Ponadto możesz wyłączyć/włączyć dodawanie niesamowitych czcionek. Jest to przydatne, gdy używasz ikon pozycji menu z Font Awesome (zestaw stylów). Jeśli ten zestaw jest już załadowany przez szablon witryny lub inne rozszerzenie, możesz go wyłączyć, aby zapobiec ponownemu ładowaniu stylu i zoptymalizować szybkość ładowania witryny.
Zakładka zawiera głównie ustawienia efektów animacji menu (obrazek poniżej). Możesz także ustawić typ podmenu (drzewo lub lista rozwijana), kierunek otwierania listy rozwijanej podmenu, akcję, która spowoduje otwarcie podmenu (kliknięcie, najechanie) oraz włączyć/wyłączyć ulepszoną kompatybilność menu dla sterowania klawiaturą (WCAG 2.0 (sekcja 508)). Należy pamiętać, że niektóre z tych opcji, np. Szerokość kolumny w pikselach, można zastąpić dla określonych pozycji menu w ustawieniach każdej z nich w menedżerze menu.
Zakładka (obrazek poniżej) zawiera opcje umożliwiające konfigurację wersja mobilna menu. Co więcej, wybierając jeden z 3 „rodzajów” menu mobilnych, będziesz mieć dostęp do różnych ustawień.
Spójrzmy na niektóre ustawienia pozycji menu w menedżerze menuJoomla(zdjęcie poniżej).
Jeżeli tworzysz podmenu wielokolumnowe, to w celu zdefiniowania nowej kolumny należy aktywować opcję Rozpocznij nową kolumnę (punkt przerwania) dla pozycji menu, od której chcesz rozpocząć nową kolumnę. Zagnieżdżone elementy pojawią się w tej kolumnie. Możesz także ustawić szerokość nowej kolumny w pikselach (zastąpi to szerokość określoną w ustawieniach modułu).
W tych ustawieniach DJ-MegaMenu możesz dodać obraz tła pozycja menu, a także dodaj moduł(utwórz stanowisko). W tym celu wystarczy w terenie Pozycja modułu Lub Pozycja modułu mobilnego(w zależności od tego, do którego menu chcesz dodać moduł) wskaż nazwę pozycji szablonu, z której chcesz wyświetlić moduły w menu. Można określić pozycję istniejącą lub dowolną. Jeżeli podałeś dowolny, to w ustawieniach modułu, który chcesz wyświetlić w menu, określ tę pozycję w ustawieniu Pozycja.
W ustawieniach modułu przyciski menu mobilnego(zdjęcie poniżej) nie ma nic specjalnego. Klikając na ten przycisk możesz wybrać, który moduł DJ-MegaMenu powinien zostać aktywowany oraz możesz ustawić sufiks klasy CSS modułu, aby określić wygląd przycisku.
Jak widać, utworzenie poziomego mega menu dla Joomla z rozszerzeniem DJ-MegaMenu jest dość proste. Jeszcze raz podkreślę, że jest bardzo dobrze dostosowany do urządzeń mobilnych i można go elastycznie konfigurować nawet bez edycji kod źródłowy. Jeśli używasz tego rozszerzenia na stronie, która korzysta z szablonu innego niż Joomla-Monster.com, może być konieczne dodatkowe dodanie stylów CSS, aby harmonijnie zintegrować to poziome menu Joomla z ogólnym projektem witryny. A jeśli używany jest szablon z Joomla-Monster.com, wystarczy w ustawieniach modułu opcje Temat(patka ) I Motyw menu mobilnego(patka ) wybierz opcję zastąpić z szablonu.
Przegląd modułów menu dla CMS Joomla 3.x.
1. Maxi Menu CK
CMS-aJoomla 2.5/3.X.
Potężny, zoptymalizowany pod kątem SEO moduł do tworzenia poziomych lub pionowych menu rozwijanych z responsywnym designem i pięknymi efektami. Dodatkowo istnieje możliwość opublikowania kilku kopii tego modułu na jednej stronie. Niestety funkcjonalność darmowej wersji tego rozszerzenia jest bardzo ograniczona.
Po zainstalowaniu modułu na ekranie pojawiają się linki do pobrania dokumentacji do niego oraz opcje płatne: rozbudowany pakiet motywów graficznych, wtyczka ułatwiająca zarządzanie menu, poprawki dla komponentów „Virtuemart”, „Hikashop”, „Joomshopping” i K2, a także wtyczkę umożliwiającą prawidłowe wyświetlanie utworzonego menu na urządzeniach mobilnych.
Następnie musisz przejść do „Menedżera modułów” i wybrać w nim „Maxi Menu CK”. W zakładce „Moduł” panelu sterowania modułu możesz wybrać menu do publikacji, wpisać unikalny identyfikator modułu, podstawową pozycję menu oraz jej poziom początkowy i końcowy, a także możesz wyłączyć opcję podpoziomów.
Możesz także skorzystać z Kreatora konfiguracji menu:
Wygoda korzystania z kreatora menu jest szybkie przełączanie pomiędzy typami menu a wymaganymi przez nie opcjami, ale w większości przypadków ma to znaczenie tylko w przypadku zainstalowanych dodatkowych płatnych rozszerzeń. W zakładce „Powiązanie z pozycjami menu” możesz wybrać strony serwisu, na których moduł będzie wyświetlany; Zakładka „Opcje efektów” pozwala wyłączyć użycie efektów JavaScript, wybrać typ ich ładowania i dokonać ustawień efekty wizualne dla pozycji menu i podpozycji. W opcji Style możesz wybrać motyw menu (domyślnie dostępne są trzy), orientację menu, wyłączyć responsywny wygląd menu i wybrać szablon pliku CSS.
W sekcji „Opcje logo” możesz wybrać plik logo, które będzie wyświetlane w menu, dodać do niego link oraz określić jego położenie, szerokość, wysokość i wcięcia. Po wybraniu pozycji menu w szablonie i zmianie statusu na „Opublikowane” menu pojawia się na stronie.
Rozszerzenie działające na stronie wygląda następująco:
To menu (po zainstalowaniu płatnej łatki) jest optymalnie wykorzystywane jako menu główne dla sklepu internetowego na „Joomshopping”, „Virtuemart” lub „Hikashop”, ponieważ pozwala na automatyczne wyświetlanie listy kategorii produktów.
2. Menu zewnętrzne ARI
Rozszerzenie jest w pełni kompatybilne zCMS-aJoomla 1.5-1.7/2.5/3.X.
Konfigurowalny moduł menu obsługujący orientację poziomą i pionową, dwa efekty przejścia.
Aby zainstalować rozszerzenie, przejdź do „Menedżera rozszerzeń”, w oknie dialogowym wybierz pobrany plik modułu i kliknij przycisk „Pobierz i zainstaluj”. W ustawieniach modułu możesz wybrać menu, które będzie wyświetlane poprzez ten moduł, orientację menu, początkowy i końcowy poziom hierarchii, a także skonfigurować parametry takie jak pokazywanie tylko aktywnych podpozycji menu oraz podświetlanie aktualnej pozycji menu. Wśród ustawienia systemowe Dostępna jest możliwość wczytania biblioteki ExtJS, wybrania sposobu jej ładowania oraz wygenerowania unikalnego identyfikatora. Możesz także skonfigurować parametry stylu pozycji menu i podelementów: kolor tła, tekst, rozmiar czcionki, wyrównanie itp. Zaawansowane ustawienia modułu są dość standardowe i zawierają parametry buforowania, czas trwania pamięci podręcznej, znacznik HTML modułu, rozmiar Bootstrapa, znacznik nagłówka HTML i klasę nagłówka CSS. Po przypisaniu pozycji do modułu i opublikowaniu modułu w serwisie pojawia się menu:
3. Menu akordeonu CK
Rozszerzenie jest w pełni kompatybilne zCMS-aJoomla 2.5/3.X.
Kolejne menu od studia JoomlaCK. Umożliwia wstawianie piękne efekty Otwierając podmenu, ponownie użyj modułu na stronie. Cechą szczególną modułu jest możliwość wstawiania do niego innych modułów. Oprócz modułu dostępne są płatne łatki dla Hickashop i Virtuemart.
Po standardowa procedura Podczas instalacji rozszerzenia na ekranie pojawia się komunikat o pomyślnej instalacji modułu oraz link do pobrania dokumentacji do niego, a także udostępnia link do wstawienia dowolnego modułu jako jednej z pozycji menu.
Wchodząc do panelu sterowania modułu można wybrać menu wyświetlane w module, podstawową pozycję menu, poziom początkowy i końcowy, a także ustawić przyrostki i sposób wyrównania łączy dla obrazów. W zakładce „Efekty” możesz wybrać zdarzenie, przy którym otworzy się pozycja menu, czy po najechaniu myszką na obraz ma się wyświetlić link, rodzaj przejścia, potrzebę użycia efektów dla aktywnego podmenu; Można także określić identyfikator pozycji menu, która jest domyślnie aktywna. Na karcie „Style” możesz wybrać motyw projektu menu, określić foldery z obrazami, które będą wyświetlane po zwinięciu i rozwinięciu menu, a także określić ich położenie wyrównania. Zakładka „Style menu” zawiera wiele ustawień dotyczących wyglądu menu: marginesy, tło, zaokrąglenie narożników pozycji menu, cienie i obramowania. W zakładkach „Style łączy pierwszego poziomu”, „Style łączy drugiego poziomu” i „Style łączy drugiego poziomu” możesz zmienić czcionkę, tekst i kolor tła linków wyświetlanych w pozycjach menu. Zakładka „Opcje rozszerzeń innych firm” przeznaczona jest do ustawień zgodności z komponentami „Hikashop” i „Virtuemart” i wymaga pobrania i zainstalowania odpowiednich łatek. Ustawienia opcje mobilne Darmowa wersja rozszerzenia również nie jest dostępna.
Aby operacja przebiegła pomyślnie, należy powiązać moduł z pozycjami menu, określić jego położenie i opublikować. Poniżej przykład działania modułu na stronie.
4. Menu rozwijane JB dla Bootstrapa
Rozszerzenie jest w pełni kompatybilne zCMS-aJoomla 2.5/3.X.
Moduł menu współpracujący z Bootstrapem i JBootstrapem Twittera bazuje na wbudowanym module menu Joomla. Instalacja modułu jest standardowa. W ustawieniach modułu wystarczy wybrać jedno z menu systemowych, początkowe i końcowe poziomów, istnieje także konfigurowalna opcja wyświetlania podpozycji menu. Następnie po przypisaniu pozycji do tego modułu i opublikowaniu jej, na stronie pojawi się menu wyglądające tak:
5. Menu DJ-a
Rozszerzenie jest w pełni kompatybilne zCMS-aJoomla 2.5/3.X.
Menu z rozwijaną listą i animowanymi efektami oparte na Mootools. Moduł montowany jest standardowo. W zakładce „Moduł” w ustawieniach rozszerzenia należy wybrać menu, które moduł będzie wyświetlał, a także określić ostatni z jego poziomów i w razie potrzeby włączyć wyświetlanie menu na małych ekranach oraz ustawić jego szerokość w ten przypadek. Zakładka „Animacje CSS3 i funkcje skryptu” pozwala skonfigurować efekty animacji przy wejściu i wyjściu z menu, prędkość animacji, ustawić czas opóźnienia przy zamykaniu podmenu, klasę CSS nagłówka, jego znacznik HTML i rozmiar Bootstrapa .
Poniżej znajduje się przykład menu utworzonego przy użyciu tego modułu.
Wszystkie omówione w recenzji moduły do tworzenia menu w witrynie z systemem CMS Joomla 3.x umożliwiają tworzenie menu z podpoziomami. Rozważane moduły w większości różnią się obecnością pewnych efektów animacji i możliwością wyświetlania na urządzeniach mobilnych. Dlatego w przypadku witryn kierowanych do użytkowników mobilnych (a jest ich coraz więcej) warto preferować moduł „DJ-Menu”. Moduł „Accordeon Menu CK” jest dobry, ponieważ pozwala na wstawienie zawartości innego modułu; Moduł „JB DropDown Menu for Bootstrap” jest najprostszym i „najlżejszym” z rozważanych rozszerzeń i będzie dobrze wyglądać na przykład w połączeniu z domyślnym modułem menu Joomla. Funkcjonalność modułu Maxi Menu CK jest imponująca, jednak ponieważ w wersji darmowej jest znacznie ograniczona, korzystanie z niej wymaga inwestycji finansowej.
Od autora: Witam Was drodzy czytelnicy. Menu to element, bez którego nie może obejść się żadna witryna w Internecie ten blok znacznie upraszcza nawigację i zapewnia dostęp do głównych stron części użytkownika serwisu. Co więcej, jeśli witryna jest dość złożona i zawiera ogromną liczbę stron, liczba linków do menu również będzie duża, co oznacza, że aby zaoszczędzić wolna przestrzeń, menu jest tworzone wielopoziomowo. Dlatego w tym artykule porozmawiamy o tym, jak utworzyć menu rozwijane w Joomla 3.
W rzeczywistości funkcjonalność menu wielopoziomowego jest wbudowana w podstawę Wersje Joomli, podobnie jak kategorie wielopoziomowe, menedżer materiałów. Jednak jeśli chodzi o wyświetlanie menu rozwijanego, istnieje mały problem, polegający na tym, że w różnych szablonach to samo wielopoziomowe menu będzie wyświetlane inaczej. Na przykład w standardowym szablonie CMS Joomla – Photostar, wielopoziomowe menu rozwijane będzie wyświetlane dobrze i przy użyciu absolutnie standardowa funkcjonalność.
Jednocześnie inny standardowy szablon Beez3, moim zdaniem, ogólnie nie wyświetla się poprawnie to menu.
Co więcej, elementy podrzędne pojawiają się tylko wtedy, gdy użytkownik kliknie element nadrzędny. Dodatkowo menu rozwijane w Joomla można zaimplementować za pomocą specjalnych rozszerzeń, które na podstawie danych menedżera menu poprawnie wyświetlają wielopoziomowe linki do menu.
Najpierw zdefiniujmy strukturę linków przyszłego menu, a następnie porozmawiajmy o wyświetlaniu go na ekranie. Przejdź więc do menedżera menu i utwórz nowe menu.
Na kolejnej stronie podajemy tytuł menu, nazwę jego systemu, krótki opis i kliknij przycisk „Zapisz”.
W tym przypadku, aby utworzyć linki do menu nadrzędnego, w polu „Element nadrzędny” należy wybrać wartość „Pozycja menu głównego”. Po utworzeniu wszystkich elementów nadrzędnych rozpoczynamy tworzenie elementów podrzędnych.
Należy pamiętać, że podczas tworzenia linku podrzędnego w polu „Element nadrzędny” należy zaznaczyć utworzoną wcześniej pozycję menu nadrzędnego. Zatem elementy podrzędne będą tworzyć rozwijaną część menu, chyba że oczywiście tę okazję obsługiwane przez szablon. Po dodaniu wszystkich niezbędnych linków otrzymamy następującą strukturę w menadżerze menu.
Zatem dla CMS Joomla rozwijane menu jest już prawie gotowe, pozostaje tylko stworzyć moduł, który wyświetli je w wymaganej pozycji szablonu. Oznacza to, że przechodzimy do „Menedżera menu” i tworzymy nowy moduł menu.
Nowoczesne trendy i podejścia w tworzeniu stron internetowych
Poznaj algorytm szybkiego rozwoju od podstaw w tworzeniu stron internetowych
Konfigurując moduł, wskazujemy jego tytuł, wybieramy pozycję wyświetlania w szablonie oraz strony, na których będzie on dostępny, a także nie zapominamy o wybraniu wyświetlanego menu w polu „Wybór menu”.
Po zapisaniu modułu przejdź do części użytkownika w celu sprawdzenia.
Jak widać, w przypadku szablonu Photostar menu wyświetla się doskonale, ale w przypadku innego szablonu możesz zapytać, jak utworzyć menu rozwijane w Joomla 3. Odpowiedź jest dość prosta - użyj rozszerzenia innej firmy. W tym artykule przyjrzymy się modułowi o nazwie ARI Ext Menu.
Klikając w przycisk „Pobierz” zostajemy przekierowani na stronę dewelopera, gdzie znajduje się link umożliwiający pobranie modułu.
Po pobraniu zainstaluj rozszerzenie w standardowy sposób i przejdź do menedżera menu, aby go aktywować.
Moduł jest dość funkcjonalny i zawiera ogromną liczbę różne ustawienia, nad czym nie będę się teraz rozwodzić, tym bardziej, że za niemal wszystkie z nich odpowiadają wygląd i wymagają prostych testów. Najważniejsze jest to, że należy podać tytuł, wybrać pozycję wyświetlania w szablonie, zmienić status na „Opublikowane” i w polu „Nazwa menu” wybrać menu, które będzie wyświetlane w module.
Właściwie po zapisaniu zobaczymy następujący wynik.
Oznacza to, że moduł pomyślnie wykonuje swoje zadanie.
Teraz wiesz, jak utworzyć menu rozwijane w Joomla. Jeśli chcesz bardziej szczegółowo przestudiować strukturę modułów na poziomie kodu, nasz nowy kurs będzie dla Ciebie przydatny.
To kończy ten artykuł! Wszystkiego najlepszego i szczęśliwego kodowania!!!
Nowoczesne trendy i podejścia w tworzeniu stron internetowych
Poznaj algorytm szybkiego rozwoju od podstaw w tworzeniu stron internetowych
Menu jest niezbędnym elementem każdej witryny Joomla. Stworzenie nawigacji witryny jest jednym z pierwszych kroków przed opublikowaniem zasobu sieciowego w Internecie. Bez menu Twój projekt nie będzie szanowany ani przez odwiedzających, ani przez wyszukiwarki.
Brak nawigacji jest akceptowalny tylko w przypadku witryn jednostronicowych. Jeśli masz trzy lub więcej sekcji, musisz wskazać je w menu.
W tym artykule przyjrzymy się, jak tworzyć menu w różnych formatach (wielopoziomowe, pionowe, poziome itp.). Dodatkowo przeanalizujemy możliwości generowania pozycji, a także dowiesz się, jakiego typu są elementy menu i jaki jest przyrostek klasy. Ponadto zostanie wyświetlony niewielki wybór 4 rozszerzeń, które pozwolą Ci szybko utworzyć menu.
https://www.youtube.com/watch?v=u19ebn-5W40
Tworzenie menu to bułka z masłem Silnik Joomli. Stworzenie własnej nawigacji w tym systemie CMS jest bardzo łatwe, ponieważ jest on przeznaczony głównie dla początkujących. Wystarczy podać nazwę, a także rodzaj tworzonego menu, aby pojawiło się na stronie.
Aby rozpocząć tworzenie menu, najpierw przejdź do obszaru administracyjnego Joomla. Jeszcze lepiej, zastanów się z wyprzedzeniem, z czego będzie składać się Twoja nawigacja aż do tego momentu. Zdecyduj także, który typ jest bardziej odpowiedni do Twoich celów: wielopoziomowy, pionowy itp. Kiedy już wszystko przemyślisz, przejdź do panelu administracyjnego, a następnie otwórz zakładkę „Menu”. Następnie musisz przejść do pozycji „Menedżer menu” i kliknąć przycisk „Utwórz menu” na liście rozwijanej. Następnie rozpocznie się faktyczne tworzenie nawigacji - w tym celu konieczne będzie określenie podstawowych parametrów. Główne wymagania to określenie tytułu i rodzaju menu. Należy pamiętać, że typ nawigacji jest symbolem dla Twojej wygody.
https://www.youtube.com/watch?v=34CARMpcNHM
Teraz kliknij „Zapisz i zamknij”. Tworzenie menu nie zostanie tutaj zakończone, ponieważ nie zawiera ono ani jednej pozycji. Aby wygenerować element należy przejść do zarządzania utworzonym menu nawigacyjnym. W zakładce, która się otworzy, zobaczysz sekcję „Pozycje menu”. Przejdź do tej zakładki i utwórz komponenty do nawigacji po witrynie Joomla. Należy podać nazwę pozycji w taki sam sposób, jak w przypadku menu. Ponadto konieczne będzie określenie typu elementu. Tym razem typ będzie miał znaczenie, ponieważ będzie miał wpływ na wyświetlanie przedmiotu. Najczęściej zalicza się do nich typ „Materiały”.
Ale na tym nie zakończy się tworzenie menu. Nadal musisz zrobić to w określonym formacie (wielopoziomowym, poziomym lub pionowym). Aby to zrobić, należy określić poprawną pozycję i przyrostek klasy, który określa styl umieszczenia tego elementu. Aby określić przyrostek klasy, musisz użyć prawidłowego szablonu używanego przez Bootstrap. Nie każdy sufiks klasy wymieniony poniżej będzie mógł zostać aktywowany w Twojej witrynie, jednak tutaj znajduje się lista najpopularniejszych stylów menu:
Ari Ext Menu to moduł, który utworzy w Joomla pionowe lub poziome menu z efektem animacji. Rozszerzenie Ari Ext instaluje się w sposób standardowy. Aby ustawić efekt animacji, w ustawieniach Ari Ext zmień linię Typ przejścia, aby dodać „zniknięcie” lub „slajd”. Moduł można dostosować według własnego uznania, edytując plik CSS. Ari Ext umożliwia tworzenie wielopoziomowych menu. Jedyną wadą Ari Ext jest brak wersji rosyjskojęzycznej, więc będziesz musiał sam ustalić ustawienia rozszerzenia. W przeciwnym razie Ari Ext wykonuje świetną robotę!
SJ Flat to prosty i wygodny moduł, który pozwoli Ci stworzyć piękne i funkcjonalne menu. Główną orientacją SJ Flat jest menu wielopoziomowe. Moduł SJ Flat umożliwia utworzenie dowolnej liczby podkategorii dla różnych pozycji menu w Joomla. Dodatkowo SJ Flat świetnie współpracuje z wyskakującymi menu zarówno w układzie pionowym, jak i poziomym. Kolejną zaletą SJ jest automatyczne dostosowanie się do urządzeń mobilnych. Menu poziome zmieni się w menu pionowe po włączeniu witryny urządzenie mobilne z niską rozdzielczością. A najważniejszą zaletą SJ Flat jest to, że moduł można pobrać za darmo!
Nazwa modułu Vertical Menu mówi sama za siebie – to rozszerzenie jest niezbędne do stworzenia pionowego menu nawigacyjnego. Główną cechą modułu Vertical Menu, oprócz prostej instalacji i łatwa konfiguracja, to kod przyjazny dla SEO. To rozszerzenie jest zoptymalizowane tak, aby menu pomogło Ci promować Twoją witrynę. W module Pionowym możesz wybrać różne opcje projektowania, począwszy od rodzaju czcionki po kolorystykę wyświetlanego menu.
https://www.youtube.com/watch?v=frwWrSzeO5s
Mega menu to prawdziwy hit wśród innych modułów menu nawigacyjnych. Za pomocą tego rozszerzenia możesz utworzyć menu w dowolnym formacie. Moduł Mega Menu umożliwia wprowadzanie do pozycji nie tylko informacji tekstowych, ale także zdjęć, filmów, animacji i innych plików. Dzięki Mega możesz dostosować każdą pozycję menu indywidualnie, dzięki czemu nawigacja będzie płynna i przemyślana. Mega działa zarówno z menu poziomym, jak i pionowym. Mega działa najlepiej z wersją 3 Joomla. Moduł Mega działa w języku angielskim.
