Share This

W Gantry 5 mamy zdefiniowanych - nawet w darmowym szablonie Helium - kilka wersji layoutu. Są one modyfikacjami layoutu bazowego którego lepiej nie modyfikować - ja przynajmniej tak robię. Do tworzenia kopii szablonu - layoutu służy zakładka "Outlines" zanim jednak stworzymy własny layout zapoznajmy się z funkcją Inheriting - dziedziczenie.

1. Zalogujmy się do zaplecza WordPress i przejdźmy do szablonu Helium a następnie zakładki "Layout w szablonie. Po lewej na górze mamy okno służące do wyboru szablonu - jest ono dostępne z poziomu każdej zakładki ale ponieważ dla mnie ważniejsza od zakładki "Styles" jest zakładka "Layout" i bardziej utożsamiam ją z szablonem dlatego tłumaczenie zacznę od tego miejsca.

Layout to układ szablonu / tematu / motywu WordPress. "Base Outline" to układ bazowy - powinniśmy go pozostawić bez modyfikacji ponieważ zmiany w nim spowodują zmiany w layoutach stworzonych na jego podstawie.

Dzieje się tak dlatego że w Gantry 5 jest bardzo przydatna funkcja "Inheriting"- dziedziczenie.

Zwróćcie uwagę na sekcję "Navigation" w "Base Outline"

Wybierzcie teraz z okna po lewej stronie inny layout - np Home - Particles

Framework, Gantry 5, WordPress

 

2. Po wybraniu layoutu "Home - Particles" widzimy że mamy do czynienia z innym układem. Sekcja "Navigation" jest zamglona - nieaktywna, nad nią mamy ikonkę kłódeczki i napis "Inheriting from Base Outline". Oznacza to że wszelkie ustawienia ta sekcja dziedziczy z motywu głównego.

Inheriting - dziedziczenie jest szczególnie przydatne jeśli tworzymy kilka layoutów które przypisujemy do różnych pozycji menu - chcemy jednak żeby miały one cechy wspólne którymi będziemy mogli zarządzać z motywu głównego.

Framework, Gantry 5, WordPress

 

 3. W każdej chwili możemy zrezygnować z funkcji dziedziczenia ustawień z szablonu głównego. Przy każdej sekcji mamy ikonkę zębatki - "Section settings" - Ustawienia sekcji. Klikając w ikonkę zębatki wywołujemy pop-up. Jak widać zakładka "Section" jest nieaktywna - zamglona - mamy tu informację "Inheriting from Base Outline" czyli że wszelkie ustawienia tej sekcji dziedziczone są z layoutu "Base outline"

Przejdźmy do zakładki "Inheritance"

Framework, Gantry 5, WordPress

 

4. W zakładce "Inheritance" - dziedziczenie mamy kilka ustawień dla strony www Lublin na WordPress

Mode

- Clone - za jego pomocą możemy sklonować ustawienia z wybranego layoutu - sekcja nie będzie wtedy na stałem połączona z layoutem głównym i zmiany w nim nie spowodują zmian w tym layoucie

- Inherit - dziedziczenie - jej wybranie powoduje że sekcja dziedziczy ustawienia z innego layoutu

Outline

- Base Outline - to loyout bazowy z którego sekcja dziedziczy ustawienia

- No inheritance - możemy zrezygnować z dziedziczenia ustawień z layoutu nadrzędnego

Replace - nadpisywanie, zastępowanie

- Section Attributes - dziedziczy atrybuty sekcji, style sekcji nadrzędnej

- Particles within Section - dziedziczenie tego co w tej sekcji się znajduje w layoutu głównego

Framework, Gantry 5, WordPress

 Tworzymy strony www Lublin na WordPress

5. Spróbujmy sklonować ustawienia z layoutu głównego dla sekcji "Navigation". Wybieram opcję "Clone" - mamy też zaznaczone Section Attributes i Particles within Section więc sklonujemy wszelkie ustawienia z szablonu "Base Outline". Klika button "Apply and Save"

Framework, Gantry 5, WordPress

 

 6. Jak widać sekcja "Navigation" jest w tej chwili aktywna - stworzyliśmy kopię ustawień tej sekcji z layoutu "Base Outline". W tej chwili zmiany w szablonie głównym dla tej sekcji nie będą miały na nią wpływu bo zerwaliśmy połączenie - nie ma już funkcji dziedziczenia dla tej sekcji.

W tym momencie jeśli chcecie możemy cofnąć zmiany buttonem "Undo"

Framework, Gantry 5, WordPress

 

Zobacz inne części tutorialu o Gantry 5 dla Wordpress 

 

 

WordPress i framework Gantry 5 dla strony internetowe Lublin cz1

Zakładka styles framework Gantry 5 - WordPress dla strony internetowe Lublin cz2

Zakładka Layout framework Gantry 5 - WordPress dla strony www Lublin cz3

Funkcja Inheriting we frameworku Gantry 5 dla WordPress cz4 - strony www Lublin

Outlines w Gantry 5 - tworzenie kopii motywu frameworku Gantry 5 - WordPress dla strony www Lublin cz5

Dodawanie pozycji widżetu do layoutu we frameworku Gantry 5 dla WordPress - strony www Lublin cz6

Dodawanie pozycji widżetu do layoutu we frameworku Gantry 5 dla WordPress - strony www Lublin cz7

Jak zmieniać szerokość pozycji widgetu w layout frameworka Gantry 5 dla WordPress - strony www Lublin cz8

Page Content - pozycja wpisów - w layout frameworka Gantry 5 dla WordPress - strony www Lublin cz9

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