สร้าง Plugin Grayscale สำหรับ WordPress ทำให้เว็บไซต์กลายเป็นสีขาวดำหรือสีทำ

31 ต.ค. 2016 , 3,592 Views   , หมวดหมู่ WordPress ทุกหมวดหมู่ โค๊ดดิ้ง   , ป้ายกำกับ:


[หัดเขียน Plugin WordPress]

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

grayscale_plugin

ในไฟล์ css/style.css เพื่อให้เว็บไซต์เป็นสีขาวดำดังนี้

ในไฟล์ grayscale_by_seenual.php เพื่อที่จะทำการเพิ่มไฟล์ css/style.css เข้าไปใน WordPress

* เวลาจะใส่ CSS ใน WordPress Theme จะใช้ wp_enqueue_style()
*add_action( ‘wp_enqueue_scripts’, ‘grayscale_scripts’ ); คือการสั่งให้ grayscale_scripts() ทำงานตอนที่รัน wp_enqueue_scripts()

จากนั้นก็ทำการ zip ทั้งโฟลเดอร์เป็น grayscale_by_seenual.zip แล้วทำการอัพโหลดติดตั้งปลั๊กอิน ก็จะได้ปลั๊กอินที่ทำให้เว็บเราเป็นสีขาวดำใว้ใช้งานครับ

grayscale_plugin_2

ดาวน์โหลด GrayScale Plugin ไปลองใช้งานได้คลิก


ป้ายกำกับ: