วิธีใช้ส่วนที่มีสไตล์เพื่อปรับแต่งการออกแบบเว็บไซต์วงดนตรีของคุณ

เผยแพร่แล้ว: 2022-06-03

วิธีใช้ส่วนที่มีสไตล์เพื่อปรับแต่งการออกแบบเว็บไซต์ของวงดนตรีของคุณ ส่วนที่มีสไตล์เป็นเครื่องมือที่ทรงพลังจริงๆ ที่ช่วยเน้นเนื้อหาของไซต์ของคุณ ในขณะที่ยังคงรักษาสิ่งต่าง ๆ ให้สอดคล้องกับแบรนด์ศิลปะของคุณเอง สิ่งเหล่านี้เปิดประตูมากมายเพื่อรวมภาพ สีสัน และตัวเลือกเลย์เอาต์ที่มากขึ้นเพื่อให้ไซต์ของคุณมีส่วนร่วม

แม้ว่าส่วนต่างๆ จะมีประโยชน์อย่างยิ่งในเว็บไซต์หน้าเดียว แต่ก็สามารถนำไปใช้กับหน้าใดก็ได้ในเว็บไซต์ของคุณซึ่งคุณต้องการให้ความสนใจและสร้างความแตกต่างจากคุณลักษณะที่คุณเพิ่ม

มีหลายแง่มุมที่ต้องรวมไว้เพื่อให้แน่ใจว่าการออกแบบเว็บไซต์วงดนตรีของคุณนั้นละเอียดถี่ถ้วนและเป็นมืออาชีพ เช่น ชีวประวัติที่มีประสิทธิภาพ หน้าเพลงที่ยอดเยี่ยม และ EPK เมื่อคุณสร้างเว็บไซต์เพลงและเนื้อหาหลักของคุณพร้อมแล้ว คุณสามารถเจาะลึกลงไปอีกเล็กน้อยและปรับแต่งบางส่วนเพื่อสร้างเว็บไซต์ที่เหมาะกับสไตล์ของคุณ

กุญแจสำคัญในการออกแบบเว็บไซต์ที่ดีคือการรักษาสายตาของผู้เยี่ยมชมเว็บไซต์ของคุณให้เคลื่อนไหวไปตามหน้า การเปลี่ยนสี พื้นผิว และการเคลื่อนไหวสามารถช่วยในเรื่องนี้ได้ ซึ่งทั้งหมดนี้สามารถทำได้ผ่านสไตล์ส่วนที่กำหนดเอง มีหลายแง่มุมให้คิดเกี่ยวกับที่นี่ และคุณอาจสงสัยว่า: คุณสามารถสร้างการออกแบบเว็บไซต์วงดนตรีที่กำหนดเนื้อหาของคุณโดยไม่เกะกะเกินไปได้หรือไม่

ใช่! กุญแจสำคัญคือการสร้างรูปแบบสีทึบและค้นหาภาพพื้นผิวที่ยอดเยี่ยมที่คุณสามารถใช้ได้ทั่วทั้งไซต์ของคุณ ต่อไปนี้คือขั้นตอนในการดำเนินการเพื่อสร้างไซต์ที่สวยงามพร้อมส่วนที่มีสไตล์!

จัดระเบียบเนื้อหาของคุณ

ส่วนนั้นเป็นบล็อกของพื้นที่บนหน้าที่คุณสามารถเพิ่มคุณสมบัติภายในได้ เป็นการดีที่จะใช้ส่วนต่างๆ เพื่อแบ่งสิ่งต่างๆ ตามหมวดหมู่ หรือเน้นที่คุณลักษณะเฉพาะบนหน้าเว็บ

ตัวอย่างเช่น คุณสามารถใช้ส่วนที่มีสไตล์เพื่อเรียกความสนใจไปยังคุณลักษณะการสมัครรับจดหมายข่าวของคุณ หรือแบ่งส่วนออกเป็นสามคอลัมน์เพื่อเพิ่มคุณลักษณะรูปภาพและข้อความสามรายการสำหรับการเรียกร้องให้ดำเนินการที่ดีในหน้าแรก ดังตัวอย่างด้านล่าง

จัดระเบียบเนื้อหาด้วยส่วนที่มีสไตล์

การเพิ่มส่วนในหน้าใดก็ได้ในแผงควบคุมของคุณนั้นค่อนข้างง่าย ภายใต้ "แก้ไขเนื้อหา" ให้เลื่อนเมาส์ไปเหนือเค้าโครงหน้า - คุณจะเห็นปุ่ม "+เพิ่มส่วน" สีฟ้าปรากฏขึ้นด้านบนหรือด้านล่างของส่วนที่มีอยู่



คลิกปุ่มนั้นเพื่อเพิ่มส่วนใหม่!

