Jak stworzyć stronę internetową z muzyką: przewodnik krok po kroku (nie wymaga umiejętności kodowania)

Opanowanie umiejętności wymaga czasu. Im więcej czasu poświęcisz na opanowanie jednej umiejętności, tym mniej czasu będzie na opanowanie drugiej. Właśnie dlatego, jeśli spędziłeś tyle czasu na doskonaleniu swojej muzyki, istnieje duże prawdopodobieństwo, że nie jesteś świetnym programistą. Nie jesteś też świetnym projektantem stron internetowych.


Jak sobie radzisz z tworzeniem strony internetowej dla swojego zespołu? Jeśli masz wsparcie producenta lub wytwórni, możesz łatwo zdobyć kilka tysięcy dolarów na zatrudnienie profesjonalistów. Co jeśli próbujesz samemu zostać rozpoznany?

Będziesz musiał zdobyć darmowe oprogramowanie i sam stworzyć stronę internetową. Dzięki naszemu przewodnikowi na temat tworzenia witryny muzycznej będzie łatwiej, niż można sobie wyobrazić.

Oto od czego zaczynasz.

Wybór odpowiedniej platformy

Ponieważ nie jesteś programistą, będziesz potrzebować oprogramowania do utworzenia witryny. To właśnie ten wybór przyczyni się do sukcesu Twojej witryny. Jeśli wybrane oprogramowanie jest zbyt drogie, ma za mało funkcji lub po prostu nie ma kolekcji motywów, które wyglądają dobrze, na dłuższą metę Cię zawiedzie.

Na szczęście masz wiele opcji do wyboru. Istnieją dziesiątki twórców stron internetowych, które pozwalają stworzyć własną stronę internetową.

W tym artykule skupimy się na dwóch z nich, które najlepiej nadają się do tworzenia witryny muzycznej, Bandzoogle i WordPress.

Oto, co musisz o nich wiedzieć.

Utwórz muzyczną stronę internetową w Bandzoogle – profesjonaliści & Cons

bandzoogle utwórz stronę internetową

Bandzoogle jest znacznie mniej znany niż WordPress. Ma to jednak swoje zalety.

  • Zaprojektowany przez muzyków dla muzyków.
  • Setki tematów związanych z muzyką.
  • Pełny zakres funkcji za 16 USD miesięcznie.
  • Zarabianie na muzyce, takie jak przedsprzedaż biletów.
  • Wymaga znacznie mniej nauki.
  • Darmowy hosting i domena.

Ma również pewne wady.

  • Mniej funkcji dostosowywania.
  • Znacząco mniej motywów.
  • Brak wtyczek.

Utwórz muzyczną stronę internetową w WordPress – profesjonaliści & Cons

wordpress utwórz stronę

WordPress jest największym producentem stron internetowych.

Oto dlaczego wielu wybiera to w porównaniu z konkurencją.

  • Będzie obsługiwany na zawsze.
  • Ma tysiące motywów.
  • Łatwo konfigurowalny.
  • Wiele darmowych i premium wtyczek.
  • Obsługuje duże witryny zawierające wiele funkcji.
  • Ma bezpłatną opcję.
  • Plan 8 USD miesięcznie pokrywa większość potrzeb.
  • Darmowy hosting.

Nie jest to jednak idealne. Oto dlaczego możesz przeceniać WordPress.

  • Właściwa monetyzacja dla zespołu zaczyna się od 25 USD miesięcznie.
  • Kilka darmowych szablonów dobrze pasuje do strony z muzyką.
  • Dodawanie dźwięku to funkcja premium.
  • Nauka wymaga czasu.
  • Bezpłatna domena, którą otrzymujesz, to subdomena WordPress.com.

Ponadto niektóre wtyczki WordPress mają problemy z bezpieczeństwem, więc możesz wybrać ochronę przed hakowaniem, jeśli wybierzesz tę platformę.

Powyżej wymieniliśmy zalety i wady każdej platformy, aby wybrać właściwą.

Jeśli chcesz korzystać z BandZoogle, postępuj zgodnie z naszym przewodnikiem krok po kroku, aby zbudować witrynę dla muzyków na BandZoogle

Lub

