Budowanie układu strony/wpisu w motywie Monstroid2

Budowanie układu strony/wpisu w motywie Monstroid2

Template Monstroid2 pozwala na zbudowanie dowolnego układu każdego wpisu i strony. Korzystamy w tym celu z wtyczki Power Builder.

Dodawanie modułów

Moduły działają na zasadzie układu pudełkowego, podobnie jak Bootstrap. Czyli najpierw tworzymy sekcję. Wewnątrz sekcji umieszczamy rząd lub więcej rzędów, a w rzędzie elementy.

Dodając sekcję wybieramy jej układ:

template monster power builder

Wybranie odpowiadającego nam układu spowoduje od razu wstawienie odpowiednich kolumn pierwszego rzędu. Układ rzędu możemy zmienić klikając na “Change structure”.

template monster power builder

Następnie możemy dodać kolejny rząd lub zacząć nową sekcje. Sekcje i rzędy pełnią rolę konstrukcyjną i stanowią układ strony, który dopiero wypełnia się treścią dodając odpowiednie moduły.

Opcje sekcji

Klikając na koło zębate rozwijamy dostępne dla sekcji opcje.  Dla sekcji mamy możliwość w zasadzie tylko ustawienia jej tła oraz paddingu.

Aby uzyskać efekt hero image na całą szerokość strony, na którego tle znajdują się napisy, teksty lub przyciski, ustawiamy obrazek lub wideo w tle sekcji.  Dla obrazu możemy wybrać efekt paralaksy. Następnie dodajemy moduły z tekstem.

Opcje rzędu

Rząd posiada podobne opcje jak sekcja czyli można ustawić tło obrazkowe lub wideo dla rzędu. Ponadto można wybrać tło jako obrazek lub kolor osobno dla każdej kolumny w rzędzie.

Wypełnienie rzędu treścią

Klikając Insert Module możemy dodać moduł do każdej kolumny. Moduły stanowią elementy treści, które wypełniają sekcję i rzędy. Modułów jest naprawdę dużo. Każdy z nich, oczywiście, posiada własne opcje.

template monster power builder

Przydatne moduły:

  1. blurb – tworzymy kafelki z tytułem, ikoną i podpisem, przydatne jeśli możemy przedstawić usługi firmy przy pomocy ikon. Mamy duży wybór ikon.
template monster


Profesjonalny Hosting


3 Comments
Leave a reply

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *