Zveřejnění: Když si prostřednictvím našich odkazů zakoupíte službu nebo produkt, někdy získáme provizi.

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 vytvoření webových stránek 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.

Zde začínáte.

Výběr správné platformy

Protože nejste programátorem, budete potřebovat nějaký software pro vytvoření svého webu. Je to tato volba, která udělá nebo ztratí úspěch vašeho webu. Pokud je zvolený software příliš drahý, má příliš málo funkcí nebo prostě nemá sbírku témat, která vypadají dobře, z dlouhodobého hlediska vás selže.

Naštěstí máte spoustu možností na výběr. Existují desítky tvůrců webových stránek that allow you to create music website of your own.

V tomto článku se zaměříme na dva z nich, které jsou nejlepší pro vytvoření hudebního webu, Bandzoogle a WordPress.

Zde je to, co o nich musíte vědět.

 

Vytvořte hudební web v roce XNUMX Bandzoogle – Klady a zápory

bandzoogle vytvořit webové stránky

Bandzoogle je výrazně méně známý než WordPress. Má však své stránky.

  • Navržen hudebníky, pro hudebníky.
  • Stovky hudebních témat.
  • Kompletní řada funkcí za 16 $ měsíčně.
  • Zpeněžení související s hudbou, jako je předprodej vstupenek.
  • Je potřeba výrazně méně učení.
  • Zdarma hosting a doména.

Má také některé nevýhody.

  • Méně funkcí přizpůsobení.
  • Významně méně témat.
  • Žádné pluginy.

Create Music Website in WordPress – Pros & Cons

wordpress vytvořit web

WordPress je největším tvůrcem webových stránek.

Zde je důvod, proč si to mnozí vyberou před konkurencí.

  • Bude navždy podporována.
  • Má tisíce témat.
  • Snadno přizpůsobitelné.
  • Spousta bezplatných a prémiových pluginů.
  • Podporuje velké, funkčně náročné weby.
  • Má bezplatnou možnost.
  • Plán 8 $ měsíčně pokrývá většinu potřeb.
  • Hostování zdarma.

Není to však dokonalé. Zde je důvod, proč můžete WordPress přeceňovat.

  • Správné zpeněžení pro skupinu začíná na 25 USD měsíčně.
  • Málo bezplatných šablon se hodí pro hudební stránky.
  • Přidání zvuku je prvotřídní funkcí.
  • Učit se vyžaduje čas.
  • Bezplatná doména, kterou získáte, je WordPress.com subdoména.

Některé pluginy WordPress mají také problémy se zabezpečením, takže možná budete chtít chránit před hackerstvím pokud zvolíte tuto platformu.

Výše jsme uvedli výhody a nevýhody každé platformy, abychom si vybrali tu správnou.

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

Or

Pokud si přejete jít s WordPress, postupujte podle našich průvodce krok za krokem k vytvoření hudebního webu na WordPress

How to create music website using Bandzoogle

1. Vytvořte si účet

Vytvoření účtu na Bandzoogle je o něco rychlejší než ve WordPressu. To trvá jen čtyři kroky.

bandzoogle vytvořit účet

Poté, co pojmenujete svůj web a zadáte e-mail a heslo, můžete zvolit jazyk webu a stisknout „Vytvořit web“. A je to.

bandzoogle create music website

2. Vyberte téma

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

Pokladna náš článek o Nejlépe navržené hudební webové stránky, pro vaši inspiraci.

Předpokládejme, že už máte obrázky kapely, které chcete umístit do motivu, vybereme šablonu. Bandzoogle nemusí mít tisíce šablon, ale má dost, aby vyhovoval každému vkusu.

Šablony můžete procházet podle žánru. Pro naši death metalovou skupinu jsme vybrali šablony „Rock“.

bandzoogle téma

Umístěte ukazatel myši na motiv a kliknutím na tlačítko Použít zobrazíte náhled.

bandzoogle náhled motivu

3. Nakonfigurujte domovskou stránku


Dalším krokem je přidání vlastního obrázku obálky. Klikněte na nahradit a nahrát svůj obrázek. Bandzoogle umožňuje přidat skladem obrázek, ale vždy je lepší ukázat své vlastní fotografie nebo návrhy.