Jeśli chcesz korzystać z WordPress, postępuj zgodnie z naszym przewodnikiem krok po kroku, aby zbudować witrynę dla muzyków na WordPress

Jak stworzyć stronę muzyczną za pomocą Bandzoogle

1. Utwórz konto

Utworzenie konta w Banzoogle jest nieco szybsze niż w WordPress. To zajmuje tylko cztery kroki.

bandzoogle utwórz konto

Po nazwaniu witryny i wpisaniu adresu e-mail oraz hasła możesz wybrać język witryny i nacisnąć „Utwórz witrynę”. Otóż ​​to.

bandzoogle stwórz stronę muzyczną

2. Wybierz motyw

Chcesz utworzyć witrynę muzyczną, ale nie wiesz, skąd czerpać pomysły?

Aby znaleźć inspirację, zapoznaj się z naszym artykułem na temat najlepiej zaprojektowanych witryn muzycznych.

Załóżmy, że masz już motywy zespołu do umieszczenia w motywie, wybierzmy szablon. Bandzoogle może nie mieć tysięcy szablonów, ale wystarcza na każdy gust.

Możesz przeglądać szablony według gatunku. Wybraliśmy szablony „Rock” dla naszego zespołu death metalowego.

motyw bandzoogle

Najedź kursorem na motyw i kliknij Zastosuj, aby zobaczyć podgląd.

podgląd motywu bandzoogle

3. Skonfiguruj stronę główną

Następnym krokiem jest dodanie własnego obrazu okładki. Kliknij zastąp i prześlij obraz. Bandzoogle pozwala dodać zdjęcie stockowe, ale zawsze lepiej jest pokazywać własne zdjęcia lub projekty.

bandzoogle dodaj obraz

Wybraliśmy okładkę albumu Sinfury dla bohatera obrazu witryny.

Prześlij swój obraz i zastosuj go na stronie internetowej.

przesyłanie bandzoogle

Możesz zmienić rozmiar obrazu za pomocą elementów sterujących na ekranie.

bandzoogle dodaj obraz

Kolejnym etapem jest ustanowienie tytułu. To nazwa Twojego zespołu, która będzie wyświetlana na każdej stronie witryny. W tym czasie możesz zmienić typografię.

tytuł witryny bandzoogle

Inną opcją jest dodanie logo. Zostanie wyświetlona zamiast nazwy zespołu.

ustaw logo w wordpress

4. Wypełnij stronę

Dodaj więcej funkcji do strony głównej. Dobrym rozwiązaniem może być podgląd Twojej muzyki.

bandzoogle ustawia zawartość strony

Naciśnij przycisk „Muzyka”, a dodasz nową sekcję do witryny. Zacznij wypełniać go treścią.

bandzoogle dodaj utwory

Naciśnij „Dodaj swoje utwory”, aby przesłać muzykę na stronę. Wybierz jedną z tych opcji i przejdź przez przesyłanie.

bandzoogle wybiera styl strony muzycznej

Bandzoogle jest świetny dla muzyków, ponieważ ma przyzwoity odtwarzacz, który można zrobić w całej witrynie. W zależności od szybkości połączenia przesyłanie śladów może trochę potrwać.

bandzoogle dodaj utwór

Po zakończeniu przesyłania możesz wrócić do edycji strony. Naciśnij przycisk „Dodaj funkcję”, aby dodać nową sekcję do strony głównej.

blok dodawania bandzoogle

Następnie umieść nową sekcję gdzieś na stronie.

bandzoogle dodaj utwór

Wybraliśmy sekcję podglądu wydarzenia. Stamtąd możesz skonfigurować swoje pierwsze wydarzenie.

Bandzoogle nowe wydarzenie

Jeśli uaktualniono Cię do najdroższego abonamentu za 16 USD miesięcznie, możesz sprzedawać bilety bezpośrednio ze swojej witryny.

ustawienia bandzoogle

Jeśli jedno zdarzenie nie wystarczy do podglądu, wybierz inną liczbę kolumn w układzie i dodaj więcej wydarzeń.

układ kolumny bandzoogle

Następną sekcją może być wprowadzenie Twojego zespołu. Wybierz kategorię „Obraz i tekst” i prześlij zdjęcie.

Funkcje Bandzoogle

