Jak korzystać ze stylizowanych sekcji, aby dostosować projekt strony internetowej zespołu?

Opublikowany: 2021-10-13

Jak korzystać ze stylizowanych sekcji, aby dostosować projekt strony internetowej swojego zespołu? Sekcje ze stylami to naprawdę potężne narzędzia, które pomagają wyróżnić zawartość witryny, zachowując jednocześnie spójność z własną marką artystyczną. Otwierają wiele drzwi, aby dodać więcej zdjęć, kolorów i opcji układu, aby Twoja witryna była atrakcyjna.

Chociaż sekcje mogą być szczególnie przydatne w witrynach jednostronicowych, z pewnością można je zastosować do dowolnej strony w witrynie, na której chcesz zwrócić uwagę i zróżnicować dodawane funkcje.

Istnieje wiele aspektów, które należy uwzględnić, aby upewnić się, że projekt strony internetowej zespołu jest dokładny i profesjonalny, na przykład skuteczne biografie, świetna strona muzyczna i EPK. Po utworzeniu witryny muzycznej i umieszczeniu głównej zawartości możesz zagłębić się nieco i dostosować niektóre sekcje, aby utworzyć witrynę pasującą do Twojego stylu.

Kluczem do doskonałego projektu witryny jest utrzymywanie wzroku użytkownika poruszającego się po stronie. Mogą w tym pomóc zmiany koloru, tekstury i ruchu, co można osiągnąć dzięki niestandardowym stylom sekcji. Jest tak wiele aspektów do przemyślenia i możesz się zastanawiać: Czy możesz stworzyć projekt strony zespołu, który będzie prezentował Twoje treści bez zbytniego bałaganu?

Tak! Kluczem jest wymyślenie jednolitego schematu kolorów i znalezienie świetnych obrazów tekstur, które można wykorzystać w całej witrynie. Oto opis kroków, które należy wykonać, aby stworzyć piękną witrynę ze stylizowanymi sekcjami!

Uporządkuj swoje treści

Sekcja jest zasadniczo blokiem miejsca na stronie, do którego można dodawać funkcje. Dobrze jest używać sekcji, aby podzielić rzeczy według kategorii lub położyć nacisk na określoną funkcję na stronie.

Na przykład możesz użyć stylizowanych sekcji, aby zwrócić uwagę na funkcję rejestracji listy adresowej lub podzielić sekcję na trzy kolumny, aby dodać trzy funkcje obrazu i tekstu, aby uzyskać ładne wezwania do działania na stronie głównej. Widać to na poniższym przykładzie.

Organizuj treści za pomocą stylizowanych sekcji

Dodanie sekcji do dowolnej strony w panelu sterowania jest dość proste. W sekcji „Edytuj treść” przesuń kursor myszy nad układ strony – zobaczysz niebieski przycisk „+Dodaj sekcję” nad lub pod istniejącą sekcją.



Kliknij ten przycisk, aby dodać nową sekcję!

Możesz także dostosować kolumny dla każdej sekcji tutaj, klikając przycisk "Edytuj kolumny" w lewym górnym rogu sekcji. Możesz wybierać między 1, 2 i 3 kolumnami, z kilkoma asymetrycznymi opcjami dla lewego lub prawego paska bocznego.

Dostosuj style sekcji

Aby uzyskać bardziej artystyczny styl, skonfiguruj do trzech różnych stylów sekcji na karcie Edytuj motyw. Twoje style sekcji to miejsce, w którym możesz dostosować tło sekcji, a także kolory tekstu, linków i przycisków. W tym miejscu naprawdę nadasz ton sekcji w swojej witrynie — możesz ustawić kolory o wysokim kontraście między sekcjami lub zdecydować się na bardziej subtelne różnice w kolorach — cokolwiek pasuje do Twojej estetyki.

Podobnie jak w przypadku pozostałych opcji projektu szablonu witryny zespołu, możesz dostosować style sekcji w zakładce „Edytuj motyw” w panelu sterowania.

W opcjach edytora motywów po lewej stronie po prostu przewiń w dół do opcji „Styl sekcji 1”, „Styl sekcji 2” i „Styl sekcji 3”, wybierz ustawienia kolorów, a gdy wszystko jest ustawione prawidłowo, kliknij „ zapisz”, aby zastosować zmiany.

Stylizuj sekcje swojej witryny

Ustaw właściwości sekcji

