Nyilvánosság: Amikor egy linket keresztül vásárol szolgáltatást vagy terméket, néha jutalékot keresünk.

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 honlap létrehozása 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.

Itt kezdje el.

A megfelelő platform kiválasztása

Mivel Ön nem programozó, szoftverére lesz szüksége a webhely létrehozásához. Ez a választás fogja megsemmisíteni webhelye sikerét. Ha a választott szoftver túl drága, túl kevés funkcióval rendelkezik, vagy egyszerűen nem rendelkezik jó megjelenésű témákkal, hosszú távon elbukik.

Szerencsére rengeteg lehetőség közül választhat. Vannak tucatnyi weboldal-készítő that allow you to create music website of your own.

Ebben a cikkben arra a kettőre összpontosítunk, amelyek a legjobbak zenei webhely létrehozásához, Bandzoogle és a WordPress.

Itt van, amit tudnia kell róluk.

 

Hozzon létre zenei webhelyet itt: Bandzoogle – Pro & Cons

bandzoogle weboldal létrehozása

Bandzoogle szignifikánsan kevésbé ismert, mint a WordPress. Ennek megvan a maga oldala.

  • Zenészek által tervezett, zenészek számára.
  • Több száz zenével kapcsolatos téma.
  • Teljes körű szolgáltatás 16 havonta.
  • Zenével kapcsolatos bevételszerzés, például a jegyek előzetes értékesítése.
  • Jelentősen kevesebb tanulásra van szükség.
  • Ingyenes tárhely és domain.

Van néhány hátránya is.

  • Kevesebb testreszabási szolgáltatás.
  • Jelentősen kevesebb téma.
  • Nincs bővítmény.

Create Music Website in WordPress – Pros & Cons

wordpress webhely létrehozása

A WordPress a legnagyobb webhely-készítő.

Ez az oka annak, hogy sokan választják a versenyen.

  • Örökre támogatni fogják.
  • Több ezer témája van.
  • Könnyen testreszabható.
  • Rengeteg ingyenes és prémium plugin.
  • Támogatja a nagy, sokfunkciós webhelyeket.
  • Ingyenes opciója van.
  • A havi 8 dolláros terv a legtöbb igényt fedezi.
  • Ingyenes tárhely.

Ez azonban nem tökéletes. Így lehet, hogy túlbecsülte a WordPress-t.

  • A zenekar megfelelő bevételszerzése havonta 25 dollárral kezdődik.
  • Kevés ingyenes sablon alkalmas egy zenei oldalra.
  • Az audio hozzáadása prémium szolgáltatás.
  • Időbe telik a tanulás.
  • A kapott ingyenes domain egy WordPress.com aldomain.

Néhány WordPress-bővítmény biztonsági problémákkal is rendelkezik, ezért érdemes lehet védjen a feltöréstől ha ezt a platformot választja.

Fent fent felsoroltuk az egyes platformok előnyeit és hátrányait, hogy kiválassza a megfelelőt.

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

Or

Ha a WordPress programmal szeretne részt venni, akkor kövesse a mi oldalt lépésről lépésre útmutató a zenész webhely felépítéséhez a WordPressen

How to create music website using Bandzoogle

1. Hozzon létre egy fiókot

Fiók létrehozása a Bandzoogle egy kicsit gyorsabb, mint a WordPressnél. Csak négy lépésből áll.

bandzoogle Fiók létrehozása

Miután megnevezte a webhelyet, megadta az e-mailt és a jelszót, kiválaszthatja a weboldal nyelvét, és megnyomhatja a „Webhely létrehozása” lehetőséget. Ez az.

bandzoogle create music website

2. Válassza ki a témát

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

Nézze meg cikkünket a Legjobb tervezésű zenei webhelyek, az inspirációért.

Tegyük fel, hogy ha már vannak sávképei a témához, akkor válasszuk ki a sablont. Bandzoogle Lehet, hogy nem lesz több ezer sablonja, de elegendő minden ízléshez.

Böngészhet a sablonok műfaj szerint. Kiválasztottuk a „rock” sablonokat a death metal együttesünk számára.

bandzoogle téma

Vigye az egérmutatót a téma fölé, és kattintson az Alkalmaz elemre az előnézet megtekintéséhez.

bandzoogle téma előnézete

3. Konfigurálja a kezdőlapot


A következő lépés a saját borítóképének hozzáadása. Kattintson a csere elemre, és töltse fel a képet. Bandzoogle lehetővé teszi a stock kép, de mindig jobb, ha megmutatja saját fényképeit vagy tervét.

bandzoogle kép hozzáadása

A Sinfury album borítóját választottuk a weboldal hősképéhez.

Töltse fel a képet, és alkalmazza azt a weboldalon.

bandzoogle feltöltések

A képernyő átméretezésével átméretezheti a képet.

bandzoogle kép hozzáadása

A következő szakasz a cím felállítása. A zenekarod nevét fogod megjeleníteni minden weboldalon. Megváltoztathatja a tipográfia elvégzése közben.

bandzoogle oldal cím

A másik lehetőség a logó hozzáadása. A zenekar neve helyett fog megjelenni.

beállított logó a wordpress-ben

4. Töltse ki az oldalt


További funkciók hozzáadása a kezdőlaphoz. Ehhez jó lehetőség lehet a zeneszám előnézete.

bandzoogle set site's content

Nyomja meg a „Zene” gombot, és új részt fog hozzáadni a weboldalhoz. Kezdje meg feltölteni tartalommal.

bandzoogle számok hozzáadása

A zeneszám feltöltéséhez nyomja meg az „Add your track” gombot. Válasszon a következő lehetőségek közül, és folytassa a feltöltést.

bandzoogle pick a style for music website

Bandzoogle nagyszerű a zenészek számára, mert van egy tisztességes lejátszója, amelyet webhelyen is készíthet. A kapcsolat sebességétől függően egy kis időt vehet igénybe a műsorszámok feltöltése.

bandzoogle szám hozzáadása

A feltöltés befejezése után visszatérhet az oldal szerkesztéséhez. Új szakasz felvételéhez a kezdőlaphoz nyomja meg az „Új szolgáltatás hozzáadása” gombot.

bandzoogle blokk hozzáadása

Ezután helyezze el az új részt valahol a webhelyen.

bandzoogle szám hozzáadása

Az esemény előnézeti részét választottuk. Innentől beállíthatja első eseményét.

bandzoogle új esemény

Ha havi 16 dollárra váltott a legdrágább csomagra, akkor közvetlenül a webhelyéről tudja eladni a jegyeket.

bandzoogle beállítások

Ha egy esemény nem elegendő az előnézethez, válassza ki az oszlopok különböző számát az elrendezésben, és adjon hozzá további eseményeket.

bandzoogle oszlop elrendezése

A következő szakasz a csapat bemutatása lehet. Válassza a „Kép és szöveg” kategóriát, és töltsön fel egy képet.

bandzoogle jellemzők

A jobb oldalon az oldalsávban szerkesztheti a szöveget. Ha nem akarja, hogy valamilyen szöveg megjelenjen, törölje azt, csakúgy, mint az alcímnél.

bandzoogle heading and description

Az oldalsávon megváltoztathatja a rész háttérszínét és kitöltését.

bandzoogle webhely elrendezése

5. Add hozzá a közösségi médiát


Kattintson az egész közösség menüjének „Add a social media link” elemre a Instagram vagy a Facebook profil összekapcsolásához.

bandzoogle szakasz hozzáadása

Válassza ki a weboldalt a listából, és írja be az Instagram kezelőfelületét.

bandzoogle add site link

Most látható, hogy felbukkan a Instagram ikon. De túl kicsi ehhez a menühöz. Tegyük nagyobbá.

bandzoogle menü

Lépjen a navigációs sávra a tetején, és nyomja meg a „Téma szerkesztése” elemet.

bandzoogle szerkesztheti a tartalmat

Görgessen le az egész webhelyre kiterjedő szakaszhoz, és változtassa meg a gomb méretét.

bandzoogle button changes

Most a látogatók észrevehetik a gombot.

bandzoogle menü

6. Állítsa be a webhely ikont


A webhely ikon a lap azon sarkában jelenik meg, ahol a webhely nyitva van. A HostingPill-en ez egy kis tabletta.

webhely favicon ikonra

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

bandzoogle page in menu

Ezután kattintson a „Webhely ikonra”.

wordpress webhely ikonra

Töltse fel a zenekar logóját vagy bármilyen más képet, amelyet meg szeretne jeleníteni ott, és automatikusan átméretezi a méretet.

wordpress sie ikonra

7. Hozzon létre más oldalakat


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

Rengeteg sablon kezdődik. Hozzunk létre egy üzletet a digitális termékekhez és az merchhez.

bandzoogle oldal létrehozása

Az elrendezés egyszerű, de jól működik.

bandzoogle music website layout

Kattintson a „Merch” elemre, és adjon hozzá új terméket.

bandzoogle termék hozzáadása

