披露:當您通過我們的鏈接購買服務或產品時,我們有時會獲得佣金。

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.

那你怎麼處理 創建一個網站 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.

在本文中,我們將重點介紹這兩個最適合創建音樂網站的地方, BandzoogleWordPress.

這是您必須了解的內容。

 

在中創建音樂網站 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 可能沒有成千上萬個模板,但足以滿足各種口味。

您可以按流派瀏覽模板。 我們為死亡金屬樂隊選擇了“搖滾”模板。

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 列佈局

下一部分可能是您的團隊介紹。 選擇“圖像和文本”類別並上傳圖片。

bandzoogle 功能

您可以在右側邊欄中編輯文本。 如果您不希望顯示某些文本,請像處理副標題一樣將其刪除。

bandzoogle heading and description

在邊欄中,您還可以更改部分的背景顏色和填充。

bandzoogle site layout

5.添加社交媒體


單擊網站範圍菜單上的“添加社交媒體鏈接”以連接您的Instagram或Facebook個人資料。

bandzoogle 添加部分

從列表中選擇網站,然後輸入您的Instagram句柄。

bandzoogle add site link

現在,您會看到Instagram圖標彈出。 但是對於這個菜單來說太小了。 讓我們做更大。

bandzoogle 目錄

轉到頂部的導航欄,然後按“編輯主題”。

bandzoogle 編輯內容

向下滾動到“網站範圍”部分,然後更改按鈕的大小。

bandzoogle button changes

現在,您的訪客將能夠注意到該按鈕。

bandzoogle 目錄

6.設置站點圖標


網站圖標顯示在打開網站的選項卡的角上。 在HostingPill上,這是一個小藥丸。

網站圖標圖標

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 頁面創建

佈局很簡單,但是效果很好。

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的選擇域

如果您已經擁有域,則可以通過單擊此按鈕將其連接。 請勿在搜索欄中輸入任何內容,這將是可訪問的。

WordPress域名

最後要做的是選擇計費方案。 如果您現在不想這樣做,請繼續免費計劃。

2.將網站設為私人

如果您確實擁有域名,則實時測試新網站可能會損害用戶體驗。 設為私人 以確保您推出網站的微調版本。

您可以在插件中進行操作,也可以節省時間,然後僅私下發布頁面。

WordPress發布可見性

如果要在免費域上創建音樂網站,請不要擔心此步驟。 您的粉絲不知道此頁面,因此它實際上是私人的。

3.準備出色的攝影

網站佈局只能為您做很多事情。 您需要投資驚人的攝影作品,以捕捉您的樂隊精神。 這將使該網站真正成為您的網站。

首先,請專業攝影師來參加您的演出,並拍攝一些動作照片。

WordPress的圖像

資源: 辛弗瑞/ 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主題

默認的Maywood主題是簡單音樂網站的最佳主題之一,因此我們堅持使用它。 您可以選擇自己喜歡的任何主題,然後按“激活此設計”。

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

不用擔心,您仍然可以在免費計劃中展示您的音樂。 向下瀏覽塊列表,找到名為“嵌入”的類別。

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.