7 sposobów na tworzenie układów stron zespołu, które pokochasz

Niezależnie od tego, czy dopiero zaczynasz projekt nowej witryny zespołu, czy też aktualizujesz swoją witrynę pod kątem nowego projektu, platforma Bandzoogle zapewnia doskonałe narzędzia do rozszerzenia możliwości układu witryny.

Bez względu na to, który szablon strony internetowej wybierzesz, istnieje wiele sposobów na dostosowanie układu, aby stworzyć wygląd, który naprawdę pasuje do Twoich konkretnych potrzeb i estetyki.

Tworząc witrynę internetową dla swojego zespołu lub innego projektu muzycznego, ważne jest, aby przedstawiać informacje w możliwie jak najczystszy sposób, jednocześnie pozostając wiernym swojej marce i wartościom jako artysty.

Funkcja „Obraz i tekst” to jedna z moich ulubionych funkcji, których można używać podczas tworzenia unikalnych układów stron internetowych. Jest to bardzo wszechstronna funkcja i zapewnia czyste formatowanie na wszystkich urządzeniach.

Pokażę Ci, jak korzystać z tej funkcji, w połączeniu z dostosowaniami sekcji, aby stworzyć układy 7 zespołów do różnych celów na swojej stronie internetowej.

Najpierw wyjaśnię wszystkie elementy funkcji „Obraz i tekst”, które można w razie potrzeby wykorzystać lub pominąć:

• Obraz: Oczywiście możesz dodać obraz do funkcji „Obraz i tekst”. Ten obraz można przyciąć jako kwadrat, okrąg lub w proporcjach 5:4 lub 16:9. Możesz także dodać hiperłącze do tego obrazu w obszarze „Link do obrazu”. Pamiętaj, aby zoptymalizować swoje obrazy pod kątem internetu przed przesłaniem ich do swojej witryny.
• Nagłówek: Możesz dodać nagłówek, który pobiera styl czcionki z ustawień "Nagłówek 1" na karcie Edytuj motyw.
• Podtytuł: Możesz dodać podtytuł, który pobiera styl czcionki z ustawień „Nagłówek 2” na karcie Edytuj motyw.
• Opis: opis lub „tekst główny” tutaj może być krótki lub długi, a jeśli jest to dość długi fragment tekstu, można zawinąć tekst wokół obrazu (być może w przypadku szczegółowej biografii artysty – więcej na ten temat później ). Hiperłącza można dodawać do tekstu w obszarze opisu.
• Przycisk: Przycisk może prowadzić do strony zewnętrznej, strony w Twojej witrynie, utworu, albumu, pliku lub adresu e-mail.

Oto 7 ciekawych sposobów zastosowania tej funkcji i innych dostosowań układu w witrynie — ciesz się!

1. Uporządkuj swój katalog muzyczny, portfolio projektów i nie tylko

Jeśli masz wiele różnych projektów, usług, albumów itp., które chciałbyś wyróżnić na stronie, świetną opcją jest utworzenie „strony docelowej” przy użyciu wielu funkcji obrazu i tekstu w wielu kolumnach na stronie.

Aby zobaczyć to w akcji, odwiedź stronę Jojo Worthington „Produkcja i inżynieria”, na której używa funkcji obrazu i tekstu, aby w zorganizowany sposób wymienić wszystkie swoje osiągnięcia.

Strona artysty: Jojo Worthington

Aby uzyskać podobny wygląd, najpierw utwórz nową stronę lub sekcję. Aby utworzyć nową stronę, w obszarze Edytuj treść kliknij „Strony” > „Dodaj stronę” i nazwij stronę zgodnie z potrzebami. Kliknij „Utwórz moją stronę”.

Aby utworzyć nową sekcję, w obszarze Edytuj zawartość najedź kursorem na dwie sekcje na swojej stronie i kliknij niebieski przycisk „+ Dodaj sekcję”.

Zaprojektuj oszałamiającą witrynę internetową o niestandardowym wyglądzie i stylu pasującym do Twojej muzyki. Zbuduj stronę internetową z Bandzoogle już teraz!

Na początek zalecam podzielenie sekcji strony na dwie lub trzy kolumny. W sekcji Edytuj treść kliknij „Nowa sekcja” (niebieska pozioma linia w układzie strony), a następnie najedź kursorem na utworzoną sekcję i kliknij „Edytuj kolumny”, a następnie wybierz „2 kolumny” lub „3 kolumny”.

Aby dodać funkcję „Obraz i tekst”, kliknij „Dodaj funkcję” > „Obraz i tekst” i umieść funkcję w jednej z kolumn w tej sekcji, używając szarych strzałek. Wybierz opcję wyświetlania „Stos”, aby przycisk i dowolny tekst znajdowały się pod obrazem.

