Раскрыццё інфармацыі: Калі вы набываеце паслугу альбо прадукт праз нашы спасылкі, мы часам зарабляем камісію.

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 стварэнне вэб-сайта 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.

Вось з чаго вы пачынаеце.

Выбар правільнай платформы

Паколькі вы не праграміст, вам спатрэбіцца нейкае праграмнае забеспячэнне для стварэння вашага сайта. Менавіта гэты выбар будзе рабіць або парушыць поспех вашага сайта. Калі праграмнае забеспячэнне, якое вы выбіраеце, занадта дарагое, мае занадта мала функцый, альбо проста не мае калекцыі тэм, якія добра выглядаюць, у канчатковым рахунку вас чакае збой.

На шчасце, у вас ёсць мноства варыянтаў на выбар. Ёсць дзясяткі будаўнікоў сайтаў that allow you to create music website of your own.

У гэтым артыкуле мы спынімся на двух з іх, якія з'яўляюцца найлепшымі для стварэння музычнага сайта, Bandzoogle і WordPress.

Вось што вы павінны ведаць пра іх.

 

Стварэнне музычнага сайта ў Bandzoogle – Pros & Cons

bandzoogle стварыць вэб-сайт

Bandzoogle значна менш вядомы, чым WordPress. Але гэта і мае перавагі.

  • Распрацаваны музыкамі, для музыкаў.
  • Сотні тэм, звязаных з музыкай.
  • Поўны спектр функцый за 16 долараў у месяц.
  • Манетызацыя, звязаная з музыкай, як папярэднія продажу квіткоў.
  • Значна менш навучання неабходна.
  • Бясплатны хостынг і дамен.

У яго ёсць і некаторыя недахопы.

  • Менш магчымасцей налады.
  • Значна менш тэм.
  • Ніякіх убудоў.

Create Music Website in WordPress – Pros & Cons

WordPress стварыць сайт

WordPress - найбуйнейшы канструктар сайтаў.

Вось чаму многія выбіраюць яго па-за канкурэнцыяй.

  • Будзе падтрымлівацца назаўсёды.
  • Мае тысячы тэм.
  • Лёгка наладжваецца.
  • Шмат бясплатных і прэміум-убудоў.
  • Падтрымка вялікіх, шматфункцыянальных вэб-сайтаў.
  • Ёсць бясплатны варыянт.
  • План 8 долараў у месяц ахоплівае большасць патрэб.
  • Бясплатны хостынг.

Гэта не ідэальна, аднак. Вось чаму вы можаце пераацаніць WordPress.

  • Належная манетызацыя для групы пачынаецца з 25 долараў у месяц.
  • Нешматлікія бясплатныя шаблоны добра падыходзяць для музычнага сайта.
  • Даданне гуку - выдатная асаблівасць.
  • Трэба час, каб навучыцца.
  • Бясплатны дамен, які вы атрымаеце, - гэта WordPress.com субдомен.

Таксама некаторыя плагіны WordPress маюць праблемы з бяспекай, таму вы можаце захацець гэтага абараніць ад узлому калі вы выбіраеце гэтую платформу.

Вышэй мы пералічылі плюсы і мінусы кожнай платформы, каб выбраць правільную.

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

Or

Калі вы хочаце пайсці з WordPress, то прытрымлівайцеся нашага пакрокавае кіраўніцтва па стварэнні сайта музыкі на WordPress

How to create music website using Bandzoogle

1. Стварыце ўліковы запіс

Стварэнне ўліковага запісу на Bandzoogle крыху хутчэй, чым у WordPress. Гэта зойме ўсяго чатыры крокі.

bandzoogle стварыць уліковы запіс

Пасля таго, як вы назваце свой вэб-сайт і ўвядзіце адрас электроннай пошты і пароль, вы можаце выбраць мову сайта і націснуць "Стварыць сайт". Вось і ўсё.

bandzoogle create music website

