Slidery do joomla

Slidery do joomla

Slidery na stronach www nadal są modne. Zdania są tu podzielone. Jedni są ich zwolennikami bo ożywiają stronę, dodają kolorytu i atrakcyjności. Inni twierdzą, że niepotrzebnie zabierają miejsce na stronie.

Omówię tu kilka sliderów dla joomli pod postacią darmowych wtyczek.

Slider można wbudować do motywu joomli. Jednak nie jest to rozwiązanie dobre, gdyż w takim przypadku zdjęcia się trudno dodaje. No, może nie trudno ale nie jest to rozwiązanie przyjazne dla użytkownika. Dlatego rozwiązaniem będą wtyczki, które pozwalają na dodawanie zdjęć z poziomu zaplecza joomli.

Testuję kilka sliderów darmowych wtyczek dla joomla 3

RokSprocket

Wtyczka darmowa utworzona przez RocketTheme. Slider ładnie się układa dla urządzeń mobilnych.

Wtyczka oferuje wiele rodzajów layoutu do prezentowania zdjęć.  To co nas interesuje czyli slider to Features. Tworzymy nowy moduł RokSprocket Module. Moduł ma własny panel. Wpisujemy nazwę i najlepiej ukrywamy tytuł (Show Title). W zakładce Options wybieramy rodzaj layoutu, czyli wybieram Features.

Przed utworzeniem modułu musimy wybrać źródło treści do slidera. Może to być joola lub simple. Gdy wybierzemy joomla moduł będzie pobierał zawartość z artykułów, które trzeba wcześniej utworzyć. W tym przypadku wybieram Simple.

Klikam Continue aby utworzyć moduł.

Muszę sie cofnąć i dodać jakieś media. Tworzę katalog i wczytuję do niego zdjęcia.

Korzystanie ze źródła Simple jest bardzo łatwe.

  • Zmieniam nazwę dla elementu.
  • Klikam na Image, wybieram Media Manager, następnie klikam na ikonkę ołówka i dodaję obrazek z biblioteki mediów.
  • Można również dodać tytuł, opis i link – wybieram Custom
  • klikam Add new Item aby dodać nowe zdjęcie

Opcje (niektóre)

  • mamy do wyboru 3 układy:
    • Slideshow – slider gdzie napisy są po lewej stronie
    • Slideshow style 2 – napisy sa u dołu
    • showcase – napisy są pod sliderem
  • można wybrać Animation – czyli rodzaj przejść między zdjęciami

Napotkałam na taki problem, że moje zdjęcia były za małe i w czasie przesuwania pojawiało się najpierw małe zdjęcia, które bylo w widoczny sposób zwiększane. To jest niepożądany efekt. Okazało się, że slider równa zdjęcia do największego. Oznacza to, że trzeba dodać zdjęcia wcześniej skadrowane.

slider dla joomla wtyczka roksprocket

Image Show Gavickpro

Wtyczka od razu tworzy moduł  Image Show GK4. Przy zmianie stylów wyświetlania modułu zdjęcia ładują się bardzo wolno aż tracę cierpliwość, czy dany układ w ogóle działa.

Ustawienia modułu:

  • Basic – tu można wybrać styl modułu. Do wyboru jest bardzo wiele, ale ładują się tak wolno, że nie mam cierpliwości aby czekać na obejrzenie ich działania. Udało mi się uruchomić hotel-tabs, gk_quark, gk_storefront.  W zależności od wybranego stylu jego ustawianie pojawiają się w zakładce Interface.
  • Your slides i klikam Add New Slide. Dodałam kilka slidów.
  • wybieram układ gk_storefront i ustawiam w zakadce Interface. Ma on tę wadę że napisy są w kolorze czarnym i nie są czytelne. To ew. trzeba poprawić.
  • ustawiamy tu wysokość i szerokość zdjęć oraz wysokości slidera dla poszczególnych urządzeń. Jeśli ustawimy 0 to slider na danym urządzeniu znika.
slider dla joomla 3
slider dla joomla 3 image show gk4

W kolejnych wpisać przetestuję jeszcze kilka galerii sliderów dla joomla jak:

  • parallax slider – themexpert.com – sider jest darmowy ale trzeba się zarejestrować
  • smart slider – http://www.joomshaper.com/joomla-extensions/smart-slider
  • dj imageslider – https://dj-extensions.com/dj-imageslider – wiele razy używałam go na stronach w joomla
  • smart slider – http://smartslider3.com/
  • ck slideshow – http://www.joomlack.fr/en/joomla-extensions/slideshow-ck

Na wielu blogach znajdują się takie rankingi wtyczek. Tym razem skorzystałam z tego adresu: https://www.themexpert.com/blog/top-10-free-and-premium-joomla-slideshow-extensions

responsive_wp_728x90


Profesjonalny Hosting


One Comment
Leave a reply

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *