How to Create Music Website: Simple Guide (no coding required)

When you Google: How to create 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 een website maken 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?

You’d have to get some free software and create a website yourself. With our guide on how to create music website, it’s going to be easier than you’d imagine.

Hier begin je.

Het juiste platform kiezen

Omdat je geen programmeur bent, heb je wat software nodig om je website te maken. Het is deze keuze die het succes van uw website gaat maken of breken. Als de software die u kiest te duur is, te weinig functies heeft of gewoon geen verzameling thema's heeft die er goed uitzien, zal het u op de lange termijn in de steek laten.

Gelukkig heb je genoeg opties om uit te kiezen. Er zijn tientallen websitebouwers that allow you to create music website of your own.

In dit artikel zullen we ons concentreren op de twee die het beste zijn voor het maken van een muziekwebsite, Bandzoogle en WordPress.

Dit is wat u over hen moet weten.

 

Maak een muziekwebsite in Bandzoogle – Pros & Cons

bandzoogle website maken

Bandzoogle is beduidend minder bekend dan WordPress. Het heeft echter zijn voordelen.

  • Ontworpen door muzikanten, voor muzikanten.
  • Honderden muziekgerelateerde thema's.
  • Volledige reeks functies voor $ 16 per maand.
  • Muziekgerelateerde inkomsten, zoals voorverkoop van tickets.
  • Aanzienlijk minder leren nodig.
  • Gratis hosting en domein.

Het heeft ook een aantal nadelen.

  • Minder aanpassingsfuncties.
  • Significant minder thema's.
  • Geen plug-ins.

Create Music Website in WordPress – Pros & Cons

wordpress site maken

WordPress is de grootste website-bouwer die er is.

Dit is waarom velen ervoor kiezen boven de concurrentie.

  • Zal voor altijd worden ondersteund.
  • Heeft duizenden thema's.
  • Gemakkelijk aanpasbaar.
  • Tal van gratis en premium plug-ins.
  • Ondersteunt grote websites met veel functies.
  • Het heeft een gratis optie.
  • Een abonnement van $ 8 per maand dekt de meeste behoeften.
  • Gratis hosting.

Het is echter niet perfect. Dit is waarom je WordPress mogelijk overschat hebt.

  • Een goed inkomen voor een band begint bij $ 25 per maand.
  • Er zijn maar weinig gratis sjablonen die geschikt zijn voor een muzieksite.
  • Audio toevoegen is een premiumfunctie.
  • Het kost tijd om te leren.
  • Het gratis domein dat u krijgt is een WordPress.com subdomein.

Sommige WordPress-plug-ins hebben ook beveiligingsproblemen, dus misschien wilt u dat wel beschermen tegen hacken als je voor dit platform kiest.

Hierboven hebben we de voor- en nadelen van elk platform vermeld om de juiste te kiezen.

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

Or

Als je met WordPress wilt gaan, volg dan onze stap voor stap handleiding om een ​​musicus-site op WordPress te bouwen

How to create music website using Bandzoogle

1. Account aanmaken

Een account aanmaken op Banzoogle is een beetje sneller dan in WordPress. Er zijn maar vier stappen nodig.

bandzoogle Maak een account aan

Nadat u uw website een naam heeft gegeven en het e-mailadres en het wachtwoord hebt ingevoerd, kunt u de taal van de website kiezen en op "Een site maken" drukken. Dat is het.

bandzoogle create music website

2. Kies het thema

Want to create music site but don’t know where to get ideas from?

Bekijk ons ​​artikel over de Best ontworpen muziekwebsites, ter inspiratie.

Stel dat u al bandafbeeldingen heeft om in het thema te plaatsen, laten we de sjabloon kiezen. Bandzoogle heeft misschien niet duizenden sjablonen, maar het heeft genoeg voor elke smaak.

U kunt op genre door de sjablonen bladeren. We hebben 'Rock'-sjablonen gekozen voor onze death metalband.

bandzoogle thema

Plaats de muisaanwijzer op het thema en klik op Toepassen om een ​​voorbeeld te zien.

bandzoogle themavoorbeeld

3. Configureer de startpagina


De volgende stap is het toevoegen van uw eigen omslagafbeelding. Klik op vervangen en upload uw afbeelding. Bandzoogle laat je een toevoegen voorraad foto, maar het is altijd beter om je eigen foto's of ontwerpen te laten zien.

