วิธีเพิ่มโหมดมืดในเว็บไซต์ WordPress ของคุณ

คุณต้องการเพิ่มโหมดมืดให้กับ .ของคุณหรือไม่ เว็บไซต์ เวิร์ดเพรส?

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

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

แต่ก่อนหน้านี้หากคุณไม่เคยติดตั้ง WordPress ให้ค้นพบ วิธีการติดตั้งขั้นตอน 7 บล็อก WordPress et วิธีการหาติดตั้งและเปิดใช้งานธีมเวิร์ดเพรสบนบล็อกของคุณ 

จากนั้นกลับไปที่สาเหตุที่เราอยู่ที่นี่

โหมดมืดคืออะไรและเหตุใดจึงเพิ่มลงในเว็บไซต์ของคุณ

โหมดมืดใช้บนอุปกรณ์พกพาและคอมพิวเตอร์เพื่อลดปริมาณแสงสีขาวบนหน้าจอ

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

หากคุณมีอุปกรณ์ iPhone หรือ Android คุณอาจสามารถเปลี่ยนเป็นโหมดมืดได้เพียงแค่ใช้การสลับ

หรือในคอมพิวเตอร์ของคุณคุณสามารถดูเว็บไซต์ในโหมดมืดโดยใช้ส่วนขยายของ Chrome เช่น Night Eye นี่คือลักษณะของส่วนบล็อกของ BlogPasCher โดยใช้ส่วนขยายนี้:

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

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

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

ก่อนอื่นมาดูการเพิ่มโหมดมืดในเว็บไซต์ WordPress ของคุณ ต่อไปเราจะพูดถึงการเพิ่มโหมดมืดในแดชบอร์ด WordPress ของคุณ

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

การเพิ่ม Dark Mode ในเว็บไซต์ WordPress ของคุณ

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

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

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

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

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

มีตัวเลือกการปรับแต่งเพิ่มเติมในหน้านี้ การตั้งค่า» WP Dark Mode อย่างไรก็ตามสิ่งเหล่านี้ค่อนข้าง จำกัด สำหรับเวอร์ชันฟรี

ตัวอย่างเช่นคุณต้องคลิกที่แท็บ ค่าการแสดงผล ในการเปลี่ยนรูปแบบของสวิตช์ลอย:

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

ให้แน่ใจว่าคุณคลิกปุ่ม บันทึกการตั้งค่า เพื่อบันทึกการตั้งค่าหลังจากทำการเปลี่ยนแปลง

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

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

การเพิ่มโหมดมืดลงในแดชบอร์ด WordPress

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

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

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

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

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

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

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

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

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

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

แหล่งข้อมูลอื่น ๆ ที่แนะนำ

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

• วิธีฝังวิดีโอในบล็อกโพสต์ WordPress ของคุณ
• จะเพิ่ม Beach Slider ในแบบฟอร์ม WordPress ได้อย่างไร?
• ปลั๊กอิน 7 WordPress เพื่อสร้างแถบการแจ้งเตือน
• ปลั๊กอิน WordPress 8 เพื่อเพิ่มแผนภูมิราคาในบล็อกของคุณ

สรุป

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

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

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

...