Oops! It appears that you have disabled your Javascript. In order for you to see this page as it is meant to appear, we ask that you please re-enable your Javascript!

    ทำเว็บไซต์ให้เป็นขาวดำ [WordPress]

  • 14 ต.ค. 2559
  • เว็บไซต์
  • 3,104 

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

โค้ด css ชุุดนี้จะทำหน้าที่เหมือนเป็นกระจกกรองให้ดูเหมือนเว็บเป็นขาวดำ (ฝรั่งจะใช้ประโยคว่า Grayscale filter) ทำให้ผู้อ่านมองเห็นเว็บหรือส่วนที่ใส่โค้ดเป็นขาวดำทั้งรูปภาพและข้อความ โดยที่จริงๆแล้วรูปภาพและข้อความนั้นยังคงแสดงผลเป็นสีแบบเดิมอยู่

โค้ดที่ใช้คือ

filter: grayscale(1); -webkit-filter: grayscale(1); filter: gray;
ลิ้งค์โค้ด คลิ๊ก

วางโค้ดไว้ใน body ของ css หลักของธีม จะทำให้ทุกสิ่งทุกอย่างเป็นขาวดำหมด ไม่ว่าจะเป็นโค้ด facebook line

โดยโค้ดนี้เป็นโค้ดรวมทำให้แสดงผลในเบราเซอร์ได้เกือบทุกชนิด

-webkit-filter: grayscale(1); สำหรับ Chrome 18+, Safari 6.0+ และ Opera 15+
filter: gray; สำหรับ IE6-9
filter: grayscale(1); สำหรับ W3C

และยังปรับความเข้มขาวดำได้อีกโดยเปลี่ยนค่าที่เลข 1 ปรับได้ถึง 0 สามารถใส่ค่าทศนิยมได้ถึง 18 หลัก เช่น 0.00124

เบราเซอร์ที่ใช้กับโค้ดนี้ไม่ได้ก็คือ IE10 ขึ้นไป แต่เห็นแว๊บๆว่าใช้แนวทางอื่นพวก Java สามารถทำได้

css filter ยังมีความสามารถอื่นๆอีก ลองเข้าไปดูกัน https://davidwalsh.name/demo/css-filters.php

ลองทำดูนะครับ