เพียงบันทึกสั้น ๆ เพื่อแจ้งให้คุณทราบว่าเราได้เพิ่มโหมดมืดแบบกำหนดเองในวันนี้พร้อมตัวเลือกธีมทางด้านขวาของเมนูบนสุด
การใช้งานอัตโนมัติ (prefers-color-scheme) ได้ถูกแทนที่ด้วยระบบที่ใช้ตัวเลือก[data-theme="dark"]ซึ่งทำให้สามารถแสดงธีมมืดได้เมื่อผู้ใช้เลือกธีมนี้ในเบราว์เซอร์ของตนเบราว์เซอร์บางตัว เช่น Opera มีตัวเลือก'บังคับใช้โหมดมืด' ที่แสดงผลเป็นเวอร์ชันมืดที่ค่อนข้างดี แต่มีข้อบกพร่องบางอย่าง เช่น การกลับด้านภาพทำให้ภาพดูเป็นภาพลบ และไม่อนุญาตให้ปรับแต่งใดๆ
ฉันได้เลือกใช้ HTML และ JavaScript ร่วมกับองค์ประกอบของ GeneratePressและ CSS ในโค้ดยาวเดียวที่รวมความคิดเห็นทั้งหมดไว้ด้วย วิธีนี้ทำให้ฉันมีบันทึกที่สมบูรณ์เกี่ยวกับการปรับแต่งทั้งหมดไว้ในกรณีที่ต้องการปรับปรุงหรือเปลี่ยนแปลงในอนาคต รวมถึงช่วยให้ฉันควบคุมวิธีการโหลดสไตล์ได้อย่างเต็มที่และรับประกันความสอดคล้องทางภาพอย่างสมบูรณ์ทั่วทั้งเว็บไซต์
นี่คือการปรับปรุงหลักเมื่อเทียบกับเวอร์ชันอัตโนมัติ:
- การเพิ่มประสิทธิภาพการแสดงผล:การกำจัดอาการกระพริบและความขัดแย้งผ่านลำดับชั้นสไตล์ CSS ที่เป็นหนึ่งเดียว ซึ่งช่วยให้ธีมสีเข้มโหลดได้ทันที
- ความสม่ำเสมอทางสายตา:ปรับสีและฟิลเตอร์ในองค์ประกอบแบบไดนามิก (GenerateBlocks, Query Loops, แท็บ และแอคคอร์เดียน) อย่างแม่นยำเพื่อหลีกเลี่ยงปัญหาการอ่าน (สีเทาบนพื้นหลังสีขาว)
- การควบคุมองค์ประกอบแบบไดนามิก:ปรับ
โหมดการผสมและความโปร่งใสในภาพและเมนู เพื่อให้มั่นใจว่าองค์ประกอบต่างๆ เช่น ไอคอน Polylang หรือการ์ดบนหน้าสารคดี มีความคมชัดที่ถูกต้องในทุกสถานการณ์ - การทำความสะอาดทางเทคนิค:การลบตัวเลือกที่ซ้ำซ้อนและการมาตรฐานของกฎ CSS เพื่ออำนวยความสะดวกในการบำรุงรักษาในอนาคตโดยไม่ส่งผลกระทบต่อประสิทธิภาพหรือการเลื่อนเลย์เอาต์สะสม (CLS)
แม้ว่าสิ่งนี้สามารถทำได้โดยใช้ปลั๊กอิน—พร้อมข้อจำกัดตามปกติ—ฉันได้ตัดสินใจที่จะนำมาใช้โดยใช้โค้ด ไม่เพียงแต่เพื่อหลีกเลี่ยงการใช้ปลั๊กอิน แต่ยังเพื่อให้มีการควบคุมอย่างละเอียดและปรับแต่งทุก ๆ รายละเอียดเล็ก ๆ น้อย ๆ ได้ และเพื่อให้สามารถแก้ไขผลกระทบที่อาจเกิดขึ้นกับความเร็วในการโหลดได้
หากใครสนใจโค้ด—ซึ่งไม่ได้ซับซ้อนอะไรมากนัก—แค่บอกมาได้เลย แล้วผมจะโพสต์ไว้ที่นี่ให้ ถ้าคุณเป็นคนที่ชอบสำรวจรายละเอียดลึก ๆ แล้วพบอะไรที่สามารถปรับปรุงได้ ก็เชิญแสดงความคิดเห็นหรือกดปุ่มสีเหลือง 'รายงานข้อผิดพลาด' ที่ด้านล่างของแต่ละโพสต์ได้เลยนะครับ
ผมขอใช้โอกาสนี้แจ้งให้ทราบว่า ผมให้บริการปรับแต่งเว็บไซต์ WordPress ให้เหมาะสม และในบางโอกาส ผมยังรับดูแลการย้ายเว็บไซต์และการปรับแต่งธีม GeneratePress โดยใช้GenerateBlocks ด้วยเช่นกัน
