Як створити веб-сайт із музики: Покрокове керівництво (не потрібні навички кодування)

Оволодіння вмінням вимагає часу. Чим більше часу ви витрачаєте на оволодіння одним вмінням, тим менше часу на оволодіння іншим. Ось чому, якщо ви витратили стільки часу на вдосконалення своєї музики, шанси на те, що ви не чудовий кодер. Ви також не чудовий веб-дизайнер.


Отже, як ви справляєтесь зі створенням веб-сайту для своєї групи? Якщо у вас є підтримка продюсера чи лейбла, ви можете легко отримати пару тисяч доларів, щоб найняти професіоналів. Що робити, якщо ви намагаєтесь визнатись самостійно?

Вам потрібно буде придбати безкоштовне програмне забезпечення та створити веб-сайт самостійно. З нашим посібником про те, як створити музичний веб-сайт, це буде простіше, ніж ви собі уявляли.

Ось з чого ви починаєте.

Вибір правильної платформи

Оскільки ви не програміст, вам знадобиться певне програмне забезпечення для створення вашого веб-сайту. Саме цей вибір повинен зробити або порушити успіх вашого веб-сайту. Якщо програмне забезпечення, яке ви вибрали, занадто дороге, має занадто мало функцій або просто не має колекції тем, які виглядають добре, це з часом вийде з ладу..

На щастя, у вас є маса варіантів на вибір. Є десятки розробників веб-сайтів, які дозволяють створити власний веб-сайт.

У цій статті ми зупинимося на двох із них, які найкраще створюють музичний веб-сайт, Bandzoogle та WordPress.

Ось що ви повинні знати про них.

Створюйте музичний веб-сайт у Bandzoogle – плюси & Мінуси

bandzoogle створити веб-сайт

Bandzoogle значно менш відомий, ніж WordPress. Однак це має і свої переваги.

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

Це має і деякі недоліки.

  • Менше можливостей налаштування.
  • Значно менше тем.
  • Немає плагінів.

Створення музичного веб-сайту в WordPress – плюси & Мінуси

Wordpress створити сайт

WordPress – найбільший розробник веб-сайтів.

Ось чому багато хто вибирає це над конкуренцією.

  • Буде підтримуватися назавжди.
  • Має тисячі тем.
  • Легко настроюється.
  • Безліч безкоштовних та преміальних плагінів.
  • Підтримує великі, важкі веб-сайти.
  • У нього є безкоштовний варіант.
  • План на 8 доларів на місяць покриває більшість потреб.
  • Безкоштовний хостинг.

Однак це не ідеально. Ось чому ви, можливо, WordPress завищені.

  • Правильна монетизація для гурту починається від 25 доларів на місяць.
  • Небагато вільних шаблонів – добре підходить для музичного сайту.
  • Додавання аудіо – це преміальна функція.
  • Навчатися потрібно час.
  • Отриманий безкоштовний домен – це субдомен WordPress.com.

Крім того, деякі плагіни WordPress мають проблеми із безпекою, тому ви можете захистити від злому, якщо ви вибираєте цю платформу.

Вище ми перерахували плюси і мінуси кожної платформи, щоб вибрати правильну.

Якщо ви хочете піти з BandZoogle, то дотримуйтесь нашої покрокової інструкції зі створення сайту музикантів на BandZoogle

Або

Якщо ви хочете перейти з WordPress, перейдіть до нашої покрокової інструкції зі створення сайту музикантів на WordPress

Як створити музичний сайт за допомогою Bandzoogle

1. Створіть обліковий запис

Створення облікового запису на Banzoogle трохи швидше, ніж у WordPress. Це займає лише чотири кроки.

bandzoogle створити акаунт

Після того, як ви назвете веб-сайт і введете електронну адресу та пароль, ви можете вибрати мову веб-сайту та натиснути «Створити сайт». Це воно.

bandzoogle створити музичний веб-сайт

2. Оберіть тему

Хочете створити свій музичний сайт, але не знаєте, звідки брати ідеї?

Ознайомтеся з нашою статтею про найкращі розроблені музичні веб-сайти для вашого натхнення.

Припустимо, у вас вже є смугові зображення для розміщення в темі, виберемо шаблон. У Bandzoogle може не бути тисяч шаблонів, але його вистачає на будь-який смак.

Ви можете переглядати шаблони за жанрами. Ми підібрали шаблони “Rock” для нашої групи метл-метал.

тема bandzoogle

Наведіть курсор на тему та натисніть Застосувати, щоб побачити попередній перегляд.

попередній перегляд теми bandzoogle

3. Налаштуйте домашню сторінку

