Hur man skapar en musikwebbplats: steg för steg-guide (ingen kodningskompetens krävs)

When you Google: How to Make a Music Website, you come across the building steps right away, which is not the best way to go about it. You need a detail-oriented approach to do something so technical.

So how do you handle skapa en webbplats for your band? If you have the support of a producer or a label, you can easily get a couple of thousands of dollars to hire professionals. What if you’re trying to get recognized on your own?

Du måste hämta lite gratis programvara och själv skapa en webbplats. Med vår guide för hur du skapar en musikwebbplats kommer det att bli enklare än du skulle föreställa dig.

Här börjar du.

Att välja rätt plattform

Eftersom du inte är en programmerare, kommer du att behöva lite programvara för att skapa din webbplats. Det är detta val som kommer att göra eller bryta din webbplats framgång. Om den programvara du väljer är för dyr, har för få funktioner eller helt enkelt inte har en samling teman som ser bra ut kommer det att misslyckas dig på lång sikt.

Lyckligtvis har du många alternativ att välja mellan. Det finns dussintals webbplatsbyggare som låter dig skapa en egen webbplats.

I den här artikeln kommer vi att fokusera på de två som är bäst för att skapa en musikwebbplats, Bandzoogle och Wordpress.

Här är vad du måste veta om dem.


Skapa musikwebbplats i Bandzoogle – Pros & Cons

bandzoogle create website

Bandzoogle är betydligt mindre känd än WordPress. Det har dock sin uppåtriktning.

  • Designad av musiker, för musiker.
  • Hundratals musikrelaterade teman.
  • Fullt utbud av funktioner för $ 16 per månad.
  • Musikrelaterad intäktsgenerering som förhandsförsäljning av biljetter.
  • Betydligt mindre lärande behövs.
  • Gratis värd och domän.

Det har vissa nackdelar också.

  • Färre anpassningsfunktioner.
  • Betydligt färre teman.
  • Inga plugins.

Create Music Website in WordPress – Pros & Cons

wordpress skapa webbplats

WordPress är den största webbplatsbyggaren där ute.

Här är varför många väljer det framför tävlingen.

  • Kommer att stöttas för evigt.
  • Har tusentals teman.
  • Lätt anpassningsbar.
  • Massor av gratis och premium plugins.
  • Stöder stora, funktionstunga webbplatser.
  • Det har ett gratis alternativ.
  • En 8 $ per månad plan täcker de flesta behov.
  • Gratis värd.

Det är dock inte perfekt. Här är varför du kan WordPress överskatta.

  • Rätt monetisering för ett band börjar på $ 25 per månad.
  • Få gratis mallar passar bra för en musikwebbplats.
  • Att lägga till ljud är en premiumfunktion.
  • Det tar tid att lära sig.
  • Den gratis domänen du får är en WordPress.com underdomän.

Vissa WordPress-plugins har också säkerhetsproblem, så du kanske vill skydda mot hackning om du väljer den här plattformen.

Ovan har vi listat för- och nackdelar med varje plattform för att välja rätt.

If you wish to go with BandZoogle then follow our step by step guide to build musician site on BandZoogle

Or

Om du vill gå med WordPress, följ sedan vår steg för steg guide för att bygga musiker webbplats på WordPress

Hur man skapar en musikwebbplats med Bandzoogle

1. Skapa ett konto

Skapa ett konto på Banzoogle är lite snabbare än i WordPress. Det tar bara fyra steg.

bandzoogle skapa konto

När du har namngivit din webbplats och matat in e-postmeddelandet och lösenordet kan du välja webbplatsens språk och trycka på "Skapa en webbplats." Det är allt.

bandzoogle create music website

2. Välj tema

Vill du skapa din musikwebbplats men vet inte var du kan få idéer från?

Kolla in vår artikel om Bästa designade musikwebbplatser, för din inspiration.

Anta att du redan har bandbilder att placera i temat, låt oss välja mallen. Bandzoogle kanske inte har tusentals mallar, men det räcker för att passa varje smak.

Du kan bläddra bland mallarna efter genre. Vi har valt “Rock” -mallar för vårt death metal-band.

bandzoogle tema

Håll muspekaren över temat och klicka på Använd för att se en förhandsgranskning.

bandzoogle förhandsgranskning av temat

3. Konfigurera hemsidan