bandzoogle Voeg afbeelding toe

We hebben Sinfury's albumhoes gekozen voor het heldenbeeld van de website.

Upload uw afbeelding en pas deze toe op de website.

bandzoogle Upload

U kunt het formaat van de afbeelding wijzigen met bedieningselementen op het scherm.

bandzoogle Voeg afbeelding toe

De volgende fase is het opzetten van een titel. Het is de naam van je band die op elke websitepagina wordt weergegeven. Je kunt de typografie wijzigen terwijl je dat doet.

bandzoogle Pagina Titel

De andere optie is het toevoegen van een logo. Het wordt weergegeven in plaats van de bandnaam.

logo in WordPress instellen

4. Vul de pagina in


Voeg meer functies toe aan de startpagina. Een voorbeeld van je muziek kan hiervoor een goede optie zijn.

bandzoogle set site's content

Druk op de knop "Muziek" en u voegt een nieuwe sectie toe aan de website. Begin het te vullen met inhoud.

bandzoogle add tracks

Druk op "Voeg je nummers toe" om muziek naar de pagina te uploaden. Kies uit deze opties en ga door met het uploaden.

bandzoogle pick a style for music website

Bandzoogle is geweldig voor muzikanten omdat het een degelijke speler heeft die je op de hele site kunt maken. Afhankelijk van je verbindingssnelheid kan het even duren om je tracks te uploaden.

bandzoogle track toevoegen

Zodra het uploaden is voltooid, kunt u teruggaan naar het bewerken van de pagina. Druk op de knop "Functie toevoegen" om een ​​nieuwe sectie aan de startpagina toe te voegen.

bandzoogle add block

Plaats vervolgens de nieuwe sectie ergens op de site.

bandzoogle track toevoegen

We hebben de sectie met voorbeeldweergave van evenementen gekozen. Van daaruit kunt u uw eerste evenement opzetten.

bandzoogle nieuw evenement

Als u voor $ 16 per maand een upgrade naar het duurste abonnement hebt uitgevoerd, kunt u tickets rechtstreeks vanaf uw website verkopen.

bandzoogle settings

Als één evenement niet genoeg is voor het voorbeeld, kies dan een ander aantal kolommen in de lay-out en voeg meer evenementen toe.

bandzoogle kolom layout

De volgende sectie is misschien uw teamintroductie. Kies de categorie "Afbeelding en tekst" en upload een afbeelding.

bandzoogle functionaliteiten

Je kunt de tekst in de zijbalk aan je rechterkant bewerken. Als u niet wilt dat er wat tekst wordt weergegeven, verwijdert u deze gewoon zoals we deden met de subtitel.

bandzoogle heading and description

In de zijbalk kunt u ook de achtergrondkleur en opvulling van de sectie wijzigen.

bandzoogle site layout

5. Voeg sociale media toe


Klik op de "Voeg een link naar sociale media toe" in het site-brede menu om je Instagram- of Facebook-profiel te koppelen.

bandzoogle sectie toevoegen

Kies de website uit de lijst en typ je Instagram-handle in.

bandzoogle add site link

Nu zie je het Instagram-pictogram verschijnen. Maar het is te klein voor dit menu. Laten we het groter maken.

bandzoogle MENU

Ga naar de navigatiebalk bovenaan en druk op 'Thema bewerken'.

bandzoogle inhoud bewerken

Scrol omlaag naar het gedeelte voor de hele site en wijzig de knopgrootte.

bandzoogle button changes

Nu kunnen uw bezoekers de knop opmerken.

bandzoogle MENU

6. Stel het sitepictogram in


Het sitepictogram wordt weergegeven in de hoek van het tabblad waar uw website is geopend. Op HostingPill is het een kleine pil.

site favicon icoon

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

bandzoogle page in menu

Klik vervolgens op 'Site-pictogram'.

wordpress site icoon

Upload het logo van je band of een andere foto die je daar wilt laten zien en het formaat wordt automatisch aangepast.

wordpress sie pictogram

7. Maak andere pagina's


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

Er zijn genoeg sjablonen om mee te beginnen. Laten we een winkel maken voor uw digitale goederen en merchandise.

bandzoogle page creation

De lay-out is eenvoudig, maar het werkt prima.

bandzoogle music website layout

Klik op "Merch" en voeg een nieuw product toe.

bandzoogle voeg product toe

