Większość szablonów ma stały layout - to znaczy pozycje dla widżetów są zdefiniowane przez programistę a użytkownik nie ma możliwości ich dodawania jeśli nie posiada wiedzy o pracy w html. Inaczej jest z frameworkami - niektóre z nich mają duże możliwości edycji layoutu szablonu i tu chyba najlepsze rozwiązania dostępne są w Gantry 5.

Nawet gdyby framework Gantry 5 nie miał innych zalet które pokazałem we wcześniejszych tutorialach tylko możliwości zakładki "Layout" stanowiłyby jego poważny atut.

1. Logujemy się do zaplecza naszej strony www Lublin na WordPress. Z panelu po lewej stronie wybieramy Helium Theme - to darmowy motyw Gantry 5 dla WordPress

framework, Gantry, Gantry 5, WordPress, strony, www

2. Dla przypomnienia - Helium Theme wygląda od frontu tak

framework, Gantry, Gantry 5, WordPress, strony, www

Projektuję strony www Lublin na WordPress i Joomla

3. Domyślnie po przejściu do Motywu znajdujemy się z zakładce "Styles" - klikamy więc w zakładkę "Layout"

framework, Gantry, Gantry 5, WordPress, strony, www

4. Zakładka "Layout" motywu Helium dla WordPress wygląda tak.

- Base Outline - to nazwa layoutu - jest ich w tym darmowym motywie kilka

Positions - to specyficzne particles / cząstki które umieszczamy w sekcjach layoutu przeciągając je do niego. Mamy tu:

- Widget - pozwala umieścić w layout konkretny Widget WordPress i zarządzać nim z poziomu zakładki "Layout" motywu - czyli z miejsca gdzie jesteśmy teraz

- Widget Position - ta cząstka pozwala nam na umieszczenie w layoucie motywu dodatkowego miejsca na widżety - zarządza się nimi wtedy standardowo jak we wszystkich motywach WordPressa

- Spacer - pozwala na stworzenie odstępów między Widżetami, Pozycjami Widżetów i Particles / Cząstkami

- Page Content - pozwala stworzyć pole na wpisy

- System Messages - pole na komunikaty systemowe

Particles / Cząstki - to systemowe widżety o różnej funkcjonalności . Umieszcza się je w layoucie przeciągając je w dowolne miejsce

Layout - najważniejsza część tej zakładki. Mamy tu sekcje:

- Navigation

- Header

- Intro ... i tak dalej

Do tych sekcji możemy przeciągać particles / cząstki. Widać tu że w niektórych sekcjach są już jakieś elementy w innych nie.

framework, Gantry, Gantry 5, WordPress, strony, www

5. Już w tym darmowym temacie layout umożliwia nam stworzenie bardziej rozbudowanej strony niż w wielu komercyjnych motywach. Mamy też pełną kontrolę nad tym jak ten layout będzie wyglądał i edycja jego nie wymaga wiedzy programistycznej.

Na koniec tego tutorialu screen z zakładki Layout dla Joomla - jest to szablon komercyjny o wiele bardziej rozbudowany i mający więcej cząstek.

W kolejnych tutorialach pojawią się kolejne informacje zakładce "Layout" bo jest ona bardzo złożona

framework, Gantry, Gantry 5, WordPress, strony, www