วิธีการใช้จานสีกับเว็บไซต์ Divi ของคุณ

บนอินเทอร์เน็ตมีบางสิ่งที่แย่กว่าเว็บไซต์ที่ไม่สุภาพ แน่นอนว่าบางเว็บไซต์มีจุดประสงค์เพื่อรูปลักษณ์ที่โหดเหี้ยมหรือมินิมัลลิสต์ (ดูที่คุณ Craigslist) แต่ถึงแม้จะดูไม่ สุภาพ มีจานสีทึบเป็นวิธี surefire เพื่อทำให้เว็บไซต์ของคุณโดดเด่นจากฝูงสีเบจ, ผู้ eshops เดียวปฏิภาณที่กด de มากกว่า im กด โชคดีที่ Divi ช่วยคุณได้ด้วยระบบ Magic Color และ Global Colours คุณสามารถใช้จานสีกับเว็บไซต์ Divi ของคุณได้อย่างง่ายดาย ผลลัพธ์จะต้องประทับใจผู้เยี่ยมชมของคุณ

เคล็ดลับทั่วไปเกี่ยวกับจานสี

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

1. ตัดสินใจเลือกเว็บไซต์สีเข้มหรือสีอ่อน

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

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

2. เลือกสี

ในทางทฤษฎี คุณสามารถกำหนดได้เองว่าต้องการให้จานสีของคุณมีกี่สี ไม่มีวิธีมาตรฐานในการใช้หรือกำหนดจานสี อย่างไรก็ตาม เพื่อสร้างความสมดุลของสีด้วย Divi เราขอแนะนำให้ใช้ห้าสี

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

สีพื้นหลัง

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

สีตัวอักษร

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

ไฮเปอร์ลิงก์และสี CTA

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

สีสำหรับสัมผัสสุดท้าย

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

3. ตรวจสอบให้แน่ใจว่ามีคอนทราสต์เพียงพอ

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

4. ค้นหาสมดุลการใช้สีที่เหมาะสม

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

ตรวจสอบให้แน่ใจว่าคุณใช้สีที่เป็นกลางมากขึ้นในจานสีของคุณเป็นส่วนใหญ่ และใช้สีอื่นเพื่อเน้นเนื้อหาที่คุณนำเสนอ

วิธีเพิ่มจานสีให้กับเว็บไซต์ Divi ของคุณ

เมื่อคำนึงถึงสิ่งนี้ ก็ถึงเวลาเจาะลึก Divi และใช้จานสีใหม่ของเว็บไซต์ของคุณ!

Divi Palette เริ่มต้น

ก่อนอื่น ไปที่แดชบอร์ด WordPress แล้วไปที่ Divi – Theme Options ใต้แท็บ General คุณจะเห็นรายการชื่อ Color Pickers Default Palette สิ่งนี้ทำให้คุณสามารถเลือกสีใดก็ได้ 8 สีที่คุณต้องการเข้าถึงอย่างรวดเร็วทุกครั้งที่คุณเปิดตัวเลือกสีในตัวสร้าง Divi โดยค่าเริ่มต้น สีเหล่านี้เป็นสีสดใสที่หลายคนใช้ แต่ไม่ใช่จานสีที่สมบูรณ์ซึ่งควรใช้ในเว็บไซต์เดียว

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

เข้าสู่ Divi Builder

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

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

ตั้งค่าสีเป็นสากล

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

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

เมื่อตัวเลือกใหม่ปรากฏขึ้น ให้คลิก เครื่องหมายถูกสีเขียว เพื่อเพิ่มสีปัจจุบันเป็นตัวเลือกร่วม

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

นอกจากนี้ คุณสามารถคลิกขวาที่สีที่เลือกและเลือก "แปลงเป็นสากล" เพื่อเพิ่มลงในรายการ

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

ใช้ Global Colours

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

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

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

คุณสามารถแก้ไขเป็นกลุ่มโดยใช้ตัวเลือกสี เพียงคลิกที่หยดเพื่อเลือกอันใหม่

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

ห่อ

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

สนุก!

บทความ ภาพโดย ART.ICON / shutterstock.com