Folytasson további oldalak létrehozásával. Csakúgy, mint a WordPressnél, szükség lehet a következő oldalak létrehozására:

  • Rólunk
  • Albumok
  • Képtár
  • Gig ütemterv
  • bolt
  • Kapcsolat az ügynökségekkel

A WordPress-szel ellentétben azonban nem kell minden oldalt hozzáadnia a teljes weboldalhoz. Ezek automatikusan megjelennek.

bandzoogle menu pages

8. Indítsa el

Miután minden oldal fel lett állítva, minden termék szerepel a listán, és készen áll a következő album előzetes eladásának bejelentésére, az egyetlen, amit tennie kell, a webhely elindítása.

Ehhez lépjen a „Frissítés” szakaszba.

bandzoogle frissítés

Válasszon ki egy tervet, válassza ki a domain nevet, fizessen érte, és webhelye élő.

How to create music website with WordPress

1. Szerezzen be egy WordPress-fiókot

wordpress bejelentkezés

A WordPress a következőket kínálja hozzon létre egy ingyenes weboldalt. Az első lépés, amelyet meg kell tennie, egy fiók létrehozása és a fizetési folyamat átugrása.

Kihagyhatja ezt a lépést, és folytathatja a Google vagy az Apple profilját.

A folyamat, amelyen keresztülhaladsz, amikor folytatja, egyszerűsített weboldalt hoz létre. Itt áll, amit a WordPress kínál, amikor zenét keres a folyamat során. Nincs választás, egyszerűen át kell kattintania a telepítési folyamaton, hogy később módosítsa a weboldalt.

wordpress blog

Most a WordPress varázsló azt akarja, hogy szerezzen domain nevet.

wordpress blog címe

Ha még nem készen áll a domain név megvásárlására, akkor használja az ingyenes lehetőséget. Ez közvetlenül a javasolt lehetőségek alatt van. Később átviheti webhelyét egy új domainbe.

Wordpress Select domain

Ha már van domainje, akkor erre a gombra kattintva csatlakoztathatja. Ne írjon be semmit a keresősávba, és az elérhető lesz.

WordPress domain

Az utolsó dolog, hogy megválasztjuk a számlázási tervet. Ha most nem akarja, folytassa az ingyenes tervvel.

2. Tegye a webhelyet privátvá

Ha Ön domain névvel rendelkezik, egy új webhely élő tesztelése ronthatja a felhasználói élményt. Tegye magáévá hogy elkerülje a weboldal finomított verzióját.

Megteheti egy pluginben, vagy időt takaríthat meg magának, és csak az oldalakat közzéteheti magántulajdonban.

a wordpress post láthatósága

Ha zenei webhelyet hoz létre egy ingyenes domainben, ne aggódjon ezen lépés miatt. A rajongóid nem tudnak erről az oldalról, tehát alapvetően privát.

3. Készítsen nagyszerű fényképeket

Csak annyi a webhely-elrendezés, amelyet Ön végezhet. Be kell fektetnie egy csodálatos fényképezésbe, amely megragadja a bandád szellemét. Ez teszi a weboldalt valóban a tiedévé.

Kezdje azzal, hogy felkéri egy profi fotósot, hogy jöjjön fel koncertjére, és készítsen néhány képet az akcióról.

wordpress kép

Forrás: Sinfury / Instagram

Az ilyen légköri fotózás szintén remek ötlet.

wordpress előnézeti kép

Forrás: Stan Gomov / Katlbut

4. Keressen egy témát

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.

Most megváltoztathatja webhelyének témáját.

wordperss témák

A WordPress problémája az, hogy van rengeteg sablon de sokuk prémium. Például 69 USD-t kell fizetnie a használatához ezt.

wordpress téma

Az alapértelmezett Maywood téma az egyszerű zenei weboldal egyik legjobb témája volt, ezért beragadtuk. Választhat bármilyen témát, amely tetszik, és nyomja meg az „Aktiválja ezt a rajzot” gombot.

wordpress aktiválja a tervezést

5. Válassza ki a logót és az ikont

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

WordPress testreszabása

Adjon hozzá logót a webhelyhez, és hozzon létre egy címet. A címet látja a keresési eredményekben, ezért legyen különös figyelmes.

a wordperss hozzáadja a webhely adatait

Vágja le és központosítsa a logót, és folytassa.

wordpress webhely logó

6. Szerkessze a kezdőlapot

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

A WordPress blokk szerkesztő néhány funkciója megjelenik az oldalsó panelen.

create music website: wordpress heading settings

Néhányat közvetlenül a blokk felett mutatnak.