2. Абярыце тэму

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

Азнаёмцеся з нашай артыкулам пра Самыя лепшыя музычныя сайты, для вашага натхнення.

Выкажам здагадку, што ў вас ужо ёсць паласы выявы для размяшчэння ў тэме, давайце абярэм шаблон. Bandzoogle may not have thousands of templates, but it has enough to suit every taste.

Вы можаце праглядаць шаблоны па жанрах. Мы абралі шаблоны "Rock" для нашай групы дэт-метал.

bandzoogle тэма

Навядзіце курсор на тэму і націсніце Ужыць, каб убачыць папярэдні прагляд.

bandzoogle папярэдні прагляд тэмы

3. Наладзьце галоўную старонку


Наступны крок - даданне ўласнага вобраза вокладкі. Націсніце "Замяніць" і загрузіце сваё малюнак Bandzoogle дазваляе дадаваць фотаздымак, але заўсёды лепш паказаць свае ўласныя фатаграфіі ці малюнкі.

bandzoogle дадаць малюнак

Мы абралі вокладку альбома Sinfury для выявы героя гэтага сайта.

Загрузіце сваё малюнак і нанёс яго на вэб-сайт.

bandzoogle дадання

Вы можаце змяніць памер малюнка з дапамогай экранных элементаў кіравання.

bandzoogle дадаць малюнак

Наступным этапам з'яўляецца стварэнне загалоўка. Назва вашай групы будзе адлюстроўвацца на кожнай старонцы сайта. Вы можаце змяніць друкарню падчас гэтага.

bandzoogle назва сайта

Іншы варыянт - даданне лагатыпа. Ён будзе адлюстроўвацца замест назвы групы.

ўсталяваць лагатып у wordpress

4. Запоўніце старонку


Дадайце дадатковыя функцыі на галоўную старонку. Папярэдні прагляд музыкі можа стаць добрым варыянтам для гэтага.

bandzoogle set site's content

Націсніце кнопку "Музыка", і вы дадасце новы раздзел на сайт. Пачніце запаўняць яго зместам.

bandzoogle add tracks

Націсніце "Дадаць дарожкі", каб загрузіць музыку на старонку. Абярыце адзін з гэтых варыянтаў і перайдзіце да загрузкі.

bandzoogle pick a style for music website

Bandzoogle выдатна падыходзіць для музыкаў, таму што мае прыстойны прайгравальнік, які вы можаце зрабіць на сайце. У залежнасці ад хуткасці злучэння, загрузка песень можа заняць крыху часу.

bandzoogle дадаць трэк

Пасля таго, як загрузка завершана, вы можаце вярнуцца да рэдагавання старонкі. Націсніце кнопку "Дадаць функцыю", каб дадаць новы раздзел на галоўную старонку.

bandzoogle add block

Затым размясціце новы раздзел дзе-небудзь на сайце.

bandzoogle дадаць трэк

Мы абралі раздзел папярэдняга прагляду падзей. Адтуль вы можаце наладзіць сваё першае мерапрыемства.

bandzoogle новае падзея

Калі вы перайшлі на самы дарагі план у 16 ​​долараў у месяц, вы можаце прадаць квіткі непасрэдна са свайго сайта.

bandzoogle налады

Калі адной падзеі недастаткова для папярэдняга прагляду, выберыце іншую колькасць слупкоў у макеце і дадайце яшчэ падзеі.

bandzoogle column layout

Наступны раздзел можа прадставіць вашу каманду. Абярыце катэгорыю «Выява і тэкст» і загрузіце малюнак.

bandzoogle Асаблівасці

Вы можаце рэдагаваць тэкст на бакавой панэлі справа. Калі вы не хочаце, каб нейкі тэкст адлюстроўваўся, проста выдаліце ​​яго, як і ў падзагалоўку.

bandzoogle heading and description

На бакавой панэлі вы таксама можаце змяніць колер фону і абіўку раздзела.

