Share This

W poprzednim tutorialu omówiłem funkcję inherit - dziedziczenie, jest ona związana z tematem tego szkolenia. Tworząc kopię szablonu możemy niektóre ustawienia dziedziczyć ze schematu nadrzędnego lub wykonać klona - kopię samodzielną do dalszych modyfikacji.

1. Logujemy się do zaplecza WordPress i przechodzimy do szablonu Helium na Gantry 5 dla WordPres. Wybieramy zakładkę "Layout". W darmowym szablonie Helium mamy kilka zdefiniowanych layoutów które niektóre elementy dziedziczą z głównego layoutu "Base Outline". Największa wadą tego layoutu jest mała ilość sekcji pod sekcją Container - zawierającą najczęściej w Mainbar particle / cząstkę Page Content w której znajdują się wpisy WordPress.

Jak widać większość sekcji jest pusta - nie ma tam ani Widżetów ani pozycji widżetów. Zaletą jest jednak ilość tych sekcji - umożliwia to zbudowanie całkiem złożonej strony www Lublin na WordPress.

Właściwie pominąłem jedną z definicji w szkoleniach Gantry więc w tym miejscu małe wyjaśnienia

Outline -  schemat, zarys - to kombinacja Stylu i Layoutu - ja Outline traktuje jednoznacznie z Layoutem

Outlines, Gantry5, WordPress

 

Tworzymy responsywne strony internetowe Lublin na CMS WordPress

 

2. Przechodzimy do zakładki "Outlines" - widzimy tu wszystkie dostępne layouty.

Outlines, Gantry5, WordPress

 

3. Na górze każdego prostokąta mamy nazwę layoutu którą możemy edytować klikają w ikonkę pisaka - nie ma takiej możliwości przy layoucie głównym "Base Outline" dla strony www Puławy na WordPress

Na dole prostokąta mamy 3 ikony

edit - umożliwia edycje layotu kliknięcie przenosi nas do zakładki style wybranego layoutu

duplicate - umożliwia stworzenie kopii layoutu

delete - kosz - umożliwia usunięcie layoutu - nie ma takiej możliwości przy layoucie "Base Outline"

Outlines, Gantry5, WordPress

 

4. OK stwórzmy więc kopię layout "Base Outline" dla strony www Puławy na WordPress - klikam ikonce Duplikate

Outlines, Gantry5, WordPress

 

 

5. Pojawia się pop-up "Create New Outline From 'Base Outline" - stwórz nowy schemat bazujący na "Base Outline".

- Title - tu możemy wpisać swoją dowolną nazwę

- Inherit - jeśli zaznaczymy tę opcję layout będzie dziedziczył zawartość sekcji i style z "Base Outline" jeśli nie stworzymy samodzielnego klona

Wpisuję tytuł, zaznaczam checkbox inherit i klikam button "Confirm"

Outlines, Gantry5, WordPress

 

 

6. Jak widać stworzyliśmy nowy Oulline / schemat - klikam button pisaka i przechodzę do jego edycji.

Outlines, Gantry5, WordPress

 

 7. Przeniosło mnie do zakładki style - ale od razu przeszedłem do zakładki Layout. Jak widać wszystkie sekcje są nieaktywne - dziedziczą ustawienia z "Base Outline" - w kolejnych tutorialach pokaże co z tym zrobić bo na tym layoucie będziemy pracować i go modyfikować dla strony internetowe lublin na WordPress.

Outlines, Gantry5, 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