Share This

Roksprocket dla Joomla czyli jak zrobić banner dla naszej strony internetowej na joomla. Roksprocket do moduł którego wersja występuje także dla wordpressa. Można za jego pomocą wykonać nie tylko banner ale także kilka innych układów prezentujących tekst i grafikę w ciekawych formach.
- Feautures
- Grids
- Headlines
- LIsts
- Mosaic
- Quotes
- Sliders
- Strips
- Tables
- Tabs

Roksprocket łączy w sobie wiele modułów które inne firmy udostępniają oddzielnie. Jest bardzo intuicyjny i ma przyjazny panel zarządzania który dla wszystkich wersji modułu jest bardzo podobny. W tym wpisie pokaże jak za jego pomocą wykonać banner dla strony www Lublin na Joomla.



Dodatek jest darmowy i dostępny niezależnie od szablonu. Pobieramy go ze strony firmy RocketTheme.com - firmy która jest producentem doskonałych szablonów i frameworka Gantry. Nie trzeba się logować i rejestrować żeby pobrać Roksprocket.

Instalacja jest standardowa więc ją pomijam

1. Po zainstalowaniu przechodzimy w zapleczu joomla do zakładki - Rozszerzenia >> moduły.
Tworzenie nowego modułu w joomla wygląda w pierwszym etapie identycznie - klikamy na zielony button "Utwórz"

kasai1.com - responsywne strony www Lublin na joomla i wordpress

 

 

2. Pojawia się okno w którym z listy zainstalowanych modułów wybieramy RokSprocket Module

kasai1.com - responsywne strony www Lublin na joomla i wordpress

 

 

3. Pojawia się okno wstępnej konfiguracji modułu
- w zakładce Options podajemy tytuł modułu i pozycję w szablonie
 1. Pick a Layout - RokSprocket ma kilka form prezentowania treści - tu wybieramy jeden z nich - Features - nadaje się najlepiej do wykonania bannera na stronie www
 2. Pick a Content Provider - Simple lub Joomla - tu decydujemy z jakiego źródła pobierane będą treści. Opcja "Simple" umożliwia nam wpisanie treści bezpośrednio w module. Opcja "joomla" powoduje że treści i grafiki pobierane będą np z konkretnej kategorii artykułów - ale tu także zachowujemy dużą kontrolę nad nimi.
W tym konkretnym przypadku - wykonanie bannera wybieram Simple - prostsze. Gdybyśmy chcieli żeby Banner służył jako zajawka do artykułów wybranie joomla automatycznie będzie likowała treści do artykułu
 3. Create Module - Klikamy "Continue"
- w zakładce "Assignements" - możemy przypisać na tym etapie moduł do konkretnych zakładek - ale można to także zrobić później.
- zakładka "Advanced"  - tu możemy dodać np styl modułu - ale potem także jest to możliwe

kasai1.com - responsywne strony www Lublin na joomla i wordpress

 

 

4. Tak wygląda moduł jeszcze bez treści i obrazków. Po prawej stronie mamy błękitny button "Ad new Item" którym dodajemy nowe elementy, a poniżej button to wyboru sortowanie treści.

kasai1.com - responsywne strony www Lublin na joomla i wordpress

 

 

5. Features Layout Options - czyli opcje modułu

kasai1.com - responsywne strony www Lublin na joomla i wordpress

 

 - limit artykułów wyświetlanych w module - przydatne jeśli wcześnie wybraliśmy "joomla" jako miejsce skąd pobieramy treści do modułu - my wybraliśmy "simple" więc treści tworzymy sami

- Theme - tu mamy kilka dodatkowych styli prezenowania treści (slideshow, slideshow style 2, showcase, stories, scroller, showcase style2)

- Article Titles i Article Tekst - tu ustawienia globalne dla modułu ale dla każdego artykułu będziemy je mogli kontrolować oddzielnie - Pokaż lub Ukryj

