ปิด WordPress Admin Bar ได้อย่างง่าย: คู่มือทีละขั้นตอน

WordPress Admin Bar ที่อยู่ที่นั่นตลอดเวลาทำให้คุณหนักใจ?

กำลังสงสัยว่าจะปิด Admin Bar ได้อย่างไร?

คุณมาถูกที่แล้ว!

เมื่อเร็วๆ นี้ เราต้องซ่อน WordPress Admin Bar เราลองและทดสอบเกือบ 20 วิธีที่แตกต่างกัน!

ในบทความนี้ คุณจะได้เรียนรู้วิธีการกำจัด WordPress Admin Bar

เคล็ดลับมืออาชีพ: หากต้องการทราบขั้นตอนทีละขั้นตอนในการซ่อน WordPress Admin Bar ให้ข้ามไปยังส่วนด้านล่างนี้เลย

WordPress Admin Bar คืออะไร?

Admin Bar เหมือน Speed-dial (หมายเลขด่วน) ของเว็บไซต์ของคุณเอง!

ขออธิบายครับ

Admin Bar คือแถบเครื่องมือ (Toolbar) ยาว 32 พิกเซล ที่แสดงอยู่ด้านบนของ WordPress Admin Dashboard หากคุณล็อกอินอยู่ มันก็จะปรากฏบน Frontend (หน้าบ้าน) ของเว็บไซต์ของคุณด้วย

ลองจินตนาการดูสิ คุณใช้เวลา 36 ชั่วโมงในการออกแบบ (Design Binge) คุณเหลือแค่ถ้วยกาแฟ "ที่ยังสมเหตุสมผล" ถ้วยสุดท้าย และคุณตระหนักว่างานทั้งหมดของคุณถูกทำลาย เพราะแถบเดียวนี้ลอยอยู่ด้านบน

คุณจะหงุดหงิดแค่ไหน?

แต่ว่าด้วยนี่...

WordPress Admin Bar มีทางลัด (Shortcuts) ไปยังฟังก์ชันหลักๆ ที่เข้าถึงได้จาก Dashboard ของคุณ เหมือน Speed-dial คุณสามารถเพิ่มฟังก์ชันโปรดของคุณลงใน Admin Bar นี่ช่วยให้คุณลดการนำทาง (Navigate) ระหว่าง Dashboard และ Website ได้

ตัวอย่างเช่น หากคุณใช้ Divi Theme คุณสามารถเพิ่ม Widget ไปยัง Admin Bar ได้ง่ายๆ ตอนนี้ แทนที่จะไปที่ Dashboard เพื่อทำการเปลี่ยนแปลงการออกแบบ คุณสามารถเข้าถึงธีมได้โดยตรงจาก Admin Bar

ถ้ามันมีประโยชน์ขนาดนี้ ทำไมคุณถึงอยากกำจัดมัน?

นี่คือเหตุผล!

ทำไมคุณถึงอยากซ่อน Admin Bar?

มี 2 เหตุผลหลักที่ทำให้อยากลบหรือซ่อน Admin Bar

• เพื่อจำกัดการเข้าถึง WordPress Admin Dashboard ที่ไม่จำเป็น และเก็บไว้เป็นส่วนตัว
• เพื่อได้มุมมอง (View) ของการออกแบบเว็บไซต์ที่สมบูรณ์และครบถ้วน (Holistic) มากขึ้น

กดหัวเห็นด้วยอยู่ไหม?

ดีใจด้วย!

นี่คือ 3 วิชีอันดับหนึ่งของเราในการซ่อน Admin Bar และทุกวิธีใช้เวลา < 1 นาที!

วิธีซ่อน WordPress Admin Bar ผ่าน WordPress Dashboard

เริ่มจากสิ่งง่ายๆ กัน

วิธีที่ง่ายที่สุดในการกำจัด WordPress Admin Bar คือ การปิดใช้งาน (Disable) มันจาก WordPress Dashboard ของคุณ!

วิธีทำมีดังนี้:

1. ชี้เมาส์ (Hover) ที่ส่วน "Howdy, (ชื่อของคุณ)" ที่มุมขวาบน คลิก "Edit Profile" (แก้ไขโปรไฟล์)

2. คุณจะเห็นตัวเลือกชื่อว่า "Toolbar – Show Toolbar when viewing site" (แถบเครื่องมือ – แสดงแถบเครื่องมือเมื่อดูเว็บไซต์) โดยค่าเริ่มต้น ตัวเลือกนี้เปิดใช้งาน (Enabled) สำหรับผู้ใช้ทุกคน ปิดใช้งานโดยการคลิกที่กล่องถูก (Checkbox)

3. ตอนนี้เลื่อนลง และคลิก "Update Profile" (อัปเดตโปรไฟล์)

WordPress Admin Bar จะไม่แสดงบน Frontend สำหรับผู้ใช้ทุกคนอีกต่อไป

วิธีซ่อน WordPress Admin Bar ด้วยปลั๊กอิน WordPress?

มีปลั๊กอินมากกว่า 15 ตัวใน WordPress Repository ที่มีหน้าที่เดียวคือ ซ่อน Admin Bar หลังจากทดสอบทั้งหมด เราพบว่า ปลั๊กอิน Hide Admin Bar ดีที่สุด มันมีการดาวน์โหลดมากกว่า 40,000 ครั้ง และเป็นโซลูชันหนึ่งขั้นตอน (One-step Solution) จริงๆ!