bandzoogle přidat obrázek

Vybrali jsme obal Sinfury na alba pro obrázek hrdiny webu.

Nahrajte svůj obrázek a použijte jej na webu.

bandzoogle obrázky

Pomocí ovládacích prvků na obrazovce můžete změnit velikost obrázku.

bandzoogle přidat obrázek

Další fází je nastavení titulu. Je to název vaší kapely, který se zobrazí na každé webové stránce. Přitom můžete změnit typografii.

bandzoogle Titulek webové stránky

Druhou možností je přidání loga. Místo názvu skupiny se zobrazí.

nastavit logo v wordpress

4. Vyplňte stránku


Přidejte na domovskou stránku další funkce. Ukázkou vaší hudby může být dobrá volba.

bandzoogle set site's content

Stiskněte tlačítko „Hudba“ a na web přidáte novou sekci. Začněte jej plnit obsahem.

bandzoogle přidat stopy

Stisknutím tlačítka „Přidat skladby“ nahrajte hudbu na stránku. Vyberte si z těchto možností a pokračujte v nahrávání.

bandzoogle pick a style for music website

Bandzoogle je skvělý pro hudebníky, protože má slušného hráče, který můžete vytvořit na celém webu. V závislosti na rychlosti připojení může chvíli trvat, než se vaše stopy nahrají.

bandzoogle přidat stopu

Po dokončení nahrávání se můžete vrátit k úpravám stránky. Stisknutím tlačítka „Přidat funkci“ přidáte na domovskou stránku novou sekci.

bandzoogle přidat blok

Poté umístěte novou sekci někde na web.

bandzoogle přidat stopu

Vybrali jsme sekci náhledu událostí. Odtud můžete nastavit svou první událost.

bandzoogle nová událost

Pokud jste upgradovali na nejdražší tarif za 16 USD měsíčně, můžete prodávat vstupenky přímo ze svého webu.

bandzoogle Nastavení

Pokud jedna událost nestačí pro náhled, vyberte jiný počet sloupců v rozvržení a přidejte další události.

bandzoogle column layout

Další částí může být představení vašeho týmu. Vyberte kategorii „Obrázek a text“ a nahrajte obrázek.

bandzoogle funkce

Text můžete upravit na postranním panelu vpravo. Pokud si nepřejete, aby se nějaký text zobrazoval, jednoduše jej smažte, jako jsme to udělali s podnadpisem.

bandzoogle heading and description

Na postranním panelu můžete také změnit barvu pozadí a výplň sekce.

bandzoogle rozložení stránky

5. Přidejte sociální média


Kliknutím na odkaz „Přidat odkaz na sociální média“ v nabídce pro celý web propojíte profil Instagram nebo Facebook.

bandzoogle přidat sekci

Vyberte web ze seznamu a zadejte popisovač Instagramu.

bandzoogle add site link

Nyní se zobrazí vyskakovací ikona Instagram. Ale pro toto menu je příliš malý. Pojďme to zvětšit.

bandzoogle menu

Přejděte na navigační lištu nahoře a stiskněte „Upravit motiv“.

bandzoogle upravovat obsah

Přejděte dolů do části Celostátní web a změňte velikost tlačítka.

bandzoogle button changes

Nyní si vaši návštěvníci budou moci tlačítko všimnout.

bandzoogle menu

6. Nastavte ikonu webu


Ikona webu se zobrazí v rohu karty, kde je váš web otevřen. Na HostingPill je to malá pilulka.

ikona webu favicon

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

bandzoogle page in menu

Poté klikněte na ikonu „Ikona webu“.

ikona webu wordpress

Nahrajte logo své kapely nebo jakýkoli jiný obrázek, který tam chcete zobrazit, a automaticky se změní jeho velikost.

ikona wordpress sie

7. Vytvořte další stránky


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

Existuje spousta šablon začít. Vytvořme obchod pro vaše digitální zboží a zboží.

bandzoogle vytvoření stránky

Rozložení je jednoduché, ale funguje to dobře.

bandzoogle music website layout

Klikněte na „Merch“ a přidejte nový produkt.