Możesz edytować tekst na pasku bocznym po prawej stronie. Jeśli nie chcesz, aby jakiś tekst był wyświetlany, po prostu usuń go tak, jak w przypadku podtytułu.

nagłówek i opis bandzoogle

Na pasku bocznym możesz również zmienić kolor tła i wypełnienie sekcji.

układ strony bandzoogle

5. Dodaj media społecznościowe

Kliknij „Dodaj link do mediów społecznościowych” w menu witryny, aby połączyć swój profil na Instagramie lub Facebooku.

sekcja dodawania bandzoogle

Wybierz witrynę z listy i wpisz uchwyt na Instagramie.

bandzoogle dodaj link do strony

Teraz pojawi się ikona Instagram. Ale jest za mały dla tego menu. Zróbmy to większe.

menu Bandzoogle

Przejdź do paska nawigacji u góry i naciśnij „Edytuj motyw”.

bandzoogle edytuj treść

Przewiń w dół do sekcji obejmującej całą witrynę i zmień rozmiar przycisku.

zmiany przycisku bandzoogle

Teraz odwiedzający będą mogli zauważyć przycisk.

menu Bandzoogle

6. Ustaw ikonę strony

Ikona witryny jest wyświetlana w rogu karty, na której otwarta jest witryna. Na HostingPill to mała pigułka.

ikona strony favicon

Może to być wszystko, co chcesz na swojej stronie. Idź do stron > Ustawienia dla całej witryny.

strona bandzoogle w menu

Następnie kliknij „Ikona witryny”.

ikona witryny wordpress

Prześlij logo zespołu lub dowolne inne zdjęcie, które chcesz tam wyświetlić, a rozmiar zostanie automatycznie zmieniony.

wordpress sie ikona

7. Utwórz inne strony

Po ukończeniu strony głównej nadszedł czas, aby utworzyć więcej stron dla swojej witryny. Kliknij na Strony > Dodaj stronę.

strona bandzoogle w menu

Na początek jest mnóstwo szablonów. Stwórzmy sklep z Twoimi cyfrowymi towarami i towarami.

tworzenie strony bandzoogle

Układ jest prosty, ale działa dobrze.

układ strony muzycznej bandzoogle

Kliknij „Merch” i dodaj nowy produkt.

bandzoogle dodaj produkt

Kontynuuj tworzenie kolejnych stron. Podobnie jak w WordPress, może być konieczne utworzenie następujących stron:

  • O nas
  • Albumy
  • Galeria
  • Rozkład koncertów
  • Sklep
  • Kontakty dla agencji

Jednak w przeciwieństwie do WordPressa nie trzeba dodawać każdej strony do menu w całej witrynie. Pojawiają się tam automatycznie.

strony menu bandzoogle

8. Uruchom

Po skonfigurowaniu każdej strony każdy produkt jest wymieniony na liście i możesz ogłosić przedsprzedaż swojego następnego albumu, jedyne, co pozostaje do zrobienia, to uruchomić witrynę.

Aby to zrobić, przejdź do sekcji „Aktualizacja”.

aktualizacja bandzoogle

Wybierz abonament, wybierz nazwę domeny, zapłać za nią, a Twoja witryna będzie dostępna.

Odwiedź Bandzoogle, aby rozpocząć

Jak stworzyć stronę internetową z muzyką za pomocą WordPress

1. Załóż konto WordPress

logowanie wordpress

WordPress oferuje bezpłatne tworzenie strony internetowej. Pierwszym krokiem, który musisz wykonać, jest utworzenie konta i pominięcie procesu płatności.

Możesz pominąć ten etap i kontynuować korzystanie ze swojego profilu Google lub Apple.

Proces, przez który przechodzisz, tworzy uproszczoną stronę internetową. Oto, co oferuje WordPress podczas wyszukiwania muzyki podczas tego procesu. Nie ma wyboru, wystarczy kliknąć proces instalacji, aby móc później zmodyfikować witrynę.

blog wordpress

Teraz kreator WordPress chce, abyś otrzymał nazwę domeny.

adres blogu wordpress

Jeśli nie jesteś jeszcze gotowy do zakupu nazwy domeny, wybierz bezpłatną opcję. Jest tuż pod sugerowanymi opcjami. Później możesz przenieść swoją witrynę do nowej domeny.

wordpress wybierz domenę