Наступний крок – додавання власного зображення обкладинки. Клацніть «Замінити» та завантажте зображення. Bandzoogle дозволяє додавати фотографії, але завжди краще показувати власні фотографії чи конструкції.

bandzoogle додати зображення

Ми обрали обкладинку альбому Sinfury для зображення героя веб-сайту.

Завантажте своє зображення та застосуйте його на веб-сайті.

bandzoogle завантажує

Можна змінити розмір зображення за допомогою екранних елементів керування.

bandzoogle додати зображення

Наступний етап – встановлення заголовка. Це ім’я вашої групи, яке відображатиметься на кожній сторінці веб-сайту. Ти можеш змінити типографіку, поки це робиш.

назва сайту bandzoogle

Інший варіант – додавання логотипу. Він відображатиметься замість назви групи.

встановити логотип у wordpress

4. Заповніть сторінку

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

Вміст сайту встановив bandzoogle

Натисніть кнопку “Музика”, і ви додасте новий розділ на веб-сайт. Почніть заповнювати його вмістом.

bandzoogle додати доріжки

Натисніть «Додати свої записи», щоб завантажити музику на сторінку. Виберіть один із цих варіантів і перейдіть із завантаженням.

bandzoogle виберіть стиль для музичного веб-сайту

Bandzoogle чудово підходить для музикантів, оскільки він має гідний програвач, який ви можете робити на сайті. Залежно від швидкості підключення, завантаження записів може зайняти трохи часу.

bandzoogle додати трек

Після завантаження ви зможете повернутися до редагування сторінки. Натисніть кнопку “Додати функцію”, щоб додати новий розділ на головну сторінку.

Додавання блоку bandzoogle

Потім розмістіть новий розділ десь на сайті.

bandzoogle додати трек

Ми вибрали розділ попереднього перегляду подій. Звідти ви можете налаштувати свою першу подію.

bandzoogle нова подія

Якщо ви перейшли до найдорожчого плану на рівні 16 доларів на місяць, ви можете продати квитки безпосередньо зі свого веб-сайту.

налаштування bandzoogle

Якщо однієї події недостатньо для попереднього перегляду, виберіть іншу кількість стовпців у макеті та додайте більше подій.

макет колонки bandzoogle

Наступним розділом може бути представлення вашої команди. Виберіть категорію “Зображення та текст” та завантажте зображення.

функції bandzoogle

Ви можете редагувати текст на бічній панелі праворуч. Якщо ви не хочете, щоб якийсь текст відображався, просто видаліть його, як це було зроблено з підзаголовком.

заголовок та опис bandzoogle

На бічній панелі ви також можете змінити колір тла та накладку розділу.

макет сайту в bandzoogle

5. Додайте соціальні медіа

Клацніть на “Додати посилання в соціальних мережах” у меню на весь сайт, щоб підключити свій Instagram або Facebook профіль.

додати розділ bandzoogle

Виберіть веб-сайт зі списку та введіть ручку Instagram.

bandzoogle додати посилання на сайт

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

меню bandzoogle

Перейдіть на панель навігації у верхній частині та натисніть «Змінити тему».

bandzoogle редагувати вміст

Прокрутіть униз до розділу “Веб-сайт” та змініть розмір кнопки.

Змінюється кнопка bandzoogle

Тепер ваші відвідувачі зможуть помітити кнопку.

меню bandzoogle

6. Встановіть піктограму сайту

Піктограма сайту відображається в куті вкладки, де відкрито ваш веб-сайт. На HostingPill це маленька таблетка.

значок веб-сайту favicon

На вашому веб-сайті це може бути все, що завгодно. Перейдіть на Сторінки > Налаштування сайту.

сторінка bandzoogle в меню

Потім натисніть на «Піктограма сайту».

Wordpress значок веб-сайту

Завантажте логотип вашої групи або будь-яке інше зображення, яке ви хочете відобразити там, і воно автоматично змінить розмір.

Wordpress sie значок

7. Створіть інші сторінки

Тепер, коли домашня сторінка закінчена, саме час створити більше сторінок для вашого веб-сайту. Клацніть на Сторінки > Додати сторінку.

сторінка bandzoogle в меню

Є багато шаблонів, з яких можна почати. Давайте створимо магазин для ваших цифрових товарів та мерчів.

створення сторінки bandzoogle

Макет простий, але він працює просто чудово.

макет веб-сайту bandzoogle музики

Клацніть на “Merch” та додайте новий товар.

bandzoogle додати продукт

