วิธีเปิดใช้งานโหมดมืดบนไซต์ WordPress ของคุณ

Franklin บทช่วยสอน WordPress Oct 31, 2021

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

Dark Mode คืออะไรและทำไมต้องเพิ่มลงในเว็บไซต์ของคุณ?

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

การใช้ส่วนขยายของ Google Chrome ที่เรียกว่า Night Eye ทำให้สามารถดูเว็บไซต์ในโหมดมืดได้ เราทดสอบบนไซต์ CodeWatchers และนี่คือสิ่งที่ดูเหมือน:

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

สร้างเว็บไซต์ที่น่าทึ่ง

ด้วย Elementor ตัวสร้างหน้าฟรีที่ดีที่สุด

เริ่มเลย

เว็บไซต์ยอดนิยมหลายแห่งเสนอโหมดนี้ นี่เป็นกรณีตัวอย่างกับ YouTube ในกรณีที่มีการดูช่วงดึก

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

เปิดใช้งานโหมดมืดบนเว็บไซต์ WordPress ของคุณ

ในการเริ่มต้น คุณต้องติดตั้งและเปิดใช้งาน ปลั๊กอิน WP Dark Mode บนไซต์ WordPress ของคุณ จากนั้นไปที่หน้า การตั้งค่า » WP Dark Mode ในผู้ดูแลระบบ WordPress ของคุณและคลิกที่แท็บ การตั้งค่าทั่วไป คุณจะถูกเปลี่ยนเส้นทางโดยอัตโนมัติ

ณ จุดนี้ คุณจะเห็นว่าพารามิเตอร์ "Enable OS Aware Dark Mode" เปิดใช้งานอยู่ โดยพื้นฐานแล้ว เมื่ออุปกรณ์ของผู้เยี่ยมชมของคุณถูกตั้งค่าเป็นโหมดมืด เวอร์ชัน Dark Mode ของเว็บไซต์ของคุณจะแสดงให้พวกเขาเห็น น่าสนใจใช่มั้ยล่ะ!

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

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

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

หมายเหตุ: ควรสังเกตว่าปลั๊กอิน WP Dark Mode เวอร์ชันฟรีมีคุณลักษณะที่จำกัดเฉพาะรูปแบบสวิตช์ลอย 2 แบบแรก และค่าที่ตั้งไว้ล่วงหน้า 2 สีแรก

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

เปิดใช้งาน Dark Mode ให้กับผู้ดูแลระบบ WordPress ของคุณ

ตามค่าเริ่มต้น WordPress ไม่มีชุดสีของผู้ดูแลระบบเพื่อลดแสงสีขาวที่มาจากหน้าจอของคุณ นั่นเป็นเหตุผลที่เราจะใช้ปลั๊กอิน WP Dark Mode อีกครั้ง โชคดีที่ขั้นตอนนั้นง่ายมาก

เพียงไปที่หน้า การตั้งค่า »WP Dark Mode แล้วคลิกแท็บ การตั้งค่าทั่วไป คุณจะเห็นพารามิเตอร์ "Enable Backend Darkmode" คุณเปลี่ยนเป็น เปิด และเสร็จสิ้น แน่นอน อย่าลืมคลิกปุ่ม บันทึกการตั้งค่า ที่ด้านล่างของหน้า:

ตอนนี้คุณจะเห็นสวิตช์ใหม่ในแถบด้านบนของพื้นที่ผู้ดูแลระบบของคุณ:

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

หมายเหตุ: แม้ว่าคุณจะมีผู้ใช้หลายคนในไซต์ WordPress ของคุณ แต่ละคนสามารถเลือกได้ว่าจะเปิดโหมดมืดตามต้องการหรือไม่

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

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

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

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