Następnie dodaj obraz reprezentujący jeden projekt/album/itd. i dodaj dowolny tekst według potrzeb. Jeśli nie chcesz żadnych tytułów/opisów, po prostu usuń monity z pól tekstowych i pozostaw je puste.

Aby dodać link do tego obrazu, kliknij „edytuj” pod miniaturą obrazu. Obok obrazu pojawi się menu. Kliknij "Link", a następnie wybierz typ linku - jeśli tworzysz stronę dyskograficzną, możesz połączyć się z "Albumem" lub "Utworem", aby połączyć się z albumem lub utworem/singlem skonfigurowanym w Twojej witrynie. Jeśli tworzysz portfolio jako producent, inżynier itp., możesz połączyć się z „stroną zewnętrzną” i wpisać adres URL projektu w odpowiednim polu. Kliknij Zastosuj.
Na koniec dostępna jest opcja Przycisk - aby wykluczyć przycisk, wybierz „Brak linku” w sekcji „Łącze przycisku”. Lub wybierz inny typ linku (prawdopodobnie ten sam link, który zastosowałeś na swoim obrazie).

Kliknij Zapisz, aby zapisać wszystkie te zmiany. Kontynuuj dodawanie funkcji „Obraz i tekst” dla wszystkich elementów w Twojej dyskografii, portfolio projektów itp. Po ich utworzeniu będziesz mieć świetną siatkę elementów, którą odwiedzający witrynę będą mogli kliknąć.

2. Wyróżnij projekty lub produkty na swojej stronie głównej

Innym świetnym sposobem korzystania z funkcji „Obraz i tekst” jest wyróżnienie kilku kluczowych elementów na stronie głównej witryny zespołu. Strona główna to świetne miejsce, w którym można uzyskać krótki przegląd najnowszych projektów i wszystkiego, co oferuje Twoja witryna. Być może masz do ogłoszenia kilka ekscytujących ogłoszeń lub chcesz skierować odwiedzających witrynę do nowego albumu, sklepu internetowego lub harmonogramu wycieczek.

Możesz użyć funkcji "Obraz i tekst", aby wyraźnie podkreślić te rzeczy i połączyć ludzi z wewnętrznymi stronami swojej witryny, na których można znaleźć te treści. Użycie obrazu jest zawsze przydatne, aby przyciągnąć uwagę odwiedzających witrynę. Dzięki temu Twoja strona główna będzie wyglądać przejrzyście i prosto, a także promuje większą interakcję z wewnętrznymi stronami witryny.

Wolf & Moon i Lightbound Music świetnie sobie z tym radzą na swoich stronach domowych.

Strona artysty: Wilk i Księżyc

Strona artysty: Lightbound Music

Zwróć uwagę na użycie stylu wyświetlania „Kolaż” na obu tych stronach. Dostosowali szablony swoich stron internetowych, aby uzupełnić swoje nowe produkty/projekty, tak aby kolor tła nakładki kolażu idealnie pasował do grafiki.

Możesz tutaj naprawdę bawić się wieloma kolorami, między kolorem tła sekcji, kolorem nakładki kolażu, kolorami przycisków i kolorami obrazu, którego używasz.

3. Rozszerz swoje bio, aby dodać osobowość

Dzięki opcjom tytułu, podtytułu, przycisku i obrazu w funkcji „Obraz i tekst” możesz dodać wiele osobowości podczas pisania biografii muzyka. W razie potrzeby możesz uwzględnić lub pominąć dowolny z tych elementów.

Annie Sumi świetnie sobie z tym radzi na swojej stronie Bio. Annie umieściła cytat, który współbrzmi z jej praktyką muzyczną w polu „podtytuł” ​​funkcji „Obraz i tekst”. To jest inaczej stylizowane i jest wyróżnione na górze jej biografii. Wykorzystała opcję „podzielonego” wyświetlania, aby obraz znajdował się obok tekstu biograficznego.

Przycięła swój wizerunek artysty tak, aby był kołem – to nie tylko uzupełnia obraz, ale ładnie współgra z motywami w jej muzyce. Aby przyciąć obraz w funkcji „obraz i tekst”, kliknij „edytuj” pod miniaturą obrazu. Obok obrazu pojawi się menu. Kliknij „Przytnij” tutaj i wybierz styl przycinania, który Ci odpowiada. Przeciągnij obraz zgodnie z potrzebami, aby go ustawić, i kliknij Zastosuj.

Ona również przełączyła "Włącz" przełącznik "Zawijaj tekst" w "Opcjach", aby tekst zawijał się wokół obrazu. To ładnie zareaguje na różne rozmiary ekranu i sprawi, że układ strony będzie wyglądał na pełny przez całą długość biografii.