สิ่งที่คุณต้องทำคือ ติดตั้งและเปิดใช้งาน (Activate) ปลั๊กอินบนเว็บไซต์ WordPress ของคุณ และวุ้ย! Admin Bar ไม่มองเห็นแล้วเมื่อใครก็ตามเยี่ยมชมเว็บไซต์ของคุณ คุณสามารถปิดใช้งาน (Deactivate) ปลั๊กอินเพื่อให้ Admin Bar กลับมาได้

ปลั๊กอินอีกตัวที่มีประโยชน์คือ Better Admin Bar เมื่อคุณติดตั้งและเปิดใช้งาน คุณสามารถเลือกจากตัวเลือกต่อไปนี้:

• ซ่อน Admin Bar สำหรับผู้ใช้ทุกคน
• ซ่อน Admin Bar สำหรับผู้ใช้ทุกคน ยกเว้น Admin
• ทำให้ Admin Bar โปร่งแสง (Opaque) (คุณยังควบคุม % ความโปร่งแสงได้)
• ซ่อน Admin Bar เว้นแต่จะชี้เมาส์ (Hover) ไปที่มัน

เราแอฟโบร์ (Admire) ปลั๊กอินที่ใช้ง่ายและทำงานได้ดีเสมอ!

วิธีซ่อน WordPress Admin Bar ด้วยโค้ด (Code)?

ส่วนใหญ่ไม่ชอบมีปลั๊กอินติดตั้งมากเกินไป

ไม่ต้องกังวล!

คุณสามารถกำจัด Admin Bar ได้อย่างง่ายดาย โดยการแก้ไขโค้ดในไฟล์ functions.php

นี่คือสิ่งที่คุณต้องทำ:

1. ชี้เมาส์ที่ Appearance (ลักษณะ) จากเมนู WordPress
2. เลือกตัวเลือก "Theme Editor" (แก้ไขธีม) นี่จะนำคุณไปยังโค้ดของธีม

3. ตอนนี้เปิดโฟลเดอร์ functions.php มันมักอยู่ในรายการที่ชื่อว่า "Theme Files" ด้านขวา (ดูภาพหน้าจอด้านล่าง)

4. เพิ่มโค้ดต่อไปนี้ในโฟลเดอร์ functions.php

add_filter('show_admin_bar', '__return_false');

5. ตอนนี้เลื่อนลงสุด และคลิก "Update File" (อัปเดตไฟล์)

WordPress Admin Bar ถูกลบออกจาก Frontend ของเว็บไซต์ของคุณแล้ว!

หากต้องการยกเลิก คุณแค่ลบโค้ดที่เพิ่มไป

วิธีซ่อน WordPress Admin Bar สำหรับบทบาทผู้ใช้เฉพาะ (Specific User Roles)?

ตอนนี้ คุณอาจไม่จำเป็นต้องลบ Admin Bar สำหรับทุกคน เพื่อรักษาความเป็นส่วนตัว คุณอาจอยากซ่อน WordPress Admin Bar สำหรับบทบาทผู้ใช้เฉพาะ

คุณรู้ไหม?: โดยทั่วไป Admin Bar จะถูกซ่อนสำหรับผู้ใช้ทุกคน ยกเว้น Admins

มาสำรวจวิธีทำกัน

1. ใช้ปลั๊กอิน

• จำได้ไหม Better Admin Bar ที่กล่าวไว้ก่อนหน้า? ไปที่ Settings (การตั้งค่า) ของมัน และคลิก "Hide the Admin Bar for all users except Admin" (ซ่อน Admin Bar สำหรับผู้ใช้ทุกคนยกเว้น Admin)

• เลื่อนลงสุด และคลิก "Save" (บันทึก) แค่นั้นแหละ Admin Bar ถูกซ่อนสำหรับผู้ใช้ทุกคนยกเว้น Admins แล้ว

อ่านเพิ่มเติม: ???? คู่มือวิธีรักษาความปลอดภัย WordPress Admin

2. ด้วยการแก้ไขโค้ด:

• ไปที่โฟลเดอร์ functions.php ผ่าน Theme Editor
• เพิ่มโค้ดต่อไปนี้:

if ( ! current_user_can( 'manage_options' ) ) {
add_filter('show_admin_bar', '__return_false');
}

• คลิก "Update File" Admin Bar ตอนนี้ถูกซ่อนสำหรับผู้ใช้ทุกคนยกเว้นแอดมินแล้ว
  

ต่อไปคืออะไร?

หนึ่งในสิ่งที่ดีที่สุดของ WordPress ที่เป็น Open Source คือ พื้นที่ให้ความยืดหยุ่น (Flexibility) ไม่แปลกใจที่มีหลายวิธีในการซ่อนแถบเครื่องมือ (Toolbar) เพียงแถบเดียว!

หวังว่าบทความของเราช่วยให้คุณระบุและดำเนินการวิธีที่ดีที่สุดในการซ่อน Admin Bar ของคุณ หากคุณต้องการใช้ Admin Bar อีกครั้ง เพียงแค่ย้อนกลับและยกเลิกขั้นตอนที่ทำไว้

หากคุณชอบบทความนี้ และทำงานกับ WordPress บ่อยๆ ให้ดูบทความอื่นๆ ในบล็อกของเรา

ภารกิจของเราคือ ทำให้ WordPress ทำงานเพื่อธุรกิจของคุณ นั่นคือเหตุผลที่เราสร้างเนื้อหาคุณภาพสูง (Killer Content) เกี่ยวกับ WordPress ทุกอย่าง เรายังมีเครื่องมือจัดการ WordPress ที่เก๋า (Killer) ชื่อ WPRemote

อย่าลังเลลองดูสิ!