blackandwhite – iT Blog

การปรับสีขาวดำของ wordpress

เพื่อนท่านหนึ่งติดต่อมา
ต้องการให้เว็บไซต์ให้เป็นสีขาวดำ ก็อยากแบ่งปันว่า
ปกติมักจะปรับกับ CSS(Cascading Style Sheet) เพราะง่ายที่สุด
สำหรับการปรับสีให้กับ Blog ของเรา ผ่านคุณสมบัติ filter
พบว่าการปรับในแต่ละ Theme ของ wordpress ไม่เหมือนกัน
ปกติ Theme ส่วนใหญ่จะมี Appearance และมี Editor
เข้าไปจะพบว่าแก้ไข Style.css

https://gist.github.com/thaiall/d4fea62b72d8ab026896d6142c0b4b6d

สำหรับ Theme ชื่อ Kelly ผมเพิ่มเข้าไปก่อนดังภาพ
แล้วไปแก้ไขภาพพื้น กับสี background ผ่านระบบ
เพราะการปรับ CSS ไม่มีผลต่อส่วนนั้น

เปลี่ยนให้ wordpress เป็นโฮมเพจขาวดำ ต้องใช้วันที่ 14 ตุลาคม พ.ศ.2559

พบ CSS code สำหรับเปลี่ยน webpage เพื่อไว้ทุกข์
จึงเข้า wordpress ในฐานะ admin แล้วเข้าไปแก้ไข css
ซึ่งใน Appearance มี Edit CSS จากนั้นก็เพิ่ม code ดังในภาพ
Blog ของเราที่ใช้ wordpress ก็จะเป็นสีขาวดำ
สำหรับสีที่อาจไม่เปลี่ยน จะมี option ให้แก้ไขเป็นการเฉพาะ
ให้เข้าไปเปลี่ยนตัวเลือก color หรือ background
ซึ่งตำแหน่งจะต่างกันไปตาม theme ที่เลือกไว้

* {
-moz-filter:grayscale(100%);
-webkit-filter:grayscale(100%);
filter:gray;
filter:grayscale(100%);
}

วิธีแก้ไขผ่าน Edit CSS ไม่ได้ผลกับ Firefox รุ่นใหม่ ที่ผมพึ่ง update ไป
แต่มีผลกับ chrome
หากจะให้มีผลกับ Firefox หรือ IE ด้วย ต้องเข้าไปแก้ไขใน style.css

เว็บไซต์ที่เล่าเรื่องการเปลี่ยนขาวดำ
http://nutn0n.com/blackandwhite/
http://www.krui3.com/manual/9300
http://www.mydigitalpartner.co.th/website-grayscale/
http://devbuntestproduct.sogoodweb.com/Article/Detail/54270
http://www.healthclub.in.th/howto-change-color-wordpress/

การเปลี่ยนเว็บไซต์เป็นขาวดำ ต้องใช้วันที่ 14 ตุลาคม พ.ศ.2559

พบการแชร์ CSS code สำหรับเปลี่ยน webpage เพื่อไว้ทุกข์
ดังนั้นหากท่านใด ต้องการใส่ตัวกรองให้กับ webpage ให้เป็นสีขาวดำ
(if you want to use filter to change webpage for grayscale mode)
ทำได้โดยเพิ่ม code ของ CSS (Cascading Style Sheets) เข้าไปใน webpage
ซึ่งแต่ละ browser อาจยอมรับคำสั่งแตกต่างกันไป
ซึ่งคำสั่งสำคัญ คือ filter
มี source code ของ #blackandwhitecss ดังนี้

https://gist.github.com/thaiall/d4fea62b72d8ab026896d6142c0b4b6d