Po ustawieniu stylów sekcji na karcie Edytuj motyw możesz wrócić do karty Edytuj zawartość i zastosować różne właściwości do sekcji w witrynie. Najedź kursorem na sekcję i kliknij "Edytuj sekcję" w lewym górnym rogu tej sekcji. Właściwości, które można dostosować, to kolory sekcji (pobrane z ustawionych stylów sekcji), obraz tła i efekt przewijania oraz wypełnienie sekcji.

Możesz również dodać opcjonalny Tytuł do sekcji i dostosować uzasadnienie tego tytułu do własnych upodobań. Ten tytuł można również dodać jako element podmenu, jeśli włączysz przełącznik „Pokaż w menu”. Będzie to użyte, jeśli masz dość dużo treści na określonej stronie i chcesz zapewnić łatwiejszy dostęp do wszystkich tych treści.

Aby zmienić kolory sekcji, kliknij „Kolory sekcji”, a następnie wybierz styl sekcji z menu rozwijanego.

Aby zmienić dopełnienie sekcji, kliknij „Dopełnienie sekcji” i wybierz brak, małe, średnie, duże lub bardzo duże. Dopełnienie zapewnia więcej odstępów na górze i dole treści w sekcji i może tworzyć białe miejsca, aby uzyskać dopracowany wygląd.

Dodaj dopełnienie do sekcji witryny

Kliknij „Zapisz”, aby zapisać wszystkie te zmiany. Omówię poniżej opcje obrazu tła, ponieważ jest tu tak duży potencjał!

Dodaj obraz tła

Możliwości związane z funkcjami tła sekcji są nieograniczone dzięki dodanej teksturze, głębi i osobistemu stylowi, które oferują. Teoretycznie możesz ustawić obraz tła dla każdej sekcji w swojej witrynie, aby była w całości oparta na obrazie, bez jednolitych bloków kolorów. To naprawdę potężny ruch, jeśli chcesz stworzyć bardzo wizualną stronę.

Ważne jest, aby przy tym pamiętać o spójności. Upewnij się, że wszystkie te obrazy mają podobną paletę kolorów i nie zawierają zbyt wielu szczegółów. Oto przykład strony, którą stworzyłem używając różnych obrazów nieba i chmur: requiem for sky

Przykład sekcji tła

Aby dodać obraz tła do sekcji, ponownie kliknij "Edytuj sekcję", a następnie kliknij "Obraz tła". W tym miejscu kliknij „dodaj obraz” i prześlij nowy obraz lub wybierz obraz z selektora obrazów. Kliknij „Zastosuj”. Następnie możesz przyciąć i powiększyć obraz zgodnie z potrzebami, a następnie kliknąć Zapisz.

Tutaj możesz ustawić przezroczystość obrazu. W zależności od zawartości sekcji możesz chcieć pozostawić przezroczystość obrazu na niskim poziomie procentowym (poniżej 20%). Ale jeśli obraz nie będzie przeszkadzał w treści tutaj, możesz go nieco podnieść. W moim przykładzie ustawiłem przezroczystość na 70%. Możesz wybrać inny styl przekroju, aby połączyć kolorowe tło z wybranym obrazem.

Obraz tła sekcji witryny

Następnie ustaw efekt przewijania. Możesz to pominąć, ale mamy kilka całkiem uroczych opcji. Efekt przewijania paralaksy daje zgrabny trójwymiarowy efekt, ponieważ obraz tła przewija się z nieco inną szybkością niż sama strona. Efekt Stałe przewijanie naprawia obraz w tle, a reszta zawartości przewija się po nim. W razie potrzeby możesz się nimi pobawić. Ponownie kliknij "Zapisz", aby zastosować te zmiany.

Baw się dobrze grając z niestandardowymi stylami sekcji!

Jak widać na tych przykładach, stylizacja i opcje układu, które zapewniają sekcje, są tak przyjemne w pracy. Ułatwiają zaprojektowanie pięknej strony muzycznej. Wiele z naszych szablonów stron internetowych zawiera kilka gotowych, stylizowanych sekcji, które ułatwiają rozpoczęcie pracy, a wszystkie z nich są również przystosowane do urządzeń mobilnych. Mam nadzieję, że ten post da Ci pewność, że wypróbujesz wszystkie te możliwości!

W ciągu kilku minut zaprojektuj profesjonalną, mobilną witrynę internetową, którą można łatwo aktualizować i konserwować. Zbuduj swoją stronę zespołu z Bandzoogle już dziś!