Перейдіть до створення більше сторінок. Як і в WordPress, вам може знадобитися створити ці сторінки:

  • Про нас
  • Альбоми
  • Галерея
  • Графік концертів
  • Магазин
  • Контакти для агентств

На відміну від WordPress, однак, вам не потрібно додавати кожну сторінку до загальнонаціонального меню. Вони з’являються там автоматично.

сторінки меню bandzoogle

8. Запустіть його

Щойно кожна сторінка налаштована, кожен продукт відображається у списку, і ви готові оголосити про продаж свого наступного альбому. Єдине, що вам потрібно зробити – це запустити веб-сайт.

Перейдіть до розділу “Оновити”, щоб зробити це.

оновлення bandzoogle

Виберіть план, оберіть доменне ім’я, оплатіть його, і ваш веб-сайт буде активним.

Відвідайте Bandzoogle, щоб розпочати роботу

Як створити музичний веб-сайт за допомогою WordPress

1. Отримайте обліковий запис WordPress

wordpress вхід

WordPress пропонує вам безкоштовно створити веб-сайт. Перший крок, який вам доведеться пройти, – це створити рахунок та пропустити процес оплати.

Ви можете пропустити цей етап і продовжити свій профіль Google або Apple.

Процес, який ви проходите, продовжуючи, створює спрощений веб-сайт. Ось що пропонує WordPress під час пошуку музики під час цього процесу. Немає вибору, вам доведеться просто натиснути процес встановлення, щоб пізніше змінити веб-сайт.

блог wordpress

Тепер майстер WordPress хоче, щоб ви отримали доменне ім’я.

адреса блогу

Якщо ви ще не готові придбати доменне ім’я, перейдіть до безкоштовної опції. Це справа нижче запропонованих варіантів. Ви зможете пізніше перенести веб-сайт у новий домен.

Вибір домену wordpress

Якщо у вас уже є домен, ви можете підключити його, натиснувши цю кнопку. Не вводьте нічого на панелі пошуку, і воно буде доступне.

домен WordPress

Останнє, що потрібно зробити, це вибрати план виставлення рахунків. Якщо ви цього не хочете, продовжуйте безкоштовний план.

2. Зробіть веб-сайт приватним

Якщо у вас є доменне ім’я, тестування нового веб-сайту в прямому ефірі може завдати шкоди вашим користувачам. Зробіть це приватним, щоб переконатися, що ви розгорнули налагоджену версію веб-сайту.

Ви можете зробити це в плагіні або заощадити час і просто публікувати сторінки приватно.

видимість повідомлення WordPress

Якщо ви створюєте музичний веб-сайт у вільному домені, не хвилюйтеся про цей крок. Ваші шанувальники не знають про цю сторінку, тому вона по суті є приватною.

3. Підготуйте чудову фотографію

Існує лише стільки розміток веб-сайту для вас. Вам потрібно вкласти гроші в дивовижну фотографію, яка б захопила дух вашого гурту. Саме це і зробить веб-сайт справді вашим.

Спочатку попросіть професійного фотографа прийти на ваш концерт і зробити кілька знімків дійства.

зображення WordPress

Джерело: Sinfury / Instagram

Атмосферні фотосесії, як ця, також чудова ідея.

Wordpress попередній перегляд зображення

Джерело: Стен Гомов / Катлбут

4. Знайдіть тему

Тепер, коли у вас є чудові фотографії, розміщені в шаблоні веб-сайту, саме час знайти шаблон, який найкраще підійде для вашої групи. Перейдіть на панель і натисніть на Дизайн > Теми.

Тепер ви можете змінити тему свого веб-сайту.

тематичні слова

Проблема WordPress полягає в тому, що в ньому багато шаблонів, але багато з них є преміальними. Наприклад, вам доведеться заплатити 69 доларів, щоб користуватися цим.

тема WordPress

Тема Maywood за замовчуванням була однією з найкращих тем для простого музичного веб-сайту, тому ми її затримали. Ви можете вибрати будь-яку тему, яка вам подобається, і натиснути «Активувати цей дизайн».

wordpress активувати дизайн

5. Виберіть логотип та значок

Настав час налаштувати свою тему. Перейдіть до дизайну > Налаштуйте та натисніть на Ідентифікатор сайту в меню.

WordPress налаштувати

Додайте логотип на веб-сайт та створіть заголовок. Заголовок – це те, що ви побачите в результатах пошуку, тому будьте уважні до нього.

wordperss додати інформацію про сайт

Обріжте та відцентруйте логотип та продовжуйте.

Wordpress логотип сайту

6. Відредагуйте домашню сторінку