- Preview Lenght - ile liter ma być w zajawce - także raczej przydatne jeśli wybraliśmy "joomla" jako miejsce skąd pobieramy treści do modułu

- Strips HTML Tags - czy chcemy żeby w polach tytułu i opisu można było używać kodu HTML

- Arrow Navigatio - czyli czy strzałki na bannerze służące do przewijania slajdów mają być widoczne - pokaż, ukryj, pokaż jeśli najedziemy na banner

- Paginacja - kropki lub inne zdefiniowane w css elementy pokazujące ilość slajdów i pozwalające na nawigacje

- Animation - rodzaj animacji wybór

- Autoplay - czy animacja ma działać sama czy musimy klikać na strzałki lub kropki w paginacji żeby przełączać się miedzy slajdami

- Autoplay Delay - szybkość animacji

- Image Resize - skalowanie obrazków

Features Article Defaults

te ustawienia także przydatne jeśli wybraliśmy "joomla" jako miejsce skąd pobieramy treści do modułu 

 

 

 

 

 

 

 

 

 

6. Klikam 3 razy niebieski button "Ad new Item". Po lewej stronie pojawiają się trzy pozycje dla naszych trzech slajdów.

Tytuły "Simple Item" możemy edytować za pomocą ikonki ołówka - ale nie jest to konieczne. Kolejność slajdów zmieniamy przeciągając je za pomocą znajdującej się po prawej stronie ikonki - kreseczek.

Jak widać w każdym slajdzie mamy 4 pozycje - w każdej możemy wpisać normalny tekst lub użyć html'a. Wbrew pozorom żeby użyć html'a w wielu przypadkach nie musimy go znać - wykorzystujemy np moduł "własny kod html" jako edytor graficzny a potem kopiujemy z niego kod html.

kasai1.com - responsywne strony www Lublin na joomla i wordpress

 

7. W opcji "Title" mamy trzy możliwości do wyboru
- Article title - raczej używane jeśli wcześniej wybraliśmy "joomla" jako miejsce skąd pobieramy treści do modułu. Jeśli wybierzemy to teraz w module pojawi się "Simple Item 3" czyli tytuł tej "belki"
- Brak - brak tytułu
- Custom - możemy sami określić tytuł

kasai1.com - responsywne strony www Lublin na joomla i wordpress

 

8. Jeśli w "Title" wybierzemy custom - pojawi się puste pole. Po kliknięciu w nie pojawia się taki pop-up i możemy pisać co chcemy - także używając HTML'a żeby sformatować tekst.
Globalnie - dla tego pola i pozostałych możemy określi parametry tekstu (wielkość fontów, rodzaj, kolor, interlinia, cieniowanie) w .css, także parametry tła, jego przeźroczystość, kolor.

kasai1.com - responsywne strony www Lublin na joomla i wordpress

 

9. "Description" opis - do wyboru Brak lub Custom - zasada jak powyżej

kasai1.com - responsywne strony www Lublin na joomla i wordpress

 

 10. "Images" brak lub MediaManager - wybieramy oczywiście tę drugą opcje bo mamy robić banner

kasai1.com - responsywne strony www Lublin na joomla i wordpress

 

 11. Po wybraniu tej opcji należy klikną w małą ikonkę edycji 

kasai1.com - responsywne strony www Lublin na joomla i wordpress

 

 

12. Pojawią się okno zarządzania grafikami. Jeśli nie ma tu grafiki którą chcemy wstawić możemy pobrać ją z naszego komputera. Oczywiście grafiki powinny mieć identyczną rozdzielczość.

kasai1.com - responsywne strony www Lublin na joomla i wordpress

 13. Ostatnia opcja to link - tu także mamy do wyboru: brak lub custom - pole edycji wygląda jak w przypadku tytułu i opisu.

 

 Tak wygląda moduł - tło dla tekstów - kolor, jego przeźroczystość, wielkość czcionek ich kolor, cienie interlinie można ustawić - jeśli korzystamy z frameworka Gantry w zewnętrznym pliku .css
Możemy też korzystać ze styli modułów gdzie np ustawiamy grubość ramki, czy tło dla całego moduły

Jedną z wad RokSprocket jest brak ciekawszych animacji

Banner do szkolenia RokSprocket

  • Tytuł 1- dla każdego slajdu inny

    Tytuł 1- dla każdego slajdu inny

    Opis 1 Read More
  • Tytuł 2- dla każdego slajdu inny

    Tytuł 2- dla każdego slajdu inny

    Opis 2 Read More
  • Tytuł 3- dla każdego slajdu inny

    Tytuł 3- dla każdego slajdu inny

    Opis 3 Read More
  • 1
  • 2
  • 3

 

 

 

 

 

Przydało się? - Udostępnij

Blog - popularne

Akeeba Kickstart - czyli jak przywrócić stronę internetową Joomla 3 z kopii zapasowej Akeeba Backup

Przenosimy stronę na CMS joomla na inny serwer. Mając wykonaną za pomocą Akeeba Backup kopię strony www możemy ją przenieść w krótkim czasie na dowolny serwer. Czas wysyłania na serwer rozpakowanych...
Czytaj dalej

Jak dodać firmę do Google Maps

Tworząc firmową stronę internetową prawie zawsze umieszczamy na niej mapę z lokalizacją firmy. Czasy statycznych map graficznych minęły dawno temu. Teraz najczęściej szukamy firm na google które ma...
Czytaj dalej

Jak zrobić banner slideshow w joomla 3 - dodatek Roksprocket dla strony www na joomla

Roksprocket dla Joomla czyli jak zrobić banner dla naszej strony internetowej na joomla. Roksprocket do moduł którego wersja występuje także dla wordpressa. Można za jego pomocą wykonać nie tylko...
Czytaj dalej

Jak wykonać przekierowanie DNS domeny zarejestrowanej na home.pl na serwer nazwa.pl - na którym...

Przekierowanie DNS wykonujemy kiedy domenę zarejestrowaliśmy w jednej firmie, a hosting dla naszej strony internetowej wykupiliśmy w innej. Dzisiaj pokażę jak przekierować domenę zarejestrowaną na...
Czytaj dalej

WordPress - jak wykonać kopię zapasową strony www na WordPress za pomocą Akeeba Backup

WordPress podobno nie sprawia problemów, ale dmuchając na zimne - kopię strony www należy wykonać jeśli zależy nam na bezpieczeństwie naszych danych. Akeeba Backup to narzędzie które powstało jako...
Czytaj dalej

Jak dodać film z youtube stronę www na joomla - dodatek AllVideos od Joomla Works

Niezbyt często korzystam w wykonywanych stronach www z możliwości osadzania w nich wideo. Jeśli klienci mają przygotowane materiały wideo warto je wykorzystać nie tylko z powodu lepszego zapoznania...
Czytaj dalej

Akeeba Backup - jak wykonać kopię strony www na CMS Joomla 3

Akeeba Backup pozwala na tworzenie kopii na wszystkich wersjach joomla - tu w wersji dla Joomla 3 Mając stronę internetową utrzymywaną na dobrym hostingu nie musimy martwić się o wykonywanie kopii...
Czytaj dalej

Zarządzanie użytkownikami w Joomla 3. Jak zmienić nazwę użytkownika, hasło, mail w zaleczu joomla

Edycja profilu użytkownika, zmiana hasła do zaplecza joomla czy maila konkretnego użytkownika w joomla 3 są bardzo proste - oczywiście jeśli mamy dostęp do zaplecza naszej strony www Lublin na...
Czytaj dalej

Jak sprawdzić szybkość wczytywania strony www

Jeszcze kilka lat temu kiedy o CMS'ach nie było nic wiadomo królowały proste strony www oparte na html'u. Łącza internetowe nie były zbyt szybkie wiec przyjmowało się że strona startowa witryny nie...
Czytaj dalej