Nästa steg är att lägga till din egen omslagsbild. Klicka på Ersätt och ladda upp din bild. Bandzoogle låter dig lägga till en lagerbild, men det är alltid bättre att visa dina egna foton eller mönster.

bandzoogle Lägg till bild

Vi har valt Sinfurys albumomslag för hjältebilden på webbplatsen.

Ladda upp din bild och applicera den på webbplatsen.

bandzoogle uppladdningar

Du kan ändra storlek på bilden med skärmkontroller.

bandzoogle Lägg till bild

Nästa steg är att skapa en titel. Det är ditt bands namn som kommer att visas på alla webbplatssidor. Du kan ändra typografin medan du gör det.

bandzoogle Sidans Titel

Det andra alternativet är att lägga till en logotyp. Det kommer att visas i stället för bandets namn.

ställa in logotyp i wordpress

4. Fyll i sidan


Lägg till fler funktioner på hemsidan. Förhandsgranskning av din musik kan vara ett bra alternativ för detta.

bandzoogle set site's content

Tryck på "Musik" -knappen så lägger du till ett nytt avsnitt på webbplatsen. Börja fylla med innehållet.

bandzoogle add tracks

Tryck på "Lägg till dina spår" för att ladda upp musik till sidan. Välj bland dessa alternativ och gå igenom med överföringen.

bandzoogle pick a style for music website

Bandzoogle är bra för musiker eftersom det har en anständig spelare som du kan göra hela webbplatsen. Beroende på din anslutningshastighet kan det ta lite tid att ladda upp dina spår.

bandzoogle add track

När överföringen är klar kan du gå tillbaka till redigering av sidan. Tryck på knappen "Lägg till funktion" för att lägga till ett nytt avsnitt på hemsidan.

bandzoogle add block

Placera sedan det nya avsnittet någonstans på webbplatsen.

bandzoogle add track

Vi har valt förhandsvisningsavsnittet. Därifrån kan du ställa in ditt första evenemang.

bandzoogle nytt event

Om du har uppgraderat till den dyraste planen till $ 16 per månad kan du sälja biljetter direkt från din webbplats.

bandzoogle inställningar

Om en händelse inte räcker för förhandsgranskningen väljer du ett annat antal kolumner i layouten och lägger till fler händelser.

bandzoogle column layout

Nästa avsnitt kan vara din teamintroduktion. Välj kategorin “Bild och text” och ladda upp en bild.

bandzoogle funktioner

Du kan redigera texten i sidofältet till höger. Om du inte vill att någon text ska visas, raderar du bara den som vi gjorde med undernummer.

bandzoogle heading and description

I sidofältet kan du också ändra bakgrundsfärgen och stoppningen på sektionen.

bandzoogle site layout

5. Lägg till sociala medier


Klicka på "Lägg till en länk till sociala medier" på webbplatsens hela meny för att ansluta din Instagram- eller Facebook-profil.

bandzoogle add section

Välj webbplatsen från listan och skriv in ditt Instagram-handtag.

bandzoogle add site link

Nu ser du Instagram-ikonen dyka upp. Men det är för litet för den här menyn. Låt oss göra det större.

bandzoogle meny

Gå till navigeringsfältet längst upp och tryck på "Redigera tema."

bandzoogle edit content

Bläddra ner till avsnittet för hela webbplatsen och ändra knappstorleken.

bandzoogle button changes

Nu kan dina besökare märka knappen.

bandzoogle meny

6. Ställ in webbplatsikonen


Webbplatsikonen visas i hörnet på fliken där din webbplats är öppen. På HostingPill är det ett litet piller.

webbplats favicon ikon

It can be whatever you want on your website. Go to Pages > Site-wide settings.

bandzoogle page in menu

Klicka sedan på "Webbplatsikon."

wordpress webbplatsikon

Ladda upp ditt bands logotyp eller någon annan bild som du vill visas där, och den ändras automatiskt.

wordpress sie icon

7. Skapa andra sidor


Now that the home page is finished, it’s time to create more pages for your website. Click on Pages > Add a page.

bandzoogle page in menu

Det finns gott om mallar till att börja med. Låt oss skapa en butik för dina digitala varor och varor.

bandzoogle page creation

Layouten är enkel, men den fungerar bra.

bandzoogle music website layout

Klicka på "Merch" och lägg till en ny produkt.

bandzoogle lägg till produkt

Fortsätt skapa fler sidor. Precis som i WordPress kan du behöva skapa dessa sidor:

  • Om oss
  • album
  • Galleri
  • Gig schema
  • HITTA BUTIK
  • Kontakter för byråer

Till skillnad från med WordPress behöver du dock inte lägga till varje sida i den hela webbplatsmenyn. De visas där automatiskt.

bandzoogle menu pages

8. Starta den

När varje sida har konfigurerats listas varje produkt och du är redo att tillkännage förförsäljningen av ditt nästa album, det enda som återstår att göra är att starta webbplatsen.

Gå till avsnittet "Uppgradering" för att göra det.

bandzoogle uppgradera

Välj en plan, välj ett domännamn, betala för det och din webbplats är live.

Hur man skapar en musikwebbplats med WordPress

1. Skaffa ett WordPress-konto

wordpress inloggning

WordPress erbjuder dig att skapa en hemsida gratis. Det första steget du måste gå igenom är att skapa ett konto och hoppa över betalningsprocessen.

Du kan hoppa över detta steg och fortsätta med din Google- eller Apple-profil.

Processen du går igenom när du fortsätter skapar en förenklad webbplats. Här är vad WordPress erbjuder dig när du söker efter musik under den processen. Det finns inget val, du behöver bara klicka igenom installationsprocessen för att kunna ändra webbplatsen senare.

wordpress blogg

Nu vill WordPress-guiden att du ska få ett domännamn.

wordpress bloggadress

Om du inte är redo att köpa ett domännamn ännu, gå till det gratis alternativet. Det är precis under de föreslagna alternativen. Du kan överföra din webbplats till en ny domän senare.

wordpress Välj domän

Om du redan har en domän kan du ansluta den genom att klicka på den här knappen. Skriv inte något i sökfältet, så kommer det att vara tillgängligt.

wordpress domän

Det sista att göra är att välja faktureringsplan. Om du inte vill ha det nu, fortsätt med gratisplanen.

2. Gör webbplatsen privat

Om du äger ett domännamn kan testa en ny webbplats live skada dina användares upplevelse. Gör det privat för att se till att du rullar ut den finjusterade versionen av webbplatsen.

Du kan göra det i ett plugin eller spara tid och bara publicera sidorna privat.

wordpress post synlighet

Om du skapar en musikwebbplats på en gratis domän, oroa dig inte för det här steget. Dina fans vet inte om den här sidan, så den är i huvudsak privat.

3. Förbered bra fotografering

Det finns bara så mycket en webbplatslayout kan göra för dig. Du måste investera i fantastisk fotografering som skulle fånga ditt bands anda. Det är vad som kommer att göra webbplatsen verkligen din.

Börja med att be en professionell fotograf komma till din spelning och ta några bilder av handlingen.

wordpress bild

källa: Sinfury / Instagram

Atmosfäriska fotoshoots som den här är också en bra idé.

wordpress förhandsgranskning

källa: Stan Gomov / Katlbut

4. Hitta ett tema

Now that you have great photos to place in the website template, it’s time to find a template that would work best for your band. Go to your panel and click on Design > Themes.

Nu kan du ändra temat på din webbplats.

wordperss teman

Problemet med WordPress är att det har det massor av mallar men många av dem är premium. Till exempel måste du betala 69 $ för att använda denna.

wordpress tema

Maywoods standardtema var ett av de bästa teman för en enkel musikwebbplats, så vi fastade det. Du kan välja vilket tema du vill och trycka på "Aktivera denna design."

wordpress aktivera designen

5. Välj logotyp och ikon

It’s time to customize your theme. Go to Design > Customise, and click on Site Identity in the menu.

wordpress anpassa

Lägg till en logotyp på webbplatsen och skapa en titel. Titeln är vad du ser i sökresultaten, så var extra uppmärksam på det.

wordperss lägger till webbplatsinformation

Skär och centrera logotypen och fortsätt.

wordpress webbplatslogotyp

6. Redigera hemsidan

You don’t need to create the home page, it’s already there. But you can’t access it from the Customise section. Go to Site > Pages, and choose the Home page. Click on it to edit it.

wordpress sidor

Några av funktionerna i WordPress-blockredigeraren visas på sidopanelen.

wordpress rubrikinställningar

Vissa visas direkt över blocket.

