如何使用樣式部分來自定義您的樂隊網站設計
已發表: 2021-10-13 樣式部分是非常強大的工具,可以幫助突出您網站的內容,同時使內容與您自己的藝術品牌保持一致。 它們打開了許多大門,包括更多圖像、顏色和佈局選項,以保持您的網站的吸引力。
雖然部分在單頁網站上特別有用,但它們當然可以應用於您網站上的任何頁面,您希望在其中引起對添加的功能的關注和差異化。
有很多方面需要確保您的樂隊網站設計是徹底和專業的,比如一個有效的個人簡介、一個偉大的音樂頁面和一個 EPK。 創建音樂網站並準備好主要內容後,您可以深入挖掘並自定義一些部分,以創建適合您風格的網站。
優秀網站設計的一個關鍵是讓您的網站訪問者的眼睛沿著頁面移動。 顏色、紋理和運動的變化可以幫助實現這一點,這都可以通過自定義截面樣式來實現。 這裡要考慮的方面太多了,您可能會想:您能否創建一個樂隊網站設計,既能襯托您的內容又不會太雜亂?
是的! 關鍵是想出一個純色方案,並找到一些可以在整個網站中使用的很棒的紋理圖像。 以下是製作帶有樣式部分的精美網站的步驟演練!
組織您的內容
部分本質上是頁面上的一塊空間,您可以在其中添加功能。 使用部分按類別分解事物或強調頁面上的特定功能是很好的。
例如,您可以使用樣式部分來引起對您的郵件列表註冊功能的關注,或者將一個部分分成三列以添加三個圖像和文本功能,以便在主頁上獲得一些不錯的號召性用語。 這在下面的示例中可見。
向控制面板內的任何頁面添加一個部分非常簡單。 在“編輯內容”下,將鼠標移到頁面佈局上 - 您會看到一個藍色的“+添加部分”按鈕出現在現有部分的上方或下方。
單擊該按鈕以添加新部分!
您還可以在此處調整每個單獨部分的列,方法是單擊該部分左上角的“編輯列”按鈕。 您可以在 1、2 和 3 列之間進行選擇,左側或右側邊欄有一些不對稱的選項。
自定義您的分區樣式
要獲得更多藝術風格,請在“編輯主題”選項卡中設置最多三種不同的部分樣式。 您可以在分區樣式中自定義分區背景以及文本、鏈接和按鈕顏色。 這是您真正為網站上的部分設置基調的地方 - 您可以在部分之間設置高對比度顏色,或選擇更微妙的顏色差異 - 任何適合您的審美。
與樂隊網站模板設計選項的其餘部分一樣,您可以在控制面板的“編輯主題”選項卡下調整部分樣式。
在左側的主題編輯器選項中,只需向下滾動到“Section style 1”、“Section style 2”和“Section style 3”選項,選擇您的顏色設置,然後將所有設置都設置正確後,單擊“保存”以應用您的更改。
設置您的部分屬性
在“編輯主題”選項卡中設置部分樣式後,您可以返回“編輯內容”選項卡並將不同的屬性應用於站點上的部分。 將鼠標懸停在某個部分上,然後單擊該部分左上角的“編輯部分”。 您可以調整的屬性包括部分顏色(從您設置的部分樣式中提取)、背景圖像和滾動效果以及部分填充。

您還可以向該部分添加一個可選的標題,並根據您的喜好調整此標題的對齊方式。 如果您將“在菜單中顯示”開關切換為“開”,則此標題也可以添加為子菜單項。 如果您在特定頁面上有相當多的內容,並且您希望提供一種更簡單的方式來訪問所有這些內容,則可以使用此方法。
要更改剖面顏色,請單擊“剖面顏色”,然後從下拉菜單中選擇剖面樣式。
要更改部分填充,請單擊“部分填充”並從無、小、中、大或特大中選擇。 填充在部分內容的頂部和底部提供更多間距,並可以為拋光外觀創建空白。
單擊“保存”以保存所有這些更改。 我將詳細說明下面的背景圖像選項,因為這裡有很大的潛力!
添加背景圖片
隨著這些提供的附加紋理、深度和個人風格,部分背景功能的可能性是無窮無盡的。 理論上,您可以為網站上的每個部分設置背景圖像,使其完全基於圖像,沒有純色塊。 如果您想創建一個非常具有視覺意識的網站,這是一個非常強大的舉措。
在執行此操作時,請務必牢記內聚性。 您需要確保所有這些圖像都位於相似的調色板中,並且其中沒有太多細節。 這是我使用不同的天空和雲彩圖像創建的網站示例:requiem for sky
要將背景圖像添加到部分,請再次單擊“編輯部分”,然後單擊“背景圖像”。 從這裡,單擊“添加圖像”並上傳新圖像或從圖像選擇器中選擇圖像。 點擊“應用”。 然後,您可以根據需要裁剪和放大圖像,然後單擊保存。
從這裡,您可以設置圖像透明度。 根據部分中的內容,您可能希望將圖像透明度保持在較低的百分比(低於 20%)。 但是,如果圖像不會妨礙此處的內容,您可以將其放大很多。 在我的示例中,我將透明度設置為 70%。 您也可以選擇不同的分區樣式,將彩色背景與您選擇的圖像組合在一起。
接下來,設置滾動效果。 您可以選擇省略這一點,但我們有幾個非常可愛的選項。 視差滾動效果提供了一個整潔的三維效果,因為背景圖像以與頁面本身略有不同的速度滾動。 固定滾動效果將圖像固定在背景上,其餘內容在其上滾動。 您可以根據需要使用這些。 再次單擊“保存”以應用這些更改。
玩得開心自定義截面樣式!
從這些示例中可以看出,部分提供的樣式和佈局選項使用起來非常有趣。 它們使設計精美的音樂網站變得容易。 我們的許多網站模板都帶有一些預製的樣式部分,可以幫助您入門,而且所有這些模板也都支持移動設備。 我希望這篇文章能讓您有信心嘗試所有這些可能性!
在幾分鐘內設計一個專業的、可移動的網站,易於更新和維護。 立即使用 Bandzoogle 建立您的樂隊網站!