• Home »
  • How to »
  • ปรับสีเว็บไซต์เป็นสีขาว-ดำ

ปรับสีเว็บไซต์เป็นสีขาว-ดำ

พอดีมีคนถามผมมาหลายคนว่า ต้องการเปลี่ยนสีเว็บไซต์ให้เป็นสีขาวดำ มีทั้งผู้ใช้ WordPress, Joomla, ObecLMS, AtomyMaxsite ฯลฯ ผมก็ลองค้นในเว็บบ้าง ลองผิดลองถูกบ้าง (มีโอกาสลองเฉพาะ WordPress นะครับ เพราะผมใช้ตัวนี้อยู่ ส่วน CMS อื่นๆ ก็คาดว่าจะคล้ายๆ กัน) คือเอาโค้ดไปแปะในไฟล์ .css หรือเว็บไหนไม่ได้ใช้ .css ก็เอาโค้ดไปแปะในหน้าหลัก โดยมีวิธีการดังนี้

 

grayscale-web

 

 

1. กรณีที่ใช้ .css ให้ใส่โค้ดด้านล่างนี้ในไฟล์ .css ของเว็บไซต์ โดยไฟล์ส่วนใหญ่จะใช้ชื่อเป็น style.css

img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}

2. สำหรับเว็บไซต์ที่ไม่มีไฟล์ css ให้ใส่ โค้ดด้านล่างนี้ ลงไปก่อนแท็ก <body> ใน HTML ลักษณะดังต่อไปนี้

<style>
img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}
</style>

3. แถมให้สำหรับคนที่มีพื้นที่โฮสต์เหลือเฟือคือ ดาวน์โหลดปลั๊กอินไปติดตั้ง แล้วเปิดใช้งาน โดยสามารถดาวน์โหลดได้ที่ wordpress-easy-grayscale

 

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

 

 

 

เสนอความคิดเห็นต่อสิ่งนี้

ความคิดเห็น