bandzoogle макет сайта

5. Дадайце сацыяльныя медыя


Націсніце на кнопку "Дадаць спасылку ў сацыяльных сетках" у меню, якое займаецца сайтам, каб падключыць профіль Instagram або Facebook.

bandzoogle дадаць раздзел

Абярыце вэб-сайт са спісу і ўвядзіце ў ручку Instagram.

bandzoogle add site link

Цяпер вы бачыце, як выскоквае значок Instagram. Але гэта занадта мала для гэтага меню. Давайце зробім яго большым.

bandzoogle меню

Перайдзіце да панэлі навігацыі уверсе і націсніце "Рэдагаваць тэму".

bandzoogle рэдагаваць кантэнт

Пракруціце ўніз да раздзела, размешчанага на ўсім сайце, і змяніце памер кнопкі.

bandzoogle button changes

Цяпер вашы наведвальнікі змогуць заўважыць кнопку.

bandzoogle меню

6. Усталюйце значок сайта


Значок сайта адлюстроўваецца ў куце ўкладкі, дзе адкрыты ваш сайт. На HostingPill гэта невялікая таблетка.

Значок сайта favicon

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

bandzoogle page in menu

Затым націсніце "Абразок сайта".

значок сайта WordPress

Загрузіце лагатып гурта або любую іншую выяву, якую вы хочаце, каб там была адлюстравана, і яна аўтаматычна змяніла памер.

значок WordPress Sie

7. Стварыце іншыя старонкі


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

Ёсць шмат шаблонаў для пачатку. Давайце стварым краму для вашых лічбавых тавараў і мерча.

bandzoogle page creation

Планіроўка простая, але працуе проста выдатна.

bandzoogle music website layout

Націсніце "Merch" і дадайце новы прадукт.

bandzoogle дадаць прадукт

Перайдзіце на стварэнне дадатковых старонак. Як і ў WordPress, вам можа спатрэбіцца стварыць гэтыя старонкі:

  • Пра нас
  • Альбомы
  • Галерэя
  • Графік канцэртаў
  • Захоўваць
  • Кантакты агенцтваў

У адрозненне ад WordPress, аднак, вам не трэба дадаваць кожную старонку ў агульнае меню. Яны з’яўляюцца там аўтаматычна.

bandzoogle menu pages

8. Запусціце яго

Пасля наладжвання кожнай старонкі спіс усіх тавараў, і вы гатовы паведаміць аб прадастаўленні наступнага альбома, толькі што трэба зрабіць, гэта запуск сайта.

Перайдзіце ў раздзел «Абнаўленне», каб зрабіць гэта.

bandzoogle мадэрнізацыя

Абярыце план, выберыце даменнае імя, заплаціце за яго, і ваш вэб-сайт будзе жыць.

How to create music website with WordPress

1. Атрымаць уліковы запіс WordPress

WordPress Увайсці

WordPress прапануе вам стварыць сайт бясплатна. Першы крок, які вам трэба прайсці, - гэта стварэнне ўліковага запісу і прапуск працэдуры аплаты.

Вы можаце прапусціць гэты этап і працягнуць свой профіль Google або Apple.

Працэс, які вы праходзіце пры працягванні, стварае спрошчаны вэб-сайт. Вось што вам прапануе WordPress, калі вы шукаеце музыку падчас гэтага працэсу. Няма выбару, трэба проста націснуць працэдуру ўстаноўкі, каб потым змяніць сайт.

WordPress блог

Цяпер майстар WordPress хоча, каб вы атрымалі даменнае імя.

адрас блога

Калі вы яшчэ не гатовы набыць даменнае імя, перайдзіце да бясплатнай опцыі. Гэта справа ніжэй прапанаваных варыянтаў. Вы зможаце пазней перанесці свой сайт у новы дамен.

выберыце дамен WordPress