คุณยังสามารถปรับคอลัมน์สำหรับแต่ละส่วนได้ที่นี่ โดยคลิกปุ่ม "แก้ไขคอลัมน์" ที่ด้านบนซ้ายของส่วน คุณสามารถเลือกระหว่าง 1, 2 และ 3 คอลัมน์ โดยมีตัวเลือกที่ไม่สมมาตรสำหรับแถบด้านข้างซ้ายหรือขวา

ปรับแต่งสไตล์ส่วนของคุณ

หากต้องการความมีรสนิยมทางศิลปะมากขึ้น ให้ตั้งค่าลักษณะส่วนที่แตกต่างกันสามแบบในแท็บแก้ไขธีม ลักษณะส่วนของคุณเป็นที่ที่คุณกำหนดพื้นหลังของส่วน ตลอดจนสีข้อความ ลิงก์ และปุ่ม นี่คือที่ที่คุณจะกำหนดโทนสีสำหรับส่วนต่างๆ ในไซต์ของคุณ - คุณสามารถตั้งค่าสีที่มีคอนทราสต์สูงระหว่างส่วนต่างๆ หรือเลือกใช้ความแตกต่างของสีที่ละเอียดยิ่งขึ้น - อะไรก็ได้ที่เหมาะกับสุนทรียศาสตร์ของคุณ

เช่นเดียวกับตัวเลือกการออกแบบเทมเพลตเว็บไซต์วงดนตรีอื่นๆ ของคุณ คุณจะต้องปรับสไตล์ส่วนของคุณภายใต้แท็บ "แก้ไขธีม" ของแผงควบคุม

ในตัวเลือกตัวแก้ไขธีมทางด้านซ้าย เพียงเลื่อนลงไปที่ตัวเลือก 'รูปแบบส่วนที่ 1', 'รูปแบบส่วนที่ 2' และ 'รูปแบบส่วนที่ 3' เลือกการตั้งค่าสีของคุณ และเมื่อคุณตั้งค่าทุกอย่างถูกต้องแล้ว ให้คลิก ' บันทึก' เพื่อใช้การเปลี่ยนแปลงของคุณ

จัดรูปแบบส่วนเว็บไซต์ของคุณ

ตั้งค่าคุณสมบัติส่วนของคุณ

เมื่อคุณตั้งค่าสไตล์ส่วนของคุณในแท็บแก้ไขธีมแล้ว คุณสามารถกลับไปที่แท็บแก้ไขเนื้อหาและใช้คุณสมบัติต่างๆ กับส่วนต่างๆ บนไซต์ของคุณได้ วางเมาส์เหนือส่วนใดส่วนหนึ่งแล้วคลิก "แก้ไขส่วน" ที่มุมซ้ายบนของส่วนนั้น คุณสมบัติที่คุณปรับเปลี่ยนได้ ได้แก่ สีของส่วน (ดึงจากลักษณะส่วนที่คุณกำหนด) ภาพพื้นหลังและเอฟเฟกต์การเลื่อน และการขยายส่วน

คุณยังสามารถเพิ่มชื่อที่ไม่บังคับลงในส่วนและปรับเหตุผลของชื่อนี้ให้เหมาะกับรสนิยมของคุณ นอกจากนี้ยังสามารถเพิ่มชื่อนี้เป็นรายการเมนูย่อยได้หากคุณสลับ "เปิด" สวิตช์ "แสดงในเมนู" จะใช้ถ้าคุณมีเนื้อหาค่อนข้างมากในหน้าใดหน้าหนึ่ง และคุณต้องการให้วิธีที่ง่ายกว่าในการเข้าถึงเนื้อหาทั้งหมดนี้

หากต้องการเปลี่ยนสีของส่วน ให้คลิกที่ "สีส่วน" จากนั้นเลือกรูปแบบส่วนจากเมนูแบบเลื่อนลง

หากต้องการเปลี่ยน Section Padding ให้คลิกที่ “Section Padding” แล้วเลือกไม่มี เล็ก กลาง ใหญ่ หรือใหญ่พิเศษ Padding ช่วยเพิ่มระยะห่างที่ด้านบนและด้านล่างของเนื้อหาในส่วน และสามารถสร้างช่องว่างสำหรับรูปลักษณ์ที่สวยงามได้

เพิ่มช่องว่างภายในส่วนเว็บไซต์

คลิก "บันทึก" เพื่อบันทึกการเปลี่ยนแปลงทั้งหมดเหล่านี้ ฉันจะอธิบายอย่างละเอียดเกี่ยวกับตัวเลือกภาพพื้นหลังด้านล่าง เพราะมีศักยภาพมากมายที่นี่!

เพิ่มภาพพื้นหลัง

