Galerie i listy galerii przyjazne dla oka w Iceberg CMS

Instrukcja prezentuje podstawy konfiguracji i działania modułów Galerie i Zdjęcia z galerii w ICEberg CMS 4. 

Moduł Galerie służy do tworzenia podstron galerii obrazów / fotografii. Moduł zdjęcia z galerii natomiast pozwala prezentować zdjęcia z jednej lub wielu galerii w postaci widgeta - listy wg wybranych parametrów. 

2022-07-05 13:49
2 minuty czytania

Treść

Instalacja modułu galerii i listy galerii

  1. Zaczynając pracę nad galeriami, czy listami galerii, zainstaluj wpierw dwa moduły. W tym celu przejdź do Instalacji modułów i zaznacza „Galerie” i „Galerie — lista galerii”.

  2. Następnie u góry strony kliknij “Zatwierdź”

  3. Jednak jeszcze nie będziemy mogli korzystać z tych galerii, ponieważ nie mamy do nich uprawnień - nie są one przypisane do naszej grupy redaktorów. Aby dodać, nam możliwość pracy na galeriach, przechodzimy do Opcji i zakładki “Redaktorzy”

  4. Klikamy w grupę admin! Ważne, żeby kliknąć w sekcji „dodaj/usuń grupę użytkowników”, a nie obok swojego redaktora - bo inaczej usuniesz sobie prawa admina!

  5. Teraz kliknij checkboxy przy “Galerie” i “Galerie - Listy galerii”

  6. Teraz po tej wstępnej konfiguracji w Modułach widzimy te dwa moduły, na których będziemy pracować

  7. W Module „Galerie”  w przyszłości zobaczysz nasze galerie w następujący sposób:
     

  8. Wróć do Struktury, gdzie należy utworzyć nowy katalog, w którym będziemy mogli stworzyć galerie. Tak jak w przypadku tworzenia produktu czy zawartość i trójkolumnowa

  9. Po dodaniu galerii możesz zacząć ją edytować. Zacznij od zakładki „Edycja”

    Jak widzisz, tutaj już masz uzupełnione pola takie jak intro czy opis. Jaka jest różnica między tymi dwoma polami tekstowymi?  Intro jest niejako tytułem, który będzie się wyświetlać na liście galerii i będzie zachęcać użytkownika do kliknięcia i zobaczenia więcej, natomiast opis przedstawia treść. Wracając do obu pól, to każde z nich może być bardzo dokładnie wy edytowane dzięki zaawansowanemu edytorowi, jaki oferuje ICEBERG.

  10. Teraz dodaj zdjęcie do nowej galerii. Przejdź do zakładki „Wgrywanie pojedynczego zdjęcia”.

  11. Wybierz zdjęcie z Twojego komputera (następnie to zdjęcie znajdzie się  w uploads’ach), potem uzupełnij tytuł, link (jeśli gdzieś zdjęcie ma prowadzić) oraz oczywiście opis. Po zakończeniu klikamy „Zapisz”.

  12. Możesz też wgrywać zdjęcia grupowo, jeśli nie chcesz każdego zdjęcia tytułować czy wypełniać opisu.

  13. Gdy skończysz proces edycji galerii, kliknij, w górnym rogu, „Zakończ edycję”.

  14. Po dodaniu styli CSS nasza galeria może wyglądać w następujący sposób:

  15. Przejdź teraz do modułu „Listy galerii”, potrzebne jest nam  wyświetlanie  więcej niż jednej galerii. Na początku nie widzisz tylko okienko dodawania nowej listy galerii.

  16. Gdy dodasz naszą galerię, to zobaczysz takie podstawowe ustawienia:

    Uzupełniamy według naszych potrzeb i klikamy “Edytuj”


  17. A oto efekty po dodaniu i ostylowaniu:

Następny artykuł

Podstawy SASS

Podstawy SASS


Blog Artykuły
Ustawienia dostępności
Wysokość linii
Odległość między literami
Wyłącz animacje
Przewodnik czytania
Czytnik
Wyłącz obrazki
Skup się na zawartości
Większy kursor
Skróty klawiszowe