bandzoogle přidat produkt

Pokračujte vytvořením dalších stránek. Stejně jako u WordPress bude možná nutné vytvořit tyto stránky:

  • O nás
  • Alba
  • Galerie
  • Plán koncertu
  • Obchod
  • Kontakty pro agentury

Na rozdíl od WordPress však nemusíte přidávat každou stránku do nabídky pro celý web. Objeví se tam automaticky.

bandzoogle menu pages

8. Spusťte jej

Jakmile je nastavena každá stránka, je uveden každý produkt a jste připraveni oznámit předprodej dalšího alba, zbývá vám pouze spustit web.

Chcete-li to provést, přejděte do části „Upgradovat“.

bandzoogle upgradovat

Vyberte plán, vyberte název domény, zaplatte za něj a váš web je aktivní.

How to create music website with WordPress

1. Získejte účet WordPress

přihlášení do aplikace Wordpress

WordPress vám nabízí vytvořit webové stránky zdarma. Prvním krokem, kterým musíte projít, je vytvoření účtu a přeskočení platebního procesu.

Tuto fázi můžete přeskočit a pokračovat se svým profilem Google nebo Apple.

Proces, kterým projdete, když budete pokračovat, vytvoří zjednodušující web. Zde 'co WordPress nabízí, když během tohoto procesu vyhledáváte hudbu. Není na výběr, stačí kliknout skrz instalační proces, abyste mohli web později upravit.

wordpress blog

Nyní průvodce WordPress chce, abyste získali název domény.

adresa blogu wordpress

Pokud ještě nejste připraveni zakoupit doménové jméno, jděte na bezplatnou možnost. Je to přímo pod navrhovanými možnostmi. Svůj web můžete později přenést do nové domény.

vyberte doménu wordpress

Pokud již máte doménu, můžete se k ní připojit kliknutím na toto tlačítko. Do vyhledávacího pole nic nepište a bude přístupný.

wordpress doména

Poslední věcí, kterou musíte udělat, je vybrat fakturační plán. Pokud to nyní nechcete, pokračujte s plánem zdarma.

2. Nastavit web jako soukromý

Pokud vlastníte doménové jméno, testování nového webu naživo může uživatelům uškodit. Udělej to soukromým abyste zajistili rozvinutí doladěné verze webu.

Můžete to udělat v pluginu, nebo si ušetřit čas a stránky publikovat pouze soukromě.

viditelnost příspěvku wordpress

Pokud vytváříte hudební web na bezplatné doméně, nedělejte si starosti s tímto krokem. Vaši fanoušci o této stránce nevědí, takže je v podstatě soukromá.

3. Připravte skvělou fotografii

Rozložení webových stránek vám může pomoci jen tolik. Musíte investovat do úžasné fotografie, která by zachytila ​​ducha vaší kapely. To je to, co učiní web opravdu vaším.

Začněte tím, že požádáte profesionálního fotografa, aby přišel na váš koncert a udělal pár záběrů z akce.

wordpress obrázek

Zdroj: Sinfury / Instagram

Atmosférické focení, jako je tato, jsou také skvělým nápadem.

náhled obrázku wordpress

Zdroj: Stan Gomov / Katlbut

4. Najděte motiv

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.

Nyní můžete změnit téma svého webu.

wordperss témata

Problém s WordPress je, že má spousta šablon ale mnoho z nich je prémiové. Například byste museli zaplatit 69 dolarů za použití toto.

wordpress téma

Výchozí téma Maywood bylo jedním z nejlepších témat pro jednoduchý hudební web, takže jsme ho uvízli. Můžete si vybrat libovolné téma, které se vám líbí, a stisknout „Aktivovat tento design“.

wordpress aktivovat design

5. Vyberte logo a ikonu

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

wordpress přizpůsobit

Přidejte na web logo a vytvořte název. Název je to, co uvidíte ve výsledcích vyhledávání, takže na něj buďte zvlášť pozorní.

wordperss přidat podrobnosti o webu

Ořízněte a vycentrujte logo a pokračujte.

logo stránky wordpress

6. Upravte domovskou stránku

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

Některé funkce editoru bloků WordPress jsou zobrazeny na bočním panelu.

