การปรับแต่ง CSS ใน WordPress ไม่ได้ยาก ถ้าทำถูกวิธีจะช่วยให้เว็บไซต์ของคุณดูสวยงามและโหลดเร็วขึ้นได้มาก วันนี้เราจะมาแชร์เทคนิคที่ใช้งานจริง ไม่ต้องง้อปลั๊กอินเยอะแยะ ลองทำตามดูแล้วคุณจะรู้สึกว่าการควบคุมเว็บไซต์ง่ายขึ้นเยอะ
ถ้าเพื่อนๆ เคยปรับแต่งเว็บใน WordPress หรือเขียน CSS เอง จะต้องเคยเจอหน่วยวัดพวก px, em, rem, %, vw, vh แน่นอน หลายคนอาจสงสัยว่า “มันต่างกันยังไง?” “ใช้แบบไหนดี?” หรือ “ทำไมบางทีขนาดมันไม่เท่ากัน?” เราจะพาคุณไปรู้จักแต่ละหน่วย เข้าใจง่าย พร้อมตัวอย่างและการเลือกใช้จริง
แพลตฟอร์มเว็บกำลังเข้าสู่ยุคใหม่ที่น่าตื่นเต้น นักพัฒนาสามารถจัดการสไตล์เฉพาะคอมโพเนนต์ ควบคุม parent element ตาม children และกำหนดสีแบบ relative ได้อย่างง่ายดาย สิ่งที่เคยต้องเขียนโค้ด JavaScript หลายบรรทัด ปัจจุบันทำได้ด้วย HTML และ CSS
สวัสดีครับเพื่อน ๆ ชาว WordPress ทุกคน วันนี้เรามาคุยกันเรื่องปัญหาที่หลายคนอาจจะเคยเจอ นั่นก็คือ Unused CSS หรือ CSS ที่ไม่ได้ใช้งานในเว็บไซต์ของเรา มันคืออะไรและจะมีปัญหาอะไรบ้าง ติดตามกันอ่านได้เลยจ้า
CSS มีคำสั่งมากมาย ส่วนใหญ่เราก็ใช้คำสั่งเดิมๆ ที่เราคุ้นเคย แต่เชื่อหรือไม่ครับว่ายังมีคำสั่ง CSS อีกหลายคำสั่งที่เราอาจจะยังไม่รู้มาก่อนก็เป็นได้ ซึ่งวันนี้เราจะพาเพื่อนๆ ไปดูกันนะครับว่ามีอะไรกันบ้าง
เครื่องมือ CSS ที่ช่วยทุ่นเวลาในการเขียนโค้ด CSS บางคนอาจจะรู้ CSS เพียงนิดหน่อย หรือไม่รู้เลยก็สามารถใช้ได้ เพราะเครื่องมือเหล่านี้จะเจนโค้ดมาให้เราพร้อมใช้งาน เราเพียง Copy โค้ดแล้วไปแปะในเว็บที่ต้องการได้เลย
ก่อนจะเป็นนักพัฒนา Wordpress ต้องเตรียมตัวและเรียนรู้ทักษะอะไรบ้าง มีขั้นตอนอย่างไรบ้าง เพื่อให้ก้าวขึ้นมาเป็น Wordpress Developer
ปลั๊กอินสำหรับเพิ่มความเร็วให้กับเว็บไซต์ด้วยการปิดการใช้งานสคริปต์ JavaScript และ CSS ที่มาจากปลั๊กอินหลายตัวที่ไม่จำเป็นสำหรับการใช้งานในหน้านั้นๆ ทำให้เว็บไซต์เบาและเร็วขึ้น
การแสดงรายชื่อของ JS/CSS ที่ใช้ในหน้าเว็บ เพื่อนำไป Exclude ในปลั๊กอินเมื่อทำการ Optimize แล้วทำให้เกิดการแสดงผลที่ผิดเพี้ยนเพราะ JS/CSS บางตัวไม่สามารถทำงานได้ตามปกติ
การแก้ไขปัญหา Above the fold content ตามคำแนะนำของ Google PageSpeed Insights เพื่อให้หน้าเว็บแสดงผลได้รวดเร็วที่สุด โดยเฉพาะการเข้าชมผ่านทางมือถือที่ Google จะนำมาใช้ในผลการค้นหา
Gonzales ปลั๊กอินสำหรับเปิดปิด CSS และ JS ในเว็บไซต์แต่ละหน้าได้ดั่งใจ ทำให้ลดทรัพยากรและเวลาในการโหลดหน้าเว็บน้อยลง เว็บทำงานเร็วขึ้น
การปรับแต่งเว็บไซต์ตามคำแนะนำของ Google PageSpeed Insights เพื่อให้เว็บสามารถโหลดได้เร็วและตรงตามหลักของ Google สำหรับคนที่ไม่สามารถที่จะโค้ดด้วยตัวเองได้ วันนี้เราจะใช้ปลั๊กอินในการปรับแต่งทั้งหมดค่ะ