ความเป็นไปได้ของคุณสมบัติพื้นหลังของส่วนนั้นไม่มีที่สิ้นสุดด้วยการเพิ่มพื้นผิว ความลึก และสไตล์ส่วนตัวที่เสนอเหล่านี้ ในทางทฤษฎี คุณสามารถตั้งค่าภาพพื้นหลังสำหรับทุกส่วนในไซต์ของคุณ เพื่อให้เป็นรูปภาพทั้งหมดโดยไม่มีสีทึบ นี่เป็นการเคลื่อนไหวที่ทรงพลังมาก หากคุณต้องการสร้างไซต์ที่มีสายตากว้างไกล

สิ่งสำคัญคือต้องคำนึงถึงความสามัคคีเมื่อทำเช่นนี้ คุณจะต้องแน่ใจว่ารูปภาพทั้งหมดอยู่ในจานสีที่คล้ายกัน และไม่มีรายละเอียดมากนักในรูปภาพ นี่คือตัวอย่างไซต์ที่ฉันสร้างโดยใช้ภาพท้องฟ้าและเมฆต่างๆ: requiem for sky

ตัวอย่างส่วนพื้นหลัง

หากต้องการเพิ่มรูปภาพพื้นหลังในส่วน ให้คลิก "แก้ไขส่วน" อีกครั้ง จากนั้นคลิก "รูปภาพพื้นหลัง" จากที่นี่ คลิก "เพิ่มรูปภาพ" แล้วอัปโหลดรูปภาพใหม่หรือเลือกรูปภาพจากตัวเลือกรูปภาพของคุณ คลิก “สมัคร” จากนั้นคุณสามารถครอบตัดและซูมภาพได้ตามต้องการ แล้วคลิกบันทึก

จากที่นี่ คุณสามารถตั้งค่าความโปร่งใสของรูปภาพได้ คุณอาจต้องการปล่อยให้ความโปร่งใสของรูปภาพเป็นเปอร์เซ็นต์ต่ำ (ต่ำกว่า 20%) ทั้งนี้ขึ้นอยู่กับเนื้อหาในส่วน แต่ถ้ารูปภาพไม่กีดขวางเนื้อหาที่นี่ คุณสามารถทำให้ภาพดูดีขึ้นได้เล็กน้อย ในตัวอย่างของฉันที่นี่ ฉันตั้งค่าความโปร่งใสเป็น 70% คุณสามารถเลือกรูปแบบส่วนอื่นเพื่อรวมพื้นหลังสีเข้ากับรูปภาพที่คุณเลือกได้เช่นกัน

ภาพพื้นหลังส่วนเว็บไซต์

ถัดไป ตั้งค่าเอฟเฟกต์การเลื่อนของคุณ คุณสามารถเลือกที่จะละเว้นได้ แต่เรามีตัวเลือกที่ค่อนข้างน่ารัก เอฟเฟกต์การเลื่อนพารัลแลกซ์ให้เอฟเฟกต์สามมิติที่ดูเรียบร้อยเมื่อภาพพื้นหลังเลื่อนในอัตราที่ต่างจากตัวเพจเล็กน้อย เอฟเฟกต์การเลื่อนแบบคงที่จะแก้ไขรูปภาพบนพื้นหลัง และเนื้อหาที่เหลือจะเลื่อนผ่าน คุณสามารถเล่นกับสิ่งเหล่านี้ได้ตามต้องการ คลิก "บันทึก" อีกครั้งเพื่อใช้การเปลี่ยนแปลงเหล่านี้

ขอให้สนุกกับการเล่นด้วยรูปแบบส่วนที่กำหนดเอง!

จากตัวอย่างเหล่านี้ คุณสามารถบอกได้ว่าตัวเลือกการจัดสไตล์และเลย์เอาต์ที่ส่วนต่างๆ มีให้นั้นสนุกมากที่จะใช้งาน ทำให้ง่ายต่อการออกแบบเว็บไซต์เพลงที่สวยงาม เทมเพลตเว็บไซต์ของเราจำนวนมากมาพร้อมกับส่วนสไตล์ที่สร้างไว้ล่วงหน้าบางส่วนเพื่อช่วยคุณเริ่มต้น และทั้งหมดก็พร้อมสำหรับมือถือเช่นกัน ฉันหวังว่าโพสต์นี้จะช่วยให้คุณมีความมั่นใจที่จะลองใช้ความเป็นไปได้เหล่านี้!

ออกแบบเว็บไซต์ระดับมืออาชีพที่พร้อมใช้งานบนมือถือในไม่กี่นาที อัปเดตและบำรุงรักษาได้ง่าย สร้างเว็บไซต์วงดนตรีของคุณด้วย Bandzoogle วันนี้!