Ga door met het maken van meer pagina's. Net als bij WordPress, moet u mogelijk deze pagina's maken:

  • Over ons
  • albums
  • Gallerij
  • Gig schema
  • Shop
  • Contacten voor agentschappen

In tegenstelling tot WordPress hoeft u echter niet elke pagina aan het site-brede menu toe te voegen. Ze verschijnen daar automatisch.

bandzoogle menu pages

8. Start het

Zodra elke pagina is ingesteld, wordt elk product vermeld en bent u klaar om de voorverkoop van uw volgende album aan te kondigen, het enige dat u hoeft te doen is de website te lanceren.

Ga hiervoor naar het gedeelte "Upgrade".

bandzoogle upgrade

Selecteer een abonnement, kies een domeinnaam, betaal ervoor en uw website is live.

How to create music website with WordPress

1. Krijg een WordPress-account

wordpress login

WordPress biedt je dat aan maak gratis een website. De eerste stap die je moet doorlopen is het aanmaken van een account en het overslaan van het betalingsproces.

Je kunt deze fase overslaan en doorgaan met je Google- of Apple-profiel.

Het proces dat u doorloopt wanneer u doorgaat, creëert een simplistische website. Hier 'wat WordPress u biedt wanneer u tijdens dat proces naar muziek zoekt. Er is geen keuze, u hoeft alleen maar door het installatieproces te klikken om de website later te kunnen wijzigen.

wordpress blog

Nu wil de WordPress-wizard dat u een domeinnaam krijgt.

WordPress blogadres

Als je nog niet klaar bent om een ​​domeinnaam te kopen, ga dan voor de gratis optie. Het staat direct onder de voorgestelde opties. U kunt uw website later overzetten naar een nieuw domein.

wordpress domein selecteren

Als u al een domein heeft, kunt u deze koppelen door op deze knop te klikken. Typ niets in de zoekbalk en het is toegankelijk.

wordpress domein

Het laatste dat u moet doen, is het facturatieplan kiezen. Als je dat nu niet wilt, ga dan verder met het gratis abonnement.

2. Maak de website privé

Als u een domeinnaam bezit, kan het live testen van een nieuwe website de ervaring van uw gebruikers schaden. Maak het privé om ervoor te zorgen dat u de verfijnde versie van de website implementeert.

U kunt het in een plug-in doen of uzelf tijd besparen en de pagina's gewoon privé publiceren.

zichtbaarheid van WordPress-berichten

Maak je geen zorgen over deze stap als je een muziekwebsite maakt op een gratis domein. Je fans weten niets van deze pagina, dus het is in wezen privé.

3. Bereid geweldige fotografie voor

Er is maar zoveel dat een website-indeling voor u kan doen. Je moet investeren in geweldige fotografie die de geest van je band zou vangen. Dat is wat de website echt van jou maakt.

Vraag een professionele fotograaf om naar je optreden te komen en maak een paar foto's van de actie.

wordpress afbeelding

Bron: Sinfury / Instagram

Sfeervolle fotoshoots zoals deze zijn ook een geweldig idee.

WordPress voorbeeldafbeelding

Bron: Stan Gomov / Katlbut

4. Zoek een thema

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 kunt u het thema van uw website wijzigen.

wordperss thema's

Het probleem met WordPress is dat het dat wel heeft tal van sjablonen maar veel van hen zijn premium. U moet bijvoorbeeld $ 69 betalen om te gebruiken deze.

wordpress thema

Het standaard Maywood-thema was een van de beste thema's voor een eenvoudige muziekwebsite, dus we hebben het vastgehouden. Je kunt elk thema kiezen dat je leuk vindt en op 'Dit ontwerp activeren' drukken.

wordpress activeer het ontwerp

5. Kies logo en pictogram

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

wordpress aanpassen

Voeg een logo toe aan de website en maak een titel. De titel is wat u zult zien in de zoekresultaten, dus wees extra alert.

wordperss voegt sitedetails toe

Snijd het logo bij en centreer het en ga verder.

WordPress site-logo

6. Bewerk de startpagina

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.

create music website: wordpress pages

Sommige functies van de WordPress-blokeditor worden weergegeven op het zijpaneel.

create music website: wordpress heading settings

Sommige worden direct boven het blok weergegeven.

create music website: set heading in wordpress site

