Share This

Wiemy już jak dodawać pozycje widgetu do layout motywu, teraz pokaże jak można zmieniać ich szerokość. Domyślnie pozycje widgetu po przeciągnięciu do sekcji w layout automatycznie dzielą się row / linią w której się znalazły w równych częściach.

Jeśli jest to jedna pozycja widgetu zajmuje ona 100% miejsca, dwie pozycje po 50%, trzy pozycje po 33.3%, cztery pozycje po 25% całości. Możemy jednak to dowolnie kontrolować, dopasowując do swoich potrzeb.

Jeśli nie widziałeś wcześniejszego tutorialu to możesz nie zrozumieć co robię bo niektóre jego elementy które pojawiły się wcześniej nie będą tłumaczone tak dokładnie. Będę posługiwał się outline / laout "Testowy" który wcześniej przygotowałem w innym tutorialu.

1. Logujemy się do zaplecza WordPress i przechodzimy do motywu Helium Theme >>> zakładka Layout >>> wybieram outline "Testowy". W sekcji header widzimy dwie row / linie. W pierszej mamy 2 pozycje widgetów zajmujące po 50% szerokości, w drugiej linii mamy 3 pozycje widgetów zajmujące po 33.3% szerokości secji Gantry 5 strony internetowe Lublin na WordPress.

widget, gantry5, wordpress

 Projektowanie strony www Lublin na WordPress

2. Zmiany szerokości pozycji widgetu możemy dokonać na dwa sposoby. Pierwszy to przeciąganie - ustawiamy kursor dokładnie między pozycjami widgetów - biała pionowa linia dzieląca je zmienia kolor na zielony. Zmienia się także kursor - na taki jak widać na screenie.

widget, gantry5, wordpress

 

 3. Teraz możemy przesuwając kursorem zmieniać proporcje particles / cząstek w tym wypadku są to pozycje widgetów dla strony www Puławy na WordPress. Zmiany zapisujemy klikając na górze button "Save layout". Jeśli chcemy cofnąć dokonane zmiany możemy użyć buttona "Undo" 

widget, gantry5, wordpress

 

4. Drugi sposób zmiany szerokości particles / cząstek to kliknięcie na ikonkę zębatki przy wybranej particles / cząstce - w tym wypadku pozycji widgetu. Pojawia się wtedy pop-up. W zakładce "Block" w polu "Block Size" możemy numerycznie ustawić szerokość particles / cząstek w layout frameworka Gantry 5 dla strony www Puławy na WordPress.

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

 

Przydało się? - Udostępnij

Blog - popularne

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

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

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

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

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

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

Zarządzanie użytkownikami w Joomla 3. Jak zmienić nazwę użytkownika, hasło, mail w zaleczu joomla

Edycja profilu użytkownika, zmiana hasła do zaplecza joomla czy maila konkretnego użytkownika w joomla 3 są bardzo proste - oczywiście jeśli mamy dostęp do zaplecza naszej strony www Lublin na...
Czytaj dalej

Jak sprawdzić szybkość wczytywania strony www

Jeszcze kilka lat temu kiedy o CMS'ach nie było nic wiadomo królowały proste strony www oparte na html'u. Łącza internetowe nie były zbyt szybkie wiec przyjmowało się że strona startowa witryny nie...
Czytaj dalej