WordPress Dark Mode: วิธีเปิดใช้งานบนเว็บไซต์ของคุณ (คู่มือสำหรับผู้เริ่มต้นใช้งาน)

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

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

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

มาเริ่มกันเลย!

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

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

ขั้นตอนที่ 1: ติดตั้งปลั๊กอินโหมดมืด

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

เราขอแนะนำ WP Dark Mode ปลั๊กอินที่ใช้งานง่ายนี้มีตัวเลือกมากมายให้คุณ: คุณสามารถเปลี่ยนองค์ประกอบต่างๆ เช่น จานสี การออกแบบปุ่ม และแอนิเมชั่น นอกจากนี้ยังเข้ากันได้กับธีม WordPress ชั้นนำส่วนใหญ่ ซึ่งหมายความว่าคนส่วนใหญ่จะสามารถใช้งานได้

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

ขั้นตอนที่ 2: เปิดใช้งานโหมดมืด

เมื่อคุณติดตั้งปลั๊กอินแล้ว ก็ถึงเวลาเปิดใช้งานคุณสมบัติหลัก หากคุณกำลังใช้ WP Dark Mode ให้เริ่มโดยไปที่ WP Dark Mode → Settings คุณจะเห็นการตั้งค่าต่างๆ มากมาย แต่สำหรับตอนนี้ เราจะเน้นที่พื้นฐานใน การตั้งค่าทั่วไป :

ถัดไป ตรวจสอบให้แน่ใจว่าสวิตช์ เปิดใช้งาน Frontend Darkmode อยู่ในตำแหน่งเปิด ปลั๊กอินจะแสดงอินเทอร์เฟซเวอร์ชันหรี่ตามค่าเริ่มต้น

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

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

ขั้นตอนที่ 3: เปิดสวิตช์ลอย

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

โชคดีที่คุณสามารถให้สวิตช์ทำอย่างนั้นได้ มีสองส่วนหลักที่นี่: การเปิดใช้งานคุณสมบัติแล้วปรับแต่งเอง เริ่มจากอันแรกโดยไปที่ WP Dark Mode → Settings → Switch Settings :

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

คุณสามารถเข้าสู่องค์ประกอบการจัดสไตล์ได้ที่นี่ ตัวอย่างเช่น ลองเปลี่ยนการออกแบบของปุ่มภายใต้ Floating Switch Style

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

ขั้นตอนที่ 4: ปรับแต่งโหมดมืดของคุณ

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

ไปที่ WP Dark Mode → Settings → Color Settings :

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

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

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

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

ขั้นตอนที่ 1: เปิดโหมดแบ็กเอนด์มืด

เราจะใช้ปลั๊กอิน WP Dark Mode เดียวกันสำหรับวิธีนี้ กลับไปที่ WP Dark Mode → Settings → General Settings อย่างไรก็ตาม คราวนี้ตรวจสอบให้แน่ใจว่าได้เปิดตัวเลือก Enable Backend Darkmode

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

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

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

ขั้นตอนที่ 2: เปลี่ยนชุดสีของผู้ดูแลระบบ

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

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

ขั้นแรก ไปที่ ผู้ใช้ → โปรไฟล์ :

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

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

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

ขั้นตอนที่ 3: สลับระหว่างโหมดปกติและโหมดมืด

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

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

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

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

บทสรุป

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

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

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