Jeśli masz już domenę, możesz ją połączyć, klikając ten przycisk. Nie wpisuj niczego w pasku wyszukiwania, a będzie on dostępny.

domena wordpress

Ostatnią rzeczą do zrobienia jest wybór abonamentu. Jeśli nie chcesz tego teraz, kontynuuj bezpłatny abonament.

2. Ustaw witrynę jako prywatną

Jeśli masz nazwę domeny, testowanie nowej witryny na żywo może zaszkodzić doświadczeniom użytkowników. Ustaw go jako prywatny, aby mieć pewność, że wdrożysz precyzyjną wersję witryny.

Możesz to zrobić we wtyczce lub zaoszczędzić czas i po prostu opublikować strony prywatnie.

widoczność postów w wordpress

Jeśli tworzysz witrynę muzyczną w bezpłatnej domenie, nie martw się o ten krok. Twoi fani nie wiedzą o tej stronie, więc jest ona zasadniczo prywatna.

3. Przygotuj świetne zdjęcia

Układ witryny może tylko tyle dla Ciebie zrobić. Musisz zainwestować w niesamowite zdjęcia, które uchwycą ducha twojego zespołu. Właśnie dzięki temu strona internetowa będzie naprawdę Twoja.

Zacznij od zaproszenia profesjonalnego fotografa na koncert i zrobienia kilku zdjęć akcji.

obraz wordpress

Źródło: Sinfury / Instagram

Atmosferyczne sesje zdjęciowe, takie jak ta, to także świetny pomysł.

obraz podglądu wordpress

Źródło: Stan Gomov / Katlbut

4. Znajdź motyw

Teraz, gdy masz świetne zdjęcia do umieszczenia w szablonie witryny, nadszedł czas, aby znaleźć szablon, który najlepiej pasowałby do Twojego zespołu. Przejdź do panelu i kliknij przycisk Projekt > Tematy.

Teraz możesz zmienić motyw swojej witryny.

motywy wordpers

Problem z WordPress polega na tym, że ma wiele szablonów, ale wiele z nich jest premium. Na przykład będziesz musiał zapłacić 69 USD za korzystanie z tego.

Motyw WordPress

Domyślny motyw Maywood był jednym z najlepszych motywów na prostej muzycznej stronie internetowej, więc utknęliśmy. Możesz wybrać dowolny motyw, który Ci się podoba i nacisnąć „Aktywuj ten projekt”.

wordpress aktywuje projekt

5. Wybierz logo i ikonę

Czas dostosować motyw. Przejdź do projektu > Dostosuj i kliknij Tożsamość witryny w menu.

dostosuj wordpress

Dodaj logo do witryny i utwórz tytuł. Tytuł jest tym, co zobaczysz w wynikach wyszukiwania, więc uważaj na niego.

wordpers dodają szczegóły strony

Przytnij i wyśrodkuj logo i kontynuuj.

logo witryny wordpress

6. Edytuj stronę główną

Nie musisz tworzyć strony głównej, ona już istnieje. Ale nie możesz uzyskać do niego dostępu w sekcji Dostosuj. Idź do strony > Strony i wybierz stronę główną. Kliknij, aby go edytować.

strony wordpress

Niektóre funkcje edytora bloków WordPress są wyświetlane na panelu bocznym.

ustawienia nagłówka wordpress

Niektóre są wyświetlane bezpośrednio nad blokiem.

ustaw nagłówek w witrynie wordpress

Teraz zmień tekst na stronie na nazwę zespołu. Możesz dodać tekst pomocniczy, klikając menu rozszerzone i naciskając „Wstaw po”, aby utworzyć kolejny blok.

opcje blokowania wordpress

Tworzymy tę przykładową stronę internetową dla zespołu death metalowego Sinfury. Ta okładka nie wygląda wystarczająco metalowo, zmieńmy ją.

obraz okładki wordpress

Kliknij zdjęcie na okładkę i naciśnij edytuj, ikonę ołówka. Zabierze Cię do systemu plików. Prześlij nowy obraz, klikając „Dodaj nowy”.

media wordpress

Następnym krokiem jest przesłanie twoich piosenek. Możesz później utworzyć osobną stronę dla swoich albumów, a my pokażemy trochę twojej muzyki na stronie głównej.

