Share This

Page Content to particle - cząstka która umieszczona w Layout frameworka - odpowiada za wyświetlanie wpisów Wordpress na stronie internetowej. W motywie Helium layout nie jest zbyt rozbudowany a lokalizacja Page Content moim zdaniem niezbyt dobra. Trzeba jednak pamiętać że to motyw darmowy a mimo to w porównaniu z wieloma motywami komercyjnymi jest bardziej złożony i ma większe możliwości rozbudowy.

1. Loguję się do zaplecza WordPress i wybieram z menu bocznego Helium Theme - następnie przechodzę do zakładki Layout Outline Testowy nad którą pracowałem przy wcześniejszych tutorialach. Page Content do jedna z Particles - cząstek typu Positions. To oznacza że możemy ich używać ich tylko w Layout a nie jak inne Particles także tak jak standardowe Widgety Wordpressa.

W layout motywu Page Content umieszczana jest domyślnie w sekcji Mainbar. Możemy oczywiście w łatwy sposób przeciągnąć Page Content do innej sekcji layout motywu Helium dla strony www Lublin na WordPress.

wordpress, gantry 5,

 

2. Particle - cząstki mają możliwość konfiguracji niektórych opcji z poziomu layout motywu. Klikając zębatkę z prawej strony cząstki mamy możliwość ustawienia kilku opcji.

wordpress, gantry 5,

 

3. Pojawia się pop-op w zakładce Particle mamy dwie informacje

- Wyświetla Page Content w Layoouy.

- Ta cząstka jest potrzebna do wyświetlenia zawartości strony głównej, ale może być wyłączona z kilku wybranych stron, takich jak strona główna.

Możemy nie używać Page Content jeśli zdecydujemy się budować strony www Puławy na WordPress na widgetach. Przy standardowych motywach WordPress które wyświetlają na stronie głównej blog lub stronę statyczną nie jest to możliwe i dla niektórych osób przyzwyczajonych do bardziej klasycznych rozwiązań było to dziwne i to zarówno w WordPress jak i w Joomla. Mamy jednak teraz czas PageBuilderów które to umożliwiają.

wordpress, gantry 5,

 

4. W kolejnej zakładce tego okna - Block możemy w kilku polach zdefiniować wartości umożliwiające nam dostosowanie wyglądu tego elementu w motywie.

- pole CSS ID - tu możemy wpisać własny id na zasadzie #your-id - które odwołuję się do pliku CSS gdzie możemy zdefiniować własne style

- pole CSS Classes - tu możemy wpisać nazwę stylu zarówno tego wbudowanego w motyw Gnatry 5 - trzeba poszukać w dokumentacji, odwołać się do stylu w pliku custom.scss - np utwrzonego lub zmodyfikowanego stylu - i ja to rozwiązanie preferuję

wordpress, gantry 5,

 

5. Pole Variations - zawiera zdefiniowane style motywu które są dostępne bez szukania w modyfikacji lub szukania przy pomocy narzędzi dla webmasterów wbudowanych w przeglądarki. Wystarczy umieścić kursor w tym polu żeby pojawiły się podstawowe opcje - w motywach komercyjnych dla Gantry 5 jest ich zdecydowania więcej.

wordpress, gantry 5,

 

6. Pole Tag Attributes - możemy dodawać własne tagi klikając w ikonke plusa - spotkałem się z tym w szablonach ale raczej w sekcji header i sam tego nie stosuję więc nie mam doświadczenia.

wordpress, gantry 5,

 

7. Pole Fixed Size - nie stosowałem do tej pory tej opcji i nie wiem czy chodzi o blokowanie wielkość cząstki w pionie czy poziomie.

ostanie pole

- Block Size pokazuję szerokość cząstki / particle w sekcji. W sekcji mainbar mamy trochę inną sytuację niż pozostałych sekcjach bo składa się ona z dwóch części Mainbar i Sidebar

wordpress, gantry 5,

 

8. Wielkości tych sekcji można dostosowywać za pomocą zielonej pionowej linii - przesuwając ją w lewo lub prawo - kursor zmienia wtedy swój wygląd

wordpress, gantry 5,

 

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