Вам не потрібно створювати домашню сторінку, вона вже є. Але ви не можете отримати до нього доступ у розділі Налаштувати. Перейдіть на сайт > Сторінки та виберіть Домашню сторінку. Натисніть на нього, щоб відредагувати його.

сторінки WordPress

Деякі функції редактора блоків WordPress відображаються на бічній панелі.

налаштування заголовка wordpress

Деякі відображаються безпосередньо над блоком.

встановити заголовок на сайті wordpress

Тепер змініть текст на сторінці на ім’я вашої групи. Ви можете додати деякий допоміжний текст, натиснувши розширене меню та натиснувши «Вставити після», щоб створити ще один блок.

параметри блоку wordpress

Ми створюємо цей зразок веб-сайту для гурту дез-метл під назвою Sinfury. Ця обкладинка виглядає недостатньо металевою, давайте змінимо її.

зображення обкладинки wordpress

Клацніть на обкладинці зображення та натисніть кнопку редагування, піктограму олівця. Він перенесе вас до файлової системи. Завантажте нове зображення, натиснувши «Додати нове».

wordpress media

Наступним кроком є ​​завантаження пісень. Пізніше ви можете створити окрему сторінку для своїх альбомів, а частина вашої музики відображатиметься на домашній сторінці.

Ось ще одна проблема з WordPress. Ви можете додати аудіоблок, але він доступний лише для преміум-користувачів.

Wordpress блоки

Не хвилюйтесь, ви все одно можете демонструвати свою музику у вільному плані. Спустіться зі списку блоків і знайдіть категорію під назвою Вставлення.

слово вкладиш

Виберіть SoundCloud або Spotify і продовжуйте. Ми вибрали SoundCloud для цього веб-сайту. Перейдіть на сайт і скопіюйте вбудований код.

Wordpress вставляти звуковий шар

Створіть новий блок та вставте до нього доріжку чи доріжки. Ось як виглядає наша домашня сторінка з оновленням зображення та доріжкою на ньому.

звукозахисні слова

7. Заповніть решту сторінки

Зміст домашньої сторінки залежить від вас. Ми вирішили розмістити ще один розділ, який повідомляє читачам прийти до наступного концерту цього гурту.

Наведіть курсор на кінець блоку та натисніть кнопку “Додати новий блок”.

Wordpress Додати блок

Складіть зображення на обкладинці та натисніть Вирівняти > Повна ширина, щоб він охопив веб-сайт.

Wordpress вирівнювання тексту сайту

Завантажте фотографію та напишіть над нею текст. Додайте кнопку, яка веде на сторінку зі списком концертів. Ви можете додати кнопку, перейшовши в папку «Елементи макета».

Wordpress блоки

Ось як виглядатиме розділ.

розділ wordpress

Вирівняйте текст по центру, щоб він виглядав так.

wordperss вирівняти центр тексту

8. Видаліть зайве

Можна змінити більшість елементів дизайну. Але вони вам не потрібні. Наприклад, цей блок марний для музичного веб-сайту. Клацніть на розширеному меню і натисніть Видалити блок, щоб видалити його.

Wordpress макет веб-сайту

9. Створіть інші сторінки

Після закінчення домашньої сторінки прийшов час створити інші сторінки. Перейдіть на сайт > Сторінки та додайте нову сторінку.

додати нову сторінку

Виберіть зі списку маг-шаблона і продовжуйте.

wordpress шаблон

Ось список сторінок, які можуть знадобитися вашому веб-сайту.

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

Безкоштовні теми часто не мають точних потрібних вам шаблонів, але ви можете їх змінити наново.

Наприклад, ви можете використовувати шаблон цієї портфоліо для цієї теми як для галереї, так і для альбомів.

сторінка шаблону wordpress

Сторінка послуг може бути перероблена для оголошень про концерти.

послуги WordPress

Працюйте на сторінках так, як ви працювали на домашній сторінці.

9. Налаштування меню

Після того, як всі сторінки будуть готові, саме час створити загальнонаціональне меню. Перейдіть до дизайну > Налаштуйте та виберіть Меню на бічній панелі.

меню WordPress

Створіть пункт меню для кожної вашої сторінки. Він відображатиметься на всіх сторінках веб-сайту.

10. Запустіть його

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

адреса сайту wordpress

Це етап, коли ви повинні або придбати домен у WordPress, або підключити свій власний. Крім того, ви можете експортувати веб-сайт для публікації у власному домені та хостингу.

функція експорту WordPress

Загорнути

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

Збережіть цю статтю, щоб повернутися до неї пізніше, коли вам потрібно створити свій веб-сайт.

Відвідайте Bandzoogle, щоб розпочати роботу

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map