Калі ў вас ужо ёсць дамен, вы можаце падключыць яго, націснуўшы на гэтую кнопку. Не набірайце нічога ў радку пошуку, і яна будзе даступная.

дамен wordpress

Апошняе, што трэба зрабіць, гэта выбраць план рахункаў. Калі вы гэтага не хочаце, працягвайце свабодны план.

2. Зрабіце вэб-сайт прыватным

Калі ў вас ёсць даменнае імя, тэставанне новага вэб-сайта можа нанесці шкоду вашаму карыстачу. Зрабіце гэта прыватным каб пераканацца, што вы выканаеце ўдакладненую версію сайта.

Вы можаце зрабіць гэта ўбудова або зэканоміць час і проста публікаваць старонкі ў прыватным парадку.

бачнасць WordPress

Калі вы ствараеце музычны сайт на бясплатным дамене, не турбуйцеся пра гэты крок. Вашы прыхільнікі не ведаюць пра гэтую старонку, таму яна па сутнасці прыватная.

3. Падрыхтуйце выдатную фатаграфію

Там толькі столькі макета сайта можа зрабіць для вас. Вам трэба інвеставаць у дзіўную фатаграфію, якая б захапіла дух вашага гурта. Менавіта гэта і зробіць сайт па-сапраўднаму вашым.

Пачніце з таго, каб папрасіць прафесійнага фатографа прыйсці на ваш канцэрт і зрабіць некалькі здымкаў акцыі.

малюнак

крыніца: Sinfury / Instagram

Атмасферныя фотасесіі, як гэта, таксама выдатная ідэя.

Выява папярэдняга прагляду WordPress

крыніца: Стэн Гомаў / Катлбут

4. Знайдзіце тэму

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.

Цяпер вы можаце змяніць тэму свайго вэб-сайта.

тэмы слоў

Праблема ў WordPress заключаецца ў тым, што яна ёсць шмат шаблонаў але многія з іх прэміяльныя. Напрыклад, вам давядзецца заплаціць 69 долараў, каб скарыстацца гэты.

WordPress Theme

Тэма Мэйвуда па змаўчанні была адной з лепшых тэм для простага музычнага сайта, таму мы яго затрымалі. Вы можаце выбраць любую тэму, якая вам падабаецца, і націсніце "Актываваць гэты дызайн".

wordpress актывуе дызайн

5. Абярыце лагатып і значок

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

наладзіць WordPress

Дадайце лагатып на сайт і стварыце загаловак. Назва - гэта тое, што вы ўбачыце ў выніках пошуку, таму будзьце ўважлівыя да гэтага.

wordperss дадаць інфармацыю пра сайт

Абрэжце і цэнтруйце лагатып і працягвайце.

Лагатып сайта wordpress

6. Адрэдагуйце галоўную старонку

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

Некаторыя функцыі рэдактара блокаў WordPress адлюстроўваюцца на бакавой панэлі.

create music website: wordpress heading settings

Некаторыя адлюстроўваюцца непасрэдна над блокам.

create music website: set heading in wordpress site

Цяпер змяніце тэкст на старонцы на імя вашага гурта. Вы можаце дадаць які-небудзь дапаможны тэкст, націснуўшы на пашыранае меню і націснуўшы "Уставіць пасля", каб стварыць яшчэ адзін блок.

create music website: wordpress block options

Мы ствараем прыкладны сайт для дэтал-метал-групы пад назвай Sinfury. Гэтая вечка выглядае недастаткова металічнай, давайце зменім яе.

create music website: wordpress cover image

Націсніце на малюнак вокладкі і націсніце рэдагаваць значок алоўка. Ён перанясе вас у файлавую сістэму. Загрузіце новае малюнак, націснуўшы «Дадаць новае».

create music website: wordpress media

Наступны крок - загрузка песень. Вы можаце стварыць асобную старонку для сваіх альбомаў пазней, мы будзем паказваць частку вашай музыкі на галоўнай старонцы.