create music website: wordpress heading settings

Některé jsou zobrazeny přímo nad blokem.

create music website: set heading in wordpress site

Nyní změňte text na stránce na název vaší kapely. Nějaký podpůrný text můžete přidat kliknutím na rozšířenou nabídku a stisknutím tlačítka „Vložit po“ vytvořit další blok.

create music website: wordpress block options

Vytváříme tento vzorový web pro death metalovou kapelu Sinfury. Tento kryt nevypadá dostatečně kovově, pojďme ho změnit.

create music website: wordpress cover image

Klikněte na obrázek obálky a stiskněte Upravit, ikonu tužky. Zavede vás do systému souborů. Nahrajte nový obrázek kliknutím na „Přidat nový“.

create music website: wordpress media

Dalším krokem je nahrání vašich skladeb. Později si můžete pro vaše alba vytvořit samostatnou stránku. Na domovské stránce vám ukážeme část vaší hudby.

Tady je další problém s WordPress. Můžete přidat blok audio, ale je k dispozici pouze pro prémiové uživatele.

create music website: wordpress blocks

Nebojte se, svou hudbu můžete i nadále předvádět v bezplatném plánu. Projděte seznam bloků a najděte kategorii Embed.

create music website: wordperss embeds

Zvolte SoundCloud nebo Spotify a pokračujte. Pro tento web jsme vybrali SoundCloud. Přejděte na web a zkopírujte kód pro vložení.

create music website: wordpress embed soundcloud

Vytvořte nový blok a vložte do něj skladbu nebo stopy. Takto vypadá naše domovská stránka s aktualizací obrázků a stopou na ní.

create music website: wordpress soundcloud

7. Vyplňte zbytek stránky

Obsah domovské stránky je jen na vás. Rozhodli jsme se umístit další sekci, která řekne čtenářům, aby přišli na další koncert této kapely.

Umístěte ukazatel myši na konec bloku a stiskněte Přidat nový blok.

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

Nahrajte fotografii a napište do ní nějaký text. Přidejte tlačítko, které vede na stránku se seznamem koncertů. Tlačítko můžete přidat přechodem do složky Rozvržení prvků.

create music website: wordpress blocks

Jak by vypadala tato sekce?

create music website: wordpress section

Zarovnejte text na střed tak, aby vypadal takto.

create music website: wordpress align center text

8. Odstraňte zbytečné

Můžete použít více návrhových prvků. Ale nepotřebujete je všechny. Například tento blok je pro hudební web nepoužitelný. Klikněte na rozšířené menu a stisknutím Odstranit blok jej smažte.

create music website: wordpress website layout

9. Vytvořte další stránky

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

Ze seznamu vyberte šablonu a pokračujte.

create music website: wordpress template

Zde je seznam stránek, které váš web může potřebovat.

  • O nás
  • Alba
  • Galerie
  • Plán koncertu
  • Kontakty pro agentury

Témata zdarma často nemáte přesné šablony, které potřebujete, ale můžete je znovu použít.

Například můžete použít šablonu portfolia z tohoto motivu pro galerii i alba.

create music website: wordpress template page

Stránka služeb může být použita pro oznámení o koncertech.

create music website: wordpress services

Pracujte na stránkách stejným způsobem jako na domovské stránce.

9. Nastavte nabídky

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

Vytvořte položku nabídky pro každou stránku, kterou máte. Bude se zobrazovat na všech stránkách webu.

10. Spusťte jej

Po dokončení testů a zdokonalení designu je čas jej spustit. Přejděte na hlavní stránku a stiskněte tlačítko Spustit. Budete muset projít toto menu.

create music website: wordpress site address

To je fáze, kde byste měli buď koupit doménu od WordPress nebo připojte vlastní. Web můžete také exportovat a poslat na svou vlastní doménu a hosting.

create music website: wordpress export feature

Zabalit

Po absolvování tohoto dlouhého čtení budete znát alespoň dva způsoby, jak vytvořit úžasný hudební web. Ať už jste si vybrali WordPress nebo Bandzoogle jako preferovaná platforma bude web, který vytvoříte, začátkem něčeho skvělého.

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