Artysta: Annie Sumi

4. Zrób super zorganizowany EPK

Inną opcją wyświetlania funkcji „Obraz i tekst” jest „Tekst na obrazie”. Uwalnia to tak wiele możliwości tworzenia pięknych układów, które są bardzo skoncentrowane na obrazie. Ta opcja doskonale sprawdza się w tworzeniu EPK na Twojej stronie internetowej, który docenią bukmacherzy i inni ludzie z branży, ponieważ mogą szybko znaleźć to, czego szukają za pomocą jednego kliknięcia. Czerpię ten przykład z EPK mojego własnego zespołu, gdzie elementy są wyraźnie zarysowane za pomocą opcji „Tekst na obrazie”.

Tutaj ustawiłem podobny układ z sugestii „Strona docelowa” powyżej (#1). Użyłem kilku obrazów tekstur z sesji zdjęciowej, którą zrobiliśmy dla naszego nowego albumu, i przyciąłem je jako kółka. Następnie dodałem prosty „Nagłówek” dla każdej funkcji obrazu i tekstu, aby oznaczyć różne elementy zawarte w EPK naszego zespołu.

Każdy obraz jest połączony z osobną stroną spoza menu, która zawiera treść dla każdej kategorii. Na przykład mam specjalną stronę „EPK - Zdjęcia”, na której znajdują się wszystkie nasze zdjęcia prasowe.

Zapraszam do wypróbowania tego, aby uzyskać bardzo wizualną stronę EPK!

Strona artysty: The Lifers

5. Utwórz stronę informacyjną dla subskrypcji, usług itp.

Wielu naszych członków oferuje niesamowite usługi odwiedzającym ich witrynę - czy to sprzedaż subskrypcji dla fanów, czy inne niestandardowe usługi (lekcje muzyki, sesje nagraniowe, terapia itp.), zawsze jesteśmy zdumieni tym, co nasi członkowie wnoszą do świata.

Jackie Gage stworzył wspaniałą stronę informacyjną dla swoich ofert subskrypcji. Jackie używa opcji wyświetlania „Podziel” dla funkcji „Obraz i tekst”, aby określić rodzaje oferowanych usług. Jackie świetnie wykorzystuje elementy Nagłówka, podtytułu i przycisków funkcji Obraz i Tekst, aby kluczowe informacje były wyraźnie przedstawione odwiedzającym ich witrynę. Wspaniała praca tutaj!

Strona artysty: Jackie Gage

6 . Użyj tła sekcji, aby uzyskać duży wpływ w swoich układach

W wielkich obrazach jest tyle mocy. Dodając obraz tła do sekcji, wizualnie podzielisz stronę. Ta przerwa jest mile widziana przez nasze przewijające się ludzkie oczy, a treść natychmiast wyskoczy jako ważna i ekscytująca. To kolejny świetny sposób na umieszczenie wezwania do działania gdzieś na stronie.

Usługa Intune Experience robi to pięknie na swojej stronie głównej. Ustawili piękny obraz tekstury jako „obraz tła sekcji” w sekcji w części strony głównej. Dodali swój cytat w funkcji „Tekst”, a następnie połączony przycisk, wzywający odwiedzających do zarezerwowania sesji.

Ten układ jest doskonały, ponieważ nadaje osobisty charakter, jest interesujący wizualnie i zapewnia jasny przekaz do zaangażowania. Prostota jest tutaj naprawdę kluczem.

Strona artysty: Becki Fleischer

7. Baw się z tym!

Jest tak wiele sposobów na zabawę z układami, jeśli chcesz trochę poeksperymentować. Oto świetny przykład witryny, która bawi się możliwościami układów przy użyciu przycinania kształtów, zabawnych kolorów, tła sekcji, różnych układów kolumn i nie tylko.

Piper Hayes stworzyła świetną estetykę na swojej stronie Vocal Coaching, używając okrągłego przycinania i opcji wyświetlania „kolażu” dla funkcji Obraz i Tekst. Ta strona łączy w sobie świetną paletę kolorów, piękne obrazy tekstur i nieustraszone osobiste akcenty, aby stworzyć bardzo przyjazną przestrzeń online.

Strona artysty: Piper Hayes

Mam nadzieję, że ten post pomógł dostarczyć inspiracji, w jaki sposób możesz wprowadzić osobiste i estetyczne elementy do swojej własnej witryny internetowej, tworząc różne układy na swoich stronach. Oczywiście nie wahaj się skontaktować z naszym nagradzanym zespołem pomocy technicznej, jeśli chcesz, abyśmy rzucili okiem na to, co stworzyłeś i przekazali nam swoją opinię. Wszystkim naszym członkom oferujemy bezpłatne recenzje stron internetowych zespołu!