Tworzymy baner strony Joomla, Gantry 5
Aby utworzyć baner przejdź do panelu szablonu Gantry i wybierz kontur/zarys Home-Particles.
Jest to szablon naszej strony głównej. W związku z tym, że jest to nasza jedyna strona więcej konturów szablonu nie ma. Pomijam kontur "domyślny" ponieważ jest to awaryjny kontur w przypadku podstron, dla których nie ma ustawionego indywidualnego konturu. Ale my nie mamy podstron więc ten możemy pominąć.
W zwiazku z tym, że nie mamy do dyspozycji cząstki spełniajacej nasze oczekiwania, którą dało by się dostosować napiszemy prostą cząstkę korzystając z Uikit. Tworzenie nowej czastki jest stosunkowe proste.
Tworzenie nowej cząstki - dokumentacja
Wskazówka: Ściąganie danych konfiguracyjnych gantry za pomocą Twiga
Jednym z kluczowych elementów Gantry jest możliwość łatwego konfigurowania pól i opcji przy użyciu plików YAML, które mogą być następnie wykorzystywane przez użytkowników na zapleczu Gantry 5 do konfiguracji witryny.
Plik YAML tworzy pole (lub opcję), użytkownik konfiguruje tę opcję, definiując zmienną, której można następnie użyć podczas renderowania strony za pośrednictwem pliku Twig.
Wyciągnięcie zmiennej konfiguracyjnej jest całkiem łatwe. Wystarczy skorzystać z gantry.config.get() polecenia pobrania tych danych.
Jednym z przykładów może być użycie tła przycisku w naszy banerze gantry.config.get('styles.accent.color-1') aby pobrać aktualnie ustawiony Accent Color 1 motywu.
Pobierz cząstkę rozpakuj i przenieś do odpowiedniego katalogu (g5_helium/custom/particles) pliki yaml oraz twig.
Użyj cząstki w naszym projekcie przeciągając ją z lewej kolumny z cząstkami na pozycje header szablonu.
Nie tworzę tutaj slidera, karuzeli (tak jak w projekcie) ponieważ uważam, że takie elementy na stronie nie mają sensu. Ukrywaja tresć i spowalniaja witrynę.
Uzupełnij pola cząstki
Efekt końcowy:
