ฉันจะเปลี่ยน Elementor เป็น Dark Mode ได้อย่างไร

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

ไม่เหมือนกับปลั๊กอินเช่น QS dark mode, elementor ไม่มีปลั๊กอินโหมดมืดที่เป็นค่าเริ่มต้น ซึ่งหมายความว่าคุณต้องติดตั้งปลั๊กอินของบุคคลที่สาม ประโยชน์อีกประการของการใช้ปลั๊กอิน QS dark mode ก็คือ ใช้งานง่ายและใช้งานง่ายกว่า elementor

ดังนั้น ในบทช่วยสอนนี้ เราจะมาดูขั้นตอนในการเปลี่ยนองค์ประกอบหรือโหมดมืดผ่านปลั๊กอินต่างๆ

ทำไมคุณต้องเปิดใช้งาน Elementor Dark Mode?

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

ลดอาการเมื่อยล้าของดวงตา

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

ปรับปรุงความสามารถในการอ่าน

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

ทัศนวิสัยที่ดีขึ้น

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

ประหยัดแบตเตอรี่

ทั้ง Android Elementor หรือ wordpress dark mode ใช้พลังงานน้อยกว่าเมื่อเทียบกับโหมดปกติ ส่งผลให้แบตเตอรี่โทรศัพท์หรือแล็ปท็อปของคุณมีอายุการใช้งานยาวนานขึ้น ผู้เชี่ยวชาญบางคนแนะนำว่าสามารถยืดอายุการใช้งานแบตเตอรี่ของคุณได้ประมาณ 30%

เพื่อความสวยงาม

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

ฉันจะเปลี่ยน Elementor เป็นโหมดมืดได้อย่างไร

ดังนั้นคุณจะเปลี่ยน elementor ของเว็บไซต์ของคุณเป็นโหมดมืดได้อย่างไร เพราะไม่มีวิธีใดที่จะ เปิดใช้งานคุณลักษณะโหมดมืด ตามค่าเริ่มต้นในบล็อก elementor ของคุณ ในกรณีนี้ คุณเพียงแค่ใช้ปลั๊กอินของบุคคลที่สาม เช่น WP Dark Mode หรือ Plus Addons สำหรับ elementor ทั้งสองตัวเลือกมีให้ในรุ่นฟรีและรุ่น Pro

วิธีที่หนึ่ง: การใช้ WP Dark Mode

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

ขั้นตอนที่ 1: วางแผนสีในโหมดมืดของคุณ

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

ขั้นตอนที่ 2: ติดตั้ง WP Dark Mode

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

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

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

ขั้นตอนที่ 4: เปิดใช้งานโหมดมืดสำหรับหน้าเดียว

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

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

ขั้นตอนที่ 5: เปิดใช้งาน WP Dark Mode สำหรับทั้งไซต์

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

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

ขั้นตอนที่ 6: เลือกรูปแบบของสวิตช์ลอยตัว

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

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

วิธีที่สอง: การใช้ Plus Addons

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

ขั้นตอนที่ 1: ดาวน์โหลด Plus Addons

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

หลังการติดตั้ง การตั้งค่าบวกควรปรากฏที่มุมล่างซ้ายของแดชบอร์ดของคุณ

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

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

ขั้นตอนที่ 3: เพิ่มวิดเจ็ตในตัวแก้ไของค์ประกอบของคุณ

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

ขั้นตอนที่ 4: เปลี่ยนองค์ประกอบหรือโหมดมืด

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

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

Elementor Normal Mode กับ Dark Mode: อะไรคือความแตกต่าง?

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

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

ตัวเลือกสีของโหมดมืดมีประโยชน์อย่างไร

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

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

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

บทสรุป

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

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

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

เทมเพลตโพสต์บล็อกเดียว