jaideejung007 โพสต์ 2023-10-2 12:17:21

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

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

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

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


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

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



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

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



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

หน้า: [1]
ดูในรูปแบบกติ: มาแล้ว! สไตล์โหมดสีเข้ม (Dark mode) สำหรับเทมเพลตเริ่มต้น