วิธีปิด CSS ที่ไม่ต้องการใน WordPress

จริงๆ ก็ไม่ได้อยากจะเขียนเรื่องนี้เสียเท่าไหร่ แต่บังเอิญว่า ช่วงหลังๆ นี้ ต้องทำการปิด CSS ของ WordPress ที่ไม่ต้องการบ่อยพอสมควร อันเนื่องมาจากว่า ผมรับบริการปรับเพิ่มความเร็วเว็บไซต์ที่ทำด้วย WordPress อยู่ ซึ่งเวลาปรับแต่งนั้น อะไรที่มันไม่จำเป็น ก็ควรจะต้องปิดมันให้หมด ซึ่ง CSS ที่ไม่ได้ใช้ ก็จำเป็นต้องปิดเหมือนกัน

นั้นก็เป็นที่มาว่า ทำไมต้องปิด CSS ที่ไม่ต้องการใช้ ส่วนที่มาที่ต้องบันทึกเอาไว้ ก็คือ ไม่อยาก Search หาอีกในอนาคต คือ จริงๆ ก็รู้วิธีทำอยู่นั้นแหละ แต่พอไม่ได้ทำซักพัก มันก็ลืม เพราะฉะนั้น บันทึกวิธีทำไว้ใน Blog ตัวเองเลยก็สิ้นเรื่อง ใช่มั้ย…

วิธีปิด CSS ที่ไม่ต้องการใน WordPress

add_action( 'wp_print_styles', 'pp_deregister_styles', 99 );
 
function pp_deregister_styles() {
	wp_deregister_style( 'font-awesome' );
	wp_deregister_style( 'social-button' );
	wp_deregister_style( 'bootstrap' );
	wp_deregister_style( 'id-ของ-css-ที่เราต้องการปิด' );
}

วิธีการทำก็ไม่ได้ยุ่งยากอะไรมากครับ แต่ต้องเข้าใจให้ถูกต้องเสียก่อนนะครับ ในการปิด CSS ที่ไม่ต้องการนั้น ให้เราทำการเพิ่ม Code PHP ด้านบนนี้ลงไปในไฟล์ functions.php ของ Theme ที่เราใช้ ซึ่งถ้าผู้พัฒนา Theme ไว้ใช้เอง หรือใช้ Child Theme ก็ไม่ได้ยุ่งยากอะไร แต่สำหรับคนที่ไม่ได้ใช้ Theme ที่พัฒนาเอง หรือ Child Theme แนะนำให้ใช้ Plugins ที่ชื่อว่า My Custom Functions ก็จะทำให้เราสามารถเพิ่ม Code PHP ในข้างต้นลงไปได้

ในการนำไปใช้จริงนั้น คุณต้องหา ID ของ CSS ที่คุณต้องการจะปิดเสียก่อน แล้วใส่ ID ของ CSS นั้นเข้าไป

wp_deregister_style( 'id-ของ-css-ที่เราต้องการปิด' );

สำหรับวิธีการหา ID ของ CSS ที่ต้องการจะปิดนั้น ก็ไม่ได้ยุ่งยากอะไร เมื่อก่อนผมก็งงๆ เหมือนกัน แต่ปัจจุบันเข้าใจแล้ว ฮาๆๆ ก็เพราะผมไม่ไช่ Developer สายตรงนั้นเอง เป็นแค่คนที่สนใจและฝึกทำ

ภาพ : ตัวอย่าง วิธีหา ID ของ CSS ที่ต้องการปิด

จากภาพตรงที่ขีดเส้นใต้ คือ ID ของ CSS ที่เราต้องการปิด ก็ให้ใช้ ID ดังกล่าวใส่เข้าตามตัวอย่างด้านล่างนี้

add_action( 'wp_print_styles', 'pp_deregister_styles', 99 );
 
function pp_deregister_styles() {
	wp_deregister_style( 'kinsta-style' );
	wp_deregister_style( 'kinsta-fonts' );
}

แค่นี้ ก็สามารถปิด CSS ที่ไม่ต้องการได้แล้ว แต่ต้องแน่ใจนะว่า CSS ดังกล่าวนั้น เราไม่ได้ใช้จริงๆ ไม่งั้นเว็บเละนะครับ โดนมาแล้ว

ก็อย่างที่กล่าวไว้ในข้างต้นว่า ไม่ได้อยากจะเขียนซักเท่าไหร่ แต่ก็ไม่อยากมานั่งหาทุกครั้งที่จะทำ และก็หวังว่า มันจะเป็นประโยชน์สำหรับมือใหม่หลายๆ คน ที่กำลังหัดเล่น WordPress อยู่

เดรดิต : How to Disable CSS and Javascript Files in WordPress

ใส่ความเห็น

อีเมลของคุณจะไม่แสดงให้คนอื่นเห็น ช่องข้อมูลจำเป็นถูกทำเครื่องหมาย *