create music website: set heading in wordpress site

Most változtassa meg az oldal szövegét a bandád nevére. Felvehet némi támogató szöveget, ha rákattint a kibővített menüre, és megnyomja az „Insert után” gombot egy új blokk létrehozásához.

create music website: wordpress block options

Készítjük ezt a mintás weboldalt a Sinfury nevű death metal zenekar számára. Ez a fedél nem tűnik elég fémből, cseréljük ki.

create music website: wordpress cover image

Kattintson a borítóképre, és nyomja meg a szerkesztés gombot, a ceruza ikont. Ez elviszi a fájlrendszerbe. Töltsön fel egy új képet az „Új hozzáadása” gombra kattintva.

create music website: wordpress media

A következő lépés a dalok feltöltése. Később külön oldalt hozhat létre az albumai számára, néhány zenét megjelenítünk a kezdőlapon.

Itt egy másik probléma a WordPress-rel. Felveheti az audioblokkot, de csak prémium felhasználók számára érhető el.

create music website: wordpress blocks

Ne aggódjon, továbbra is bemutathatja zenéjét ingyenes terv szerint. Menj le a blokkok listáján, és keresse meg a Beágyazás kategóriát.

create music website: wordperss embeds

Válassza a SoundCloud vagy a Spotify elemet, és folytassa. A SoundCloud-ot választottuk erre a webhelyre. Ugrás a webhelyre, és másolja a beágyazási kódot.

create music website: wordpress embed soundcloud

Hozzon létre egy új blokkot, és ágyazza be a zeneszámot vagy műsorszámokat. Így néz ki kezdőlapunk egy képfrissítéssel és egy rajta bemutatott műsorszámmal.

create music website: wordpress soundcloud

7. Töltse ki az oldal többi részét

A kezdőlap tartalma rajtad múlik. Úgy döntöttünk, hogy egy újabb szekciót helyezünk el, amely azt mondja az olvasóknak, hogy jönnek a zenekar következő koncertjére.

Vigye az egérmutatót a blokk végén, és nyomja meg az új blokk hozzáadását.

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

Töltsön fel egy fényképet, és írjon rá szöveget. Adjon hozzá egy gombot, amely az előadás listájához az oldalhoz vezet. A gombot felveheti az Elrendezés elemek mappába.

create music website: wordpress blocks

Így néz ki a szakasz.

create music website: wordpress section

Igazítsa a szöveget a közepére, hogy így nézze ki.

create music website: wordpress align center text

8. Törölje a feleslegeset

A legtöbb design elem újratervezhető. De nem kell mindegyikre. Például ez a blokk haszontalan egy zenei webhely számára. Kattintson a kibővített menüre, és a törléshez nyomja meg az Eltávolítás blokkolást.

create music website: wordpress website layout

9. Hozza létre a többi oldalt

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

Válasszon egy sablonmagot a listából, és folytassa.

create music website: wordpress template

Itt található azoknak az oldalaknak a listája, amelyekre webhelyének szüksége lehet.

  • Rólunk
  • Albumok
  • Képtár
  • Gig ütemterv
  • Kapcsolat az ügynökségekkel

Ingyenes témák gyakran nem állnak rendelkezésre a szükséges sablonok, de újratervezhetik őket.

Használhatja például e téma Portfóliósablonját mind a galéria, mind az albumokhoz.

create music website: wordpress template page

A szolgáltatási oldal újra megtehető a koncert bejelentések számára.

create music website: wordpress services

Az oldalakon ugyanúgy dolgozzon, mint a kezdőlapon.

9. Állítsa be a menüket

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

Hozzon létre egy menüpontot minden egyes oldalához. Ez a weboldal összes oldalán megjelenik.

10. Indítsa el

Amikor befejezte a tesztek futtatását és a formatervezés tökéletesítését, ideje elindítani. Ugrás a főoldalra, és nyomja meg a Indítás gombot. Önnek át kell mennie ezen a menün.

create music website: wordpress site address

Ebben a szakaszban kellene megtennie vásároljon domain-t a WordPress-től vagy csatlakoztassa a sajátját. Alternatív megoldásként exportálhatja a weboldalt a saját domainjén és a tárhelyen való közzététel céljából.

create music website: wordpress export feature

Csomagolj fel

Miután elolvasta ezt a hosszú olvasást, tud legalább két módszert egy csodálatos zenei weboldal létrehozására. Függetlenül attól, hogy a WordPress-t választotta Bandzoogle mivel az Ön által preferált platform, a létrehozott webhely valami nagyszerű kezdete lesz.

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