Oto kolejny problem z WordPress. Możesz dodać blok audio, ale jest on dostępny tylko dla użytkowników premium.

bloki wordpress

Nie martw się, nadal możesz prezentować swoją muzykę w bezpłatnym abonamencie. Zejdź na dół listy bloków i znajdź kategorię o nazwie Osadzanie.

wordperss osadza

Wybierz SoundCloud lub Spotify i kontynuuj. Na tę stronę wybraliśmy SoundCloud. Przejdź do strony i skopiuj kod do umieszczenia na stronie.

wordpress osadza chmurę dźwiękową

Utwórz nowy blok i umieść w nim swój ślad lub ślady. Oto jak wygląda nasza strona główna z aktualizacją obrazu i prezentowaną na niej ścieżką.

wordperss soundcloud

7. Wypełnij resztę strony

Treść strony głównej zależy od Ciebie. Postanowiliśmy umieścić kolejną sekcję, która mówi czytelnikom, aby przyszli na następny koncert tego zespołu.

Najedź kursorem na koniec bloku i naciśnij dodaj nowy blok.

blok tekstu

Zrób to zdjęcie okładki i naciśnij Wyrównaj > Pełna szerokość, aby obejmowała całą witrynę.

wyrównanie tekstu w witrynie wordpress

Prześlij zdjęcie i napisz nad nim tekst. Dodaj przycisk, który prowadzi do strony z listą koncertów. Możesz dodać przycisk, przechodząc do folderu Elementy układu.

bloki wordpress

Oto jak wyglądałaby sekcja.

sekcja wordpress

Wyrównaj tekst na środku, aby wyglądał tak.

wordpers wyrównaj tekst środkowy

8. Usuń niepotrzebne

Możesz zmienić przeznaczenie większości elementów projektu. Ale nie potrzebujesz ich wszystkich. Na przykład ten blok jest bezużyteczny dla strony z muzyką. Kliknij menu rozszerzone i naciśnij Usuń blok, aby je usunąć.

układ strony internetowej wordpress

9. Utwórz inne strony

Gdy skończysz swoją stronę główną, nadszedł czas, aby utworzyć inne strony. Idź do strony > Strony i dodaj nową stronę.

wordpress dodaj nową stronę

Wybierz maga szablonu z listy i kontynuuj.

szablon wordpress

Oto lista stron, których może potrzebować Twoja witryna.

  • O nas
  • Albumy
  • Galeria
  • Rozkład koncertów
  • Kontakty dla agencji

Darmowe motywy często nie mają dokładnie tych szablonów, których potrzebujesz, ale możesz je zmienić.

Na przykład możesz użyć szablonu Portfolio z tego motywu zarówno dla galerii, jak i albumów.

strona szablonu wordpress

Stronę usług można zmienić w celu ogłaszania koncertów.

usługi wordpress

Pracuj na stronach w taki sam sposób, jak na stronie głównej.

9. Skonfiguruj menu

Gdy wszystkie strony będą gotowe, czas utworzyć menu dla całej witryny. Przejdź do projektu > Dostosuj i wybierz Menu z paska bocznego.

menu wordpress

Utwórz pozycję menu dla każdej strony, którą masz. Będzie wyświetlany na wszystkich stronach witryny.

10. Uruchom

Po zakończeniu testów i udoskonaleniu projektu nadszedł czas, aby go uruchomić. Przejdź do strony głównej i naciśnij przycisk Uruchom. Musisz przejść przez to menu.

adres strony wordpress

Na tym etapie powinieneś kupić domenę w WordPress lub podłączyć własną. Alternatywnie możesz wyeksportować stronę internetową, aby opublikować w swojej własnej domenie i hostingu.

funkcja eksportu wordpress

Zakończyć

Po długim czytaniu znasz przynajmniej dwa sposoby na stworzenie niesamowitej strony z muzyką. Niezależnie od tego, czy wybierzesz WordPress, czy Bandzoogle jako preferowaną platformę, tworzona witryna internetowa będzie początkiem czegoś wspaniałego.

Zapisz ten artykuł, aby wrócić do niego później, kiedy będziesz musiał utworzyć swoją stronę internetową.

Odwiedź Bandzoogle, aby rozpocząć

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map