ställa in rubrik på wordpress-webbplats

Ändra nu texten på sidan till ditt bands namn. Du kan lägga till lite stödtext genom att klicka på den utökade menyn och trycka på "Infoga efter" för att skapa ett annat block.

wordpress blockalternativ

Vi skapar denna exempelwebbplats för ett death metal-band som heter Sinfury. Det här locket ser inte tillräckligt metall ut, låt oss ändra det.

wordpress omslagsbild

Klicka på omslagsbilden och tryck på redigera, blyertsikonen. Det tar dig till filsystemet. Ladda upp en ny bild genom att klicka på "Lägg till ny."

wordpress media

Nästa steg är att ladda upp dina låtar. Du kan skapa en separat sida för dina album senare, vi kommer att visa en del av din musik på hemsidan.

Här är ytterligare ett problem med WordPress. Du kan lägga till ljudblocket, men det är bara tillgängligt för premiumanvändare.

wordpress block

Oroa dig inte, du kan fortfarande visa upp din musik i gratisplanen. Gå ner i listan över block och hitta kategorin Bäddade.

wordperss inbäddar

Välj SoundCloud eller Spotify och fortsätt. Vi har valt SoundCloud för den här webbplatsen. Gå över till webbplatsen och kopiera inbäddningskoden.

wordpress bädda in soundcloud

Skapa ett nytt block och bädda in ditt spår eller spår i det. Så här ser vår hemsida ut med en bilduppgradering och ett spår på den.

wordperss soundcloud

7. Fyll på resten av sidan

Innehållet på hemsidan är upp till dig. Vi bestämde oss för att placera ett annat avsnitt som säger läsarna att komma till nästa spelning av detta band.

Håll muspekaren över slutet av blocket och tryck på lägg till ett nytt block.

wordpress add block

Make it a cover image and press Align > Full width to make it span across the website.

wordpress webbplats textjustering

Ladda upp ett foto och skriv lite text över det. Lägg till en knapp som leder till sidan med listan över spelningar. Du kan lägga till knappen genom att gå till mappen Layout Elements.

wordpress block

Så här ser avsnittet ut.

wordpress avsnitt

Rikta in texten i mitten så att den ser ut så här.

wordperss anpassa mitttexten

8. Radera det onödiga

Du kan återanvända de flesta designelement. Men du behöver inte alla av dem. Till exempel är detta block värdelöst för en musikwebbplats. Klicka på den utökade menyn och tryck på Ta bort block för att ta bort den.

wordpress webbplatslayout

9. Skapa de andra sidorna

Once you finish your home page, it’s time to create other pages. Go to Site > Pages, and add a new page.

wordpress lägg till ny sida

Välj en mallmage från listan och fortsätt.

wordpress mall

Här är listan över sidor som din webbplats kan behöva.

  • Om oss
  • album
  • Galleri
  • Gig schema
  • Kontakter för byråer

Gratis teman har ofta inte de exakta mallarna du behöver, men du kan återanvända dem.

Till exempel kan du använda Portföljmallen från detta tema för både galleri och album.

wordpress mall sida

Tjänstesidan kan återanvändas för spelningar på spelningar.

wordpress tjänster

Arbeta på sidorna på samma sätt som du arbetade på hemsidan.

9. Ställ in menyerna

Once all the pages are ready, it’s time to create a site-wide menu. Go to Design > Customise and choose Menus from the sidebar.

wordpress-menyn

Skapa ett menyalternativ för varje sida du har. Det kommer att visas på alla sidor på webbplatsen.

10. Starta den

När du är klar med att köra tester och göra designen perfekt är det dags att lansera det. Gå till startsidan och tryck på Start-knappen. Du måste gå igenom den här menyn.

wordpress webbplatsadress

Det här är stadiet där du borde båda köp en domän från WordPress eller anslut din egen. Alternativt kan du exportera webbplatsen för att posta in på din egen domän och webbhotell.

wordpress exportfunktion

Sammanfatta

Efter att ha gått igenom denna långa läsning känner du åtminstone två sätt att skapa en fantastisk musikwebbplats. Oavsett om du har valt WordPress eller Bandzoogle som din föredragna plattform kommer webbplatsen du skapar vara början på något stort.

Spara den här artikeln för att gå tillbaka till den senare när du behöver skapa din webbplats.