Verander nu de tekst op de pagina in de naam van je band. U kunt wat ondersteunende tekst toevoegen door op het uitgebreide menu te klikken en op "Invoegen na" te drukken om een ​​ander blok te maken.

create music website: wordpress block options

We maken deze voorbeeldwebsite voor een death metalband genaamd Sinfury. Deze hoes ziet er niet metaal genoeg uit, laten we hem veranderen.

create music website: wordpress cover image

Klik op de omslagafbeelding en druk op Bewerken, het potloodpictogram. Het brengt u naar het bestandssysteem. Upload een nieuwe afbeelding door op 'Nieuwe toevoegen' te klikken.

create music website: wordpress media

De volgende stap is het uploaden van je nummers. Je kunt later een aparte pagina voor je albums maken, we gaan een deel van je muziek op de startpagina weergeven.

Hier is nog een probleem met WordPress. U kunt het audioblok toevoegen, maar het is alleen beschikbaar voor premium gebruikers.

create music website: wordpress blocks

Maak je geen zorgen, je kunt je muziek nog steeds laten zien in het gratis abonnement. Ga door de lijst met blokken en zoek de categorie Embeds.

create music website: wordperss embeds

Kies SoundCloud of Spotify en ga verder. We hebben voor deze website gekozen voor SoundCloud. Ga naar de site en kopieer de insluitcode.

create music website: wordpress embed soundcloud

Maak een nieuw blok en sluit uw track of tracks daarin in. Hier is hoe onze startpagina eruit ziet met een beeldupgrade en een track erop.

create music website: wordpress soundcloud

7. Vul de rest van de pagina in

De inhoud van de homepage is aan jou. We hebben besloten om nog een sectie te plaatsen die de lezers vertelt om naar het volgende optreden van deze band te komen.

Plaats de muisaanwijzer op het einde van het blok en druk op voeg een nieuw blok toe.

create music website: wordpress add block

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

create music website: wordpress site text alignment

Upload een foto en schrijf er wat tekst overheen. Voeg een knop toe die naar de pagina met de lijst met optredens leidt. U kunt de knop toevoegen door naar de map Layout Elements te gaan.

create music website: wordpress blocks

Hier is hoe de sectie eruit zou zien.

create music website: wordpress section

Lijn de tekst in het midden uit zodat deze er zo uitziet.

create music website: wordpress align center text

8. Verwijder het onnodige

U kunt de meeste ontwerpelementen hergebruiken. Maar je hebt ze niet allemaal nodig. Dit blok is bijvoorbeeld nutteloos voor een muziekwebsite. Klik op het uitgebreide menu en druk op Blok verwijderen om het te verwijderen.

create music website: wordpress website layout

9. Maak de andere pagina's

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

create music website: wordpress add new page

Kies een sjabloonmage uit de lijst en ga verder.

create music website: wordpress template

Hier is de lijst met pagina's die uw website mogelijk nodig heeft.

  • Over ons
  • albums
  • Gallerij
  • Gig schema
  • Contacten voor agentschappen

Gratis thema's hebben vaak niet de exacte sjablonen die u nodig hebt, maar u kunt ze opnieuw gebruiken.

U kunt bijvoorbeeld de Portfolio-sjabloon van dit thema gebruiken voor zowel galerij als albums.

create music website: wordpress template page

De services-pagina kan opnieuw worden gebruikt voor aankondigingen van optredens.

create music website: wordpress services

Werk op de pagina's op dezelfde manier als op de startpagina.

9. Stel de menu's in

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.

create music website: wordpress menu

Maak een menu-item voor elke pagina die je hebt. Het wordt weergegeven op alle pagina's van de website.

10. Start het

Als je klaar bent met testen en het ontwerp hebt geperfectioneerd, is het tijd om het te lanceren. Ga naar de hoofdpagina en druk op de startknop. Je moet dit menu doorlopen.

create music website: wordpress site address

Dit is het stadium waarin je dat ook zou moeten doen koop een domein van WordPress of sluit uw eigen aan. Als alternatief kunt u de website exporteren om in uw eigen domein en hosting te plaatsen.

create music website: wordpress export feature

Afronden

Nadat je dit lang gelezen hebt, weet je op zijn minst twee manieren om een ​​geweldige muziekwebsite te maken. Of je nu voor WordPress hebt gekozen of Bandzoogle als uw favoriete platform zal de website die u maakt het begin zijn van iets geweldigs.

Save this article to go back to it later when you need to create your music website.