Вось яшчэ адна праблема з WordPress. Вы можаце дадаць аўдыёблок, але ён даступны толькі для карыстальнікаў прэміум-класа.

create music website: wordpress blocks

Не хвалюйцеся, вы ўсё яшчэ можаце прадэманстраваць музыку ў вольным плане. Перайдзіце па спісе блокаў і знайдзіце катэгорыю, якая называецца Embeds.

create music website: wordperss embeds

Абярыце SoundCloud або Spotify і працягвайце. Мы абралі SoundCloud для гэтага сайта. Перайдзіце на сайт і скапіруйце ўбудаваны код.

create music website: wordpress embed soundcloud

Стварыце новы блок і ўстаўце ў яго трэк ці трэкі. Вось як выглядае наша хатняя старонка з абнаўленнем малюнка і кампазіцыяй на ім.

create music website: wordpress soundcloud

7. Запоўніце астатнюю частку старонкі

Змест хатняй старонкі залежыць толькі ад вас. Мы вырашылі размясціць яшчэ адзін раздзел, які загадвае чытачам прыйсці ў наступны канцэрт гэтага гурта.

Навядзіце курсор на канец блока і націсніце дадаць новы блок.

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

Загрузіце фатаграфію і напішыце над ёй нейкі тэкст. Дадайце кнопку, якая вядзе на старонку са спісам канцэртаў. Вы можаце дадаць кнопку, перайшоўшы ў тэчку "Элементы макета".

create music website: wordpress blocks

Вось як будзе выглядаць раздзел.

create music website: wordpress section

Сумясціце тэкст па цэнтры, каб ён выглядаў так.

create music website: wordpress align center text

8. Выдаліце ​​лішняе

Вы можаце змяніць большасць элементаў дызайну. Але яны вам не патрэбныя. Напрыклад, гэты музычны блок бескарысны для музычнага сайта. Націсніце на пашыранае меню і націсніце выдаліць блок, каб выдаліць яго.

create music website: wordpress website layout

9. Стварыце іншыя старонкі

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

Выберыце шаблон-чараўнік са спісу і працягвайце.

create music website: wordpress template

Вось спіс старонак, якія могуць спатрэбіцца вашаму веб-сайту.

  • Пра нас
  • Альбомы
  • Галерэя
  • Графік канцэртаў
  • Кантакты агенцтваў

Бясплатныя тэмы часта няма патрэбных вам шаблонаў, але вы можаце змяніць іх нанова.

Напрыклад, вы можаце выкарыстоўваць шаблон гэтай партфоліа для гэтай галерэі і альбомаў.

create music website: wordpress template page

Старонка паслуг можа быць зменена для аб'яў пра канцэрты.

create music website: wordpress services

Працуйце на старонках гэтак жа, як вы працавалі на хатняй старонцы.

9. Наладзьце меню

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

Стварыце пункт меню для кожнай старонкі ў вас. Ён будзе адлюстроўвацца на ўсіх старонках сайта.

10. Запусціце яго

Пасля завяршэння тэстаў і ўдасканалення дызайну прыйшоў час запусціць яго. Перайдзіце на галоўную старонку і націсніце кнопку Запусціць. Вам трэба будзе прайсці гэтае меню.

create music website: wordpress site address

Гэта этап, на якім вы павінны альбо купі дамен у WordPress альбо падключыць сваё. Акрамя таго, вы можаце экспартаваць вэб-сайт, каб размясціць свой уласны дамен і хостынг.

create music website: wordpress export feature

Хутацца

Прайшоўшы гэты доўгі чытання, вы ведаеце як мінімум два спосабы стварэння дзіўнага музычнага сайта. Выбралі вы WordPress ці не Bandzoogle як ваша пераважная платформа, вэб-сайт, які вы ствараеце, стане пачаткам чагосьці вялікага.

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