การแก้ไข CSS ของธีมโดยไม่ต้องแก้ธีม

มกราคม 30, 2017 9:58 am โดย admin
0
157

CSS Stylesheet Editor

มาดูวิธีการแก้ไข CSS ของธีม โดยที่ไม่จำเป็นต้องไปแตะต้องไฟล์ style.css ของธีมกันเลย โดยเราจะใช้เครื่องมือที่มากับ Jetpack plugin ดังนั้นต้องลงปลั๊กอิน Jetpack ก่อนนะคะ หลังจากนั้นก็ให้ไป active ตัว Custom CSS เสียก่อนนะคะ

activate-custom-css

เสร็จแล้วไปที่เมนู Appearance > Edit CSS จะมีหน้า editor สำหรับให้เราเพิ่มเติม css ใหม่ได้เลย โดยไม่ต้องยุ่งเกี่ยวกับไฟล์ style.css ของธีม

css-editor

เพียงเท่านี้เราก็สามารถที่จะเพิ่ม css ที่ต้องการได้แล้ว สามารถกด Preview ดูก่อนได้ด้วยค่ะ

past-css

 

ข้อเสีย  อันนี้ต้องจำไว้เลยนะคะ ถ้าคุณเปลี่ยนธีมปุ๊บ หรือลบปลั๊กอิน Jetpack ปุ๊บ ตรงนี้จะหายทันทีถ้าคุณไม่ได้ก๊อปไว้ เขาจะไม่เตือนเรานะคะ แต่เราเตือนคุณแล้วค่ะ

อีกวิธีหนึ่งที่แนะนำคือ การสร้าง Child Theme ที่ทำให้เราสามารถแก้ไขไฟล์ธีมได้ทั้งหมด ไม่ว่าจะเป็นไฟล์ style.css หรือไฟล์ template อื่นๆ อีกด้วย

แต่สำหรับธีมบางธีม เช่นธีมจาก Mythemeshop นั้น จะมี Custom CSS อยู่ใน Theme Options ทำให้เราไม่ต้องลงปลั๊กอินเพิ่ม เมื่อเปลี่ยนไปใช้ธีมอื่นแล้วเปลี่ยนกลับมา สิ่งที่เราเพิ่มเติมไว้ก็ยังอยู่ อีกทั้งยังสามารถ Import/Export เก็บไว้ได้ด้วย




แสดงความคิดเห็น