創建您會喜歡的樂隊網站佈局的 7 種方法

無論您是剛開始設計新的樂隊網站，還是為正在進行的新項目更新您的網站，Bandzoogle 的平台都提供了很好的工具來擴展您的網站佈局的可能性。

無論您選擇哪個樂隊網站模板，都可以通過多種方式自定義佈局以創建真正適合您的特定需求和審美的外觀。

在為您的樂隊或其他音樂項目建立網站時，以盡可能清晰的方式佈置信息非常重要，同時也要忠於您作為藝術家的品牌和價值觀。

“圖像和文本”功能是我在為網站頁面創建獨特佈局時最喜歡使用的功能之一。 這是一項超級通用的功能，可確保在所有設備上進行乾淨的格式化。

我將向您展示如何使用此功能，結合部分自定義，在您的網站上為各種目的製作 7 個樂隊網站佈局。

首先，我將解釋“圖像和文本”功能中可以根據需要使用或省略的所有元素：

• 圖片：當然，您可以在“圖片和文字”功能中添加圖片。 此圖像可以裁剪為正方形、圓形或 5:4 或 16:9 的比例。 您還可以在“圖像鏈接”區域中添加指向該圖像的超鏈接。 在將圖像上傳到您的網站之前，請務必針對網絡優化您的圖像。
• 標題：您可以添加一個標題，該標題從“編輯主題”選項卡中的“標題 1”設置中提取其字體樣式。
• 副標題：您可以添加一個從“編輯主題”選項卡中的“標題 2”設置中提取其字體樣式的副標題。
• 描述：這裡的描述或“正文”可以很短也可以很長，如果文本很長，可以選擇將文本環繞在圖像周圍（也許對於深入的藝術家簡歷 - 稍後會詳細介紹）。 超鏈接可以添加到描述區域的文本中。
• 按鈕：按鈕可以鏈接到外部頁面、您網站上的頁面、曲目、專輯、文件或電子郵件地址。

現在，這裡有 7 種有趣的方法可以將此功能和其他佈局自定義應用到您的網站 - 盡情享受吧！

1. 整理您的音樂目錄、項目組合等

如果您想在頁面上突出顯示許多不同的項目、服務、相冊等，一個不錯的選擇是使用頁面上多個列中的多個圖像和文本功能創建一個“登錄頁面”。

要查看實際情況，請查看 Jojo Worthington 的“生產和工程”頁面，她使用圖像和文本功能以有條理的方式列出她的所有學分。

藝術家網站：Jojo Worthington

要獲得類似的外觀，請首先創建一個新頁面或部分。 要創建新頁面，請在編輯內容下單擊“頁面”>“添加頁面”並根據需要命名頁面。 點擊“創建我的頁面”。

要創建新部分，請在編輯內容下，將鼠標懸停在頁面上的兩個部分之間，然後單擊藍色的“+ 添加部分”按鈕。

設計一個具有與您的音樂相匹配的自定義外觀和感覺的令人驚嘆的網站。 立即使用 Bandzoogle 建立網站！

我建議將頁面的部分分成兩列或三列開始。 在編輯內容下，單擊“新建部分”（頁面佈局中的藍色水平線），然後將鼠標懸停在您創建的部分上，然後單擊“編輯列” - 然後在此處選擇“2 列”或“3 列”。

要添加“圖像和文本”功能，請單擊“添加功能”>“圖像和文本”，然後使用灰色放置箭頭將該功能放置在本節的某一列中。 選擇“堆棧”顯示選項以使按鈕和任何文本位於圖像下方。

然後，添加代表一個項目/專輯/等的圖像，並根據需要添加任何文本。 如果您不想要任何標題/描述，只需從文本字段中刪除提示並將它們留空。

要在此圖像上添加鏈接，請單擊圖像縮略圖下的“編輯”。 圖像旁邊會彈出一個菜單。 單擊“鏈接”，然後選擇您的鏈接類型 - 如果您正在製作唱片頁面，您可以鏈接到“專輯”或“曲目”以鏈接到您網站上設置的專輯或曲目/單曲。 如果您以製作人、工程師等身份製作作品集，您可以鏈接到“外部頁面”並在提供的字段中輸入項目的 URL。 單擊應用。
最後但同樣重要的是，還有按鈕選項 - 要排除按鈕，請在“按鈕鏈接”下選擇“無鏈接”。 或者，選擇其他鏈接類型（可能與您在圖像上應用的鏈接相同）。

單擊保存以保存所有這些更改。 繼續為您的唱片、項目組合等中的所有項目添加“圖像和文本”功能。一旦建立起來，您將擁有一個很棒的項目網格供您的網站訪問者點擊。

2. 在您的主頁上突出顯示項目或產品

使用“圖像和文本”功能的另一個好方法是在您的樂隊網站主頁上突出顯示一些關鍵項目。 主頁是簡要概述您的最新項目和網站提供的所有內容的好地方。 也許您有一些令人興奮的公告要發布，或者想要引導您的網站訪問者訪問您的新專輯、您的在線商品商店或您的旅遊日程。

您可以使用“圖像和文本”功能清晰地突出顯示這些內容，並將人們鏈接到可以找到這些內容的網站內頁。 使用圖像總是可以方便地吸引網站訪問者的注意力。 這使您的主頁看起來乾淨簡潔，並促進與您網站內頁的更多交互。

Wolf & Moon 和 Lightbound Music 在他們的主頁上都做得很好。

藝術家網站：Wolf & Moon

藝人網站：Lightbound Music

請注意這兩個頁面上都使用了“拼貼”顯示樣式。 他們定制了他們的網站模板以補充他們的新產品/項目，以便拼貼覆蓋的背景顏色與藝術品完美匹配。

您可以在這裡真正使用多種顏色，在您的部分背景顏色、拼貼覆蓋顏色、按鈕顏色和您使用的圖像中的顏色之間。

3.增加你的生物以增加個性

通過“圖像和文本”功能中的標題、副標題、按鈕和圖像選項，您可以在編寫音樂家簡歷時添加許多個性。 您可以根據需要選擇包括或省略這些項目中的任何一項。

Annie Sumi 在她的簡歷頁面上做得很好。 Annie 在“圖像和文本”功能的“副標題”字段中引用了與她的音樂實踐產生共鳴的引語。 這得到了不同的風格，並在她的簡歷頂部突出顯示。 她使用“拆分”顯示選項將圖像放在生物文本旁邊。

她已將她的藝術家頭像圖像裁剪為一個圓圈 - 這不僅與圖像相得益彰，而且與她的音樂主題相得益彰。 要在“圖像和文本”功能中裁剪圖像，請單擊圖像縮略圖下方的“編輯”。 圖像旁邊會彈出一個菜單。 單擊此處的“裁剪”並選擇適合您的裁剪樣式。 根據需要拖動圖像以定位它，然後單擊應用。

她還切換了“選項”下的“環繞文本”開關“打開”，以便文本環繞圖像。 這將很好地響應不同的屏幕尺寸，並保持頁面佈局在整個生物長度上看起來都是完整的。

藝術家：安妮蘇米

4.製作一個超級有條理的EPK

“圖像和文本”功能的另一個顯示選項是“圖像上的文本”。 這釋放了許多可能性來創建一些非常注重圖像的可愛佈局。 此選項可以很好地在您的網站上創建一個 EPK，預訂者和其他行業人士會喜歡的，因為他們可以通過單擊快速找到他們正在尋找的內容。 我從我自己樂隊的 EPK 中提取了這個示例，其中使用“圖像上的文本”選項清楚地概述了元素。

在這裡，我根據上面的“登陸頁面”建議（#1）設置了一個類似的佈局。 我使用了我們為新專輯拍攝的照片中的一些紋理圖像，並將所有這些裁剪為圓圈。 然後我為每個圖像和文本功能添加了一個簡單的“標題”，以標記我們樂隊的 EPK 中包含的各種元素。

每個圖像都鏈接到一個單獨的非菜單頁面，該頁麵包含每個類別的內容。 例如，我有一個特殊的“EPK - 照片”頁面，其中包含我們所有的新聞照片。

隨意嘗試這個非常直觀的 EPK 頁面！

藝術家網站：The Lifers

5. 為訂閱、服務等創建信息頁面。

我們的許多會員為他們的網站訪問者提供了令人驚嘆的服務——無論是出售粉絲訂閱還是其他定制服務（音樂課、錄音課程、治療等），我們總是對我們的會員給世界帶來的東西感到驚訝。

Jackie Gage 為他們的訂閱產品創建了一個很棒的信息頁面。 Jackie 使用“圖像和文本”功能的“拆分”顯示選項來概述他們提供的服務種類。 Jackie 充分利用了圖像和文本功能的標題、副標題和按鈕組件，以便為網站訪問者清楚地概述關鍵信息。 精彩的作品在這裡！

藝術家網站：Jackie Gage

6. 使用部分背景對您的佈局產生重大影響

偉大的圖像中有如此多的力量。 通過向部分添加背景圖像，您將在視覺上分解頁面。 這一突破受到了我們滾動的人眼的歡迎，並且該內容將立即彈出，因為它很重要且令人興奮。 這是在頁面某處合併號召性用語的另一種好方法。

Intune Experience 在其主頁上完美地做到了這一點。 他們在主頁的中間部分設置了一個可愛的紋理圖像作為“部分背景圖像”。 他們在“文本”功能中添加了自己的報價，然後是一個鏈接按鈕，呼籲訪問者預訂會議。

這種佈局非常完美，因為它給人以個人風格，視覺上很有趣，並提供了清晰的參與信息。 簡單真的是這裡的關鍵。

藝術家網站：Becki Fleischer

7.玩得開心！

如果您願意嘗試一下，有很多方法可以玩弄佈局。 這是一個很好的網站示例，它使用形狀裁剪、有趣的顏色、部分背景、不同的列佈局等來發揮佈局的可能性。

Piper Hayes 在她的 Vocal Coaching 網站上使用圓形裁剪和圖像和文本功能的“拼貼”顯示選項創造了一種極好的美學。 該網站結合了出色的調色板、可愛的紋理圖像和無畏的個人風格，創造了一個非常受歡迎的在線空間。

藝術家網站：Piper Hayes

我確實希望這篇文章有助於為您提供一些靈感，幫助您通過在頁面上創建不同的佈局來為您自己的網站帶來個性化和美觀的觸感。 當然，如果您希望我們查看您創建的內容並提供一些反饋，請隨時與我們屢獲殊榮的支持團隊聯繫。 我們為所有會員提供免費的樂隊網站評論！