มาแล้ว! สไตล์โหมดสีเข้ม (Dark mode) สำหรับเทมเพลตเริ่มต้น

jaideejung007

อารัมภบท
เว็บมาสเตอร์หลาย ๆ ท่านอาจจะประสบปัญหา เปิดเว็บไซต์ตนเองตอนกลางคืน แบบไม่เปิดไฟในห้อง แล้วหน้าเว็บมันช่างสว่างจ้าเหลือเกินใช่ไหมครับ ผมเลยได้ทำการพัฒนาสไตล์เพิ่มเติมสำหรับเทมเพลตเริ่มต้น (default) ให้รองรับโหมดสีเข้ม หรือ Dark Mode ตามที่เรารู้จักนั่นเอง เพื่อเป็นการช่วยลดแสงแยงตา ไม่ให้แสบตาจนเกินไปครับ

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

โปรดทราบว่า สไตล์นี้รองรับเฉพาะเว็บไซต์ที่ใช้เทมเพลตเริ่มต้น (default) เท่านั้น เทมเพลตอื่น ๆ ไม่รองรับ


วิธีการติดตั้ง

• ดาวน์โหลดไฟล์ t6.zip ด้านล่างนี้ แล้วแยกไฟล์ให้เรียบร้อย
• อัปโหลดทั้งโฟลเดอร์ "t6" ไปไว้ที่ตำแหน่ง "./template/default/style" (ตัวอย่างตำแหน่งที่ถูกต้องจะเป็น "./template/default/style/t6/style.css")
• เปิดใช้งานที่ AdminCP » เทมเพลต » จัดการเทมเพลต » เทมเพลทเริ่มต้น » คลิก "แก้ไข"
• ตั้งค่า "รูปแบบเพิ่มเติม:" ติ๊กเลือก "โหมดสีเข้ม" และ "รูปแบบหลัก:" เลือกเป็น "โหมดสีเข้ม"
  

วิธีการเปิด/ปิดสไตล์โหมดสีเข้ม

• คลิกที่ไอคอน รูปจานสี  อยู่มุมขวาบนสุดของเว็บไซต์
• เลือกสไตล์โหมดสีเข้ม หากไม่ชอบใจ สามารถเลือก สไตล์ "ฟ้าสดใส" ได้เช่นเดิม
  

ตัวอย่างภาพหน้าจอ