Share This

Druga część recenzji - przeglądu szablonu Shaper i frameworka Helix 3. W pierwszej zająłem się szablonem, jego zapleczem ale bez najbardziej rozbudowanej zakładki Layout. Layout umożliwia tworzenie pozycji modułów i tym samym zaprojektowanie układu strony www Lublin na Joomla. Zobaczmy jaka jest jego funkcjonalność.


Recenzję podzielę na 4 części
I. Szablon cz1
II. Szablon cz2. - zakładka Layout
III. Page Builder
IV. Menu Layout Manager

1. W pierwszej chwili pomyślałem że to rozwiązanie podobne do tego z Gantry 5 tylko inaczej podane graficznie.
Mamy tu wstępnie przygotowany Layout - układ pozycji modułów z sekcjami (Top Bar, Header....)

responsywne strony internetowe Puławy na Joomla

 

Przy każdej sekcji mamy 4 buttony
2. Add Columns - tu bliżej do Gantry 4 bo Helix działa na siatce 12 grids. Nie mamy więc swobodnego zmieniania proporcji w procentach, tylko zaproponowane układy kolumn typu 6,6 lub 4,4,4, lub 2,3,7 lub Custom Layout z możliwością zdefiniowania własnego układu kolumn ale ciągle w ramach siatki 12 grids.

responsywne strony internetowe Puławy na Joomla



3. Add Row - dodaje kolejną sekcję poniżej
W Gantry 5 nie można w prosty sposób tworzyć nowych sekcji - ale jest ich sporo w standardzie, a w szablonach komercyjnych pod dostatkiem. Można natomiast tworzyć w ramach sekcji nowe pozycje modułów i nie jesteśmy ograniczeni siatką 12 grids. W Helix 3 klikając "Add Row" Dodajemy nową sekcję poniżej, którą potem możemy dowolnie przesuwać w pionie w ramach Layout strony www Lublin. Można więc tworzyć układy prawie dowolne - ogranicza je jednak układ siatki.

Tu mimo wszystko lepsze jest Gantry 5.

responsywne strony internetowe Puławy na Joomla



4. Setting - tu wyskakuje popup "Row Settings" w którym możemy dla każdej sekcji zdefiniować kilka ustawień (tytuł, kolor tła, kolor tekstu, obrazek tła i jego parametry, zdecydować czy sekcja ma pokazywać się na urządzeniach mobilnych, zdefiniować parametry padding i margin, a także Fluid Width i Custom CSS)

ROW SETTINGS
- Tytuł sekcji
- Kolor tła - ale bez przeźroczystości
- kolor tekstu
- Obrazek tła - tu lepiej niż w Gantry 5 bo tam można zrobić to z zaplecza szablonu tylko dla wybranych sekcji - pozostałe z poziomu css
Następnie kilka pól odpowiedzialnych za parametry obrazka tła
- Backgroun Repeat
- Backgroun Size
- Backgroun Attachment
- Kolor linków
- Możliwość ukrycia sekcji na urządzeniach mobilnych, tablecie lub komputerze Desktop
- Background Position
- Pola na okreslenie wartości Padding i Margin dla sekcji
- Fluid width
- Custom CSS

Jest więc całkiem przyzwoicie, producent Helix 3 udostępnia wiele opcji do zaprojektowania strony www Puławy z poziomu szablonu.

responsywne strony internetowe Puławy na Joomla


5. Remove - usuwanie sekcji.

Usunięcie niepotrzebnej sekcji jest bardzo proste - służy do tego button "Remove". Z tego co widzę wykonie jakiejkolwiek operacji w zakładce "Layout" jest ostateczne po zatwierdzeniu. To znaczy, możemy ręcznie odtworzyć wcześniejszy stan, ale nie ma tak jak w Gantry 5 przycisku umożliwiającego powrót do wcześniejszych ustawień.

responsywne strony internetowe Puławy na Joomla

 

 

6. Przy każdej pozycji modułu jest ikonka "settings" za pomocą która wywołuje pop-up "Column settings" - parametry pozycji modułu naszej strony www Lublin.

responsywne strony internetowe Puławy na Joomla




7. COLUMN SETTINGS
- Make Component Area - zaznaczając tę opcję tworzymy komponent czyli obszar gdzie pojawiać się będą artykuły - może być taki tylko jeden w layout
- Module position - tu można wybrać zdefiniowaną nazwę dla pozycji modułu. Musi być unikalna w szablonie. Istnieje więc pewna dowolność - jak sądzę - ale też niekonsekwencja.
Jeśli tworzymy sekcje o nazwie "Footer" to moim zdaniem pozycje dla modułów powinny nosić nazwy "footer1, footer2, footer3, footer4"  i analogicznie w innych sekcja.
To pole pozwala jedynie wybrać dowolną nazwę spośród wcześniej zdefiniowanych ale nie musi być to nazwa nawiązująca do nazwy sekcji - chociaż moim zdaniem powinna.

Kolejne pola
- Hide on Mobile
- Hide on Tablet
- Hide on Desktop
Pozwalają ukryć kolumnę - pozycję modułu na wybranej wielkości ekranu  

- Tablet Layout
- Mobile Layout
Pozwalają określić zachowanie kolumny na mniejszych ekranach. W Gantry 5 jest to raczej zdefiniowane przez programistów w kodzie i nie daje się łątwo zmieniać

- Custom CSS Class - dodatkowe style

responsywne strony internetowe Puławy na Joomla

 

 


8. Sekcje możemy dowolnie przeciągać w pionie w ramach Layout, natomiast kolumny możemy przeciągać w poziomie w ramach sekcji - nie można przenosić ich z sekcji do sekcji.  
Możemy tworzyć kopie Layout"u za pomocą buttona "Save as Copy" a potem modyfikować je i przypisywać do konkretnych pozycji menu.

responsywne strony internetowe Lublin na Joomla

Ok w kolejnej części Page Builder od Joomshaper do tworzenia strony internetowe Lublin na Joomla.

Przydało się? - Udostępnij

Blog - popularne

Specified key was too long; max key length is 767 bytes - błąd podczas przywracania strony za...

Klient poprosił mnie o zwiększenie wersji PHP do najnowszej wersj PHP 7.2. Przy stronach firmowych najczęściej nie wykonuję takich operacji z automatu tylko staram się na początek sprawdzić czy jest...
Czytaj dalej

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 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 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 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

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

Przezroczystość w plikach PNG - jak zapisać plik z PNG z przezroczystością w Adobe Photoshop dla...

Format .png to drugi w kolejności po .jpg format plików graficznych wykorzystywany w czasie tworzenia stron internetowych. Oczywiście większość użytkowników internetu najbardziej kojarzy .jpg bo w...
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

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