แจกของฟรี
Website => WordPress => เวิร์ดเพรส ธีม => ข้อความที่เริ่มโดย: smf ที่ 12 มิถุนายน 2016, 22:28:36
-
CSS Stylesheet Editor
มาดูวิธีการแก้ไข CSS ของธีม โดยที่ไม่จำเป็นต้องไปแตะต้องไฟล์ style.css ของธีมกันเลย โดยเราจะใช้เครื่องมือที่มากับ Jetpack plugin (http://pordoo.com/go.php?url=http://www.wpthaiuser.com/jetpack-plugin-%e0%b8%aa%e0%b8%b2%e0%b8%a1%e0%b8%b1%e0%b8%8d%e0%b8%9b%e0%b8%a3%e0%b8%b0%e0%b8%88%e0%b8%b3%e0%b9%80%e0%b8%a7%e0%b9%87%e0%b8%9a/) ดังนั้นต้องลงปลั๊กอิน Jetpack ก่อนนะคะ หลังจากนั้นก็ให้ไป active ตัว Custom CSS เสียก่อนนะคะ
(http://upic.me/i/5n/activate-custom-css.png) (http://upic.me/i/5n/activate-custom-css.png)
เสร็จแล้วไปที่เมนู Appearance > Edit CSS จะมีหน้า editor สำหรับให้เราเพิ่มเติม css ใหม่ได้เลย โดยไม่ต้องยุ่งเกี่ยวกับไฟล์ style.css ของธีม
(http://upic.me/i/1v/css-editor.png) (http://upic.me/i/1v/css-editor.png)
เพียงเท่านี้เราก็สามารถที่จะเพิ่ม css ที่ต้องการได้แล้ว สามารถกด Preview ดูก่อนได้ด้วยค่ะ
(http://upic.me/i/8z/past-css.png) (http://upic.me/i/8z/past-css.png)
ข้อเสีย อันนี้ต้องจำไว้เลยนะคะ ถ้าคุณเปลี่ยนธีมปุ๊บ หรือลบปลั๊กอิน Jetpack ปุ๊บ ตรงนี้จะหายทันทีถ้าคุณไม่ได้ก๊อปไว้ เขาจะไม่เตือนเรานะคะ แต่เราเตือนคุณแล้วค่ะ
อีกวิธีหนึ่งที่แนะนำคือ การสร้าง Child Theme (http://pordoo.com/go.php?url=http://www.wpthaiuser.com/%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b8%aa%e0%b8%a3%e0%b9%89%e0%b8%b2%e0%b8%87-child-theme/) ที่ทำให้เราสามารถแก้ไขไฟล์ธีมได้ทั้งหมด ไม่ว่าจะเป็นไฟล์ style.css หรือไฟล์ template อื่นๆ อีกด้วย
แต่สำหรับธีมบางธีม เช่นธีมจาก Mythemeshop (http://pordoo.com/go.php?url=http://www.wpthaiuser.com/go/mythemeshop/) นั้น จะมี Custom CSS อยู่ใน Theme Options ทำให้เราไม่ต้องลงปลั๊กอินเพิ่ม เมื่อเปลี่ยนไปใช้ธีมอื่นแล้วเปลี่ยนกลับมา สิ่งที่เราเพิ่มเติมไว้ก็ยังอยู่ อีกทั้งยังสามารถ Import/Export เก็บไว้ได้ด้วย
(http://upic.me/i/wh/mythemeshop-custom-css.png) (http://upic.me/i/wh/mythemeshop-custom-css.png)
ที่มา: http://www.wpthaiuser.com/edit-theme-css/ (http://pordoo.com/go.php?url=http://www.wpthaiuser.com/edit-theme-css/)