WordPress MU-Plugins: มันคืออะไร + ปลั๊กอินที่มีประโยชน์สำหรับนักพัฒนาเว็บ WP

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

แม้ว่าคุณจะปรับแต่งเครื่องมือสำหรับผู้ดูแลระบบได้โดยใช้ปลั๊กอิน เช่น Branda คุณยังสามารถทำสิ่งนี้ได้อย่างง่ายดายโดยใช้โค้ด

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

เพียงสร้าง mu-plugin และเพิ่มโค้ดต่อไปนี้และจัดรูปแบบโดยใช้ CSS:

 <?php
add_action( 'admin_footer', 'hideitems' );
ฟังก์ชันซ่อนรายการ () {
   ถ้า ( ! is_super_admin() ) {
      echo "<style>
         #wpadminbar {
            แสดง: none !important;
         }
      </style> ";
   }
}

2. ซ่อนเมนูบนสุดของ WordPress และสร้างปุ่มออกจากระบบแบบกำหนดเอง

นี่คือการปรับแต่งผู้ดูแลระบบ WordPress อื่นที่คุณสามารถทำได้สำหรับลูกค้าของคุณ

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

ตัวอย่างเช่น หากคุณสร้างไซต์โดยใช้ Elementor ลูกค้าของคุณจะสามารถเข้าถึงตัวเลือกการปรับแต่งธีมของ Elementor ได้โดยตรงจากแถบเมนูด้านบน

ในการผสานกับ Elementor สำหรับตัวอย่างนี้ คุณอาจตัดสินใจซ่อนสิ่งนี้เพื่อหลีกเลี่ยงปัญหาและปล่อยให้เส้นทางการปรับแต่งธีมอยู่ภายในพื้นที่ผู้ดูแลระบบที่ เทมเพลต > ตัวสร้างธีม หรือคุณอาจตัดสินใจลบออกทั้งหมด เนื่องจากแม้ว่าคุณจะปิดใช้งานตัวเลือกจากแถบผู้ดูแลระบบ ผู้ใช้บางคนอาจยังไม่เข้าใจว่ามันคืออะไร และเหตุใดจึงแสดงที่ส่วนหน้าของไซต์ของตน

การซ่อนแถบด้านบนทำได้ง่ายมากโดยใช้ปลั๊กอิน เช่น Branda...เพียงแค่ไปที่พื้นที่ผู้ดูแลระบบ > แถบผู้ดูแลระบบ แล้วยกเลิกการเลือกการมองเห็นแถบเครื่องมือสำหรับผู้ใช้บางคน

ปัญหาคือ หากคุณปิดใช้งานแถบนี้โดยสมบูรณ์ ผู้ใช้จะไม่สามารถออกจากระบบผู้ดูแลระบบได้ สิ่งนี้ไม่เพียงแต่สร้างปัญหาด้านความปลอดภัย แต่ยังไม่สะดวกหากคุณต้องการเปลี่ยนผู้ใช้

โชคดีที่มีวิธีแก้ไข: เพียงเพิ่มรหัสนี้เป็น mu-plugin เพื่อสร้างปุ่มออกจากระบบ:

 <?php
add_action(
   'admin_menu',
   การทำงาน () {
      add_menu_page(
         'ออกจากระบบ',
         'ออกจากระบบ',
         'อ่าน',
         'wp_custom_logout_menu',
         '__return_false',
         'dashicons-เครื่องหมาย',
         1 // ที่นี่ใช้ 1 เพื่อวางเมนูด้านบนหรือ PHP_MAX_INT เพื่อวางไว้ที่ด้านล่าง
      );
   }
);

add_action(
   'admin_init',
   การทำงาน () {
      if ( isset( $_GET['page'] ) && $_GET['page'] == 'wp_custom_logout_menu' ) {
         wp_redirect( wp_logout_url() );
         ทางออก();
      }
   }
);

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

3. เพิ่ม CSS ให้กับ WordPress Backend

คุณจะเพิ่ม CSS ให้กับแบ็กเอนด์ของ WordPress ได้อย่างไร?

อีกครั้ง คุณสามารถใช้ปลั๊กอินเช่น Branda ได้ แต่คุณสามารถสร้าง mu-plugin และวางโค้ดต่อไปนี้ในไฟล์ของคุณได้:

 <?php
add_action( 'admin_footer', 'my_admin_css' );
ฟังก์ชั่น my_admin_css () {
   echo '<style>
      /*ใส่โค้ด CSS ของคุณที่นี่*/
   </style>';
}

แค่นั้นแหละ…ง่ายและสะดวกมาก!

4. ลบสไตล์ทั้งหมดออกจากเนื้อหา WordPress

สมมติว่าคุณเจอไซต์ที่รูปแบบเนื้อหาทั้งหมดถูกกำหนดโดย HTML ภายในเนื้อหา WordPress

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

นี่คือวิธีแก้ปัญหาสำหรับสิ่งนี้

สร้าง mu-plugin และเพิ่มรหัสต่อไปนี้:

 add_filter(
   'หัวข้อ',
   ฟังก์ชัน ( $เนื้อหา ) {
      // ลบรูปแบบอินไลน์ทั้งหมด
      ส่งคืน preg_replace( '/ style=("|\')(.*?)("|\')/', '', $content );
   }
);

ลองดูสิ!

5. ซ่อน Elementor ใน WordPress Admin

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

ง่ายเหมือน Elementor ยังคงต้องการความรู้ในการใช้งานและความผิดพลาดโดยไม่ได้ตั้งใจโดยผู้ใช้อาจทำให้ไซต์ไม่สามารถนำทางได้

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

เคล็ดลับนี้ใช้ได้ดีกับไซต์ประเภทต่อไปนี้:

• เว็บไซต์อีคอมเมิร์ซ
• เว็บไซต์ที่มีประเภทโพสต์ที่กำหนดเอง
• เว็บไซต์ส่วนใหญ่ใช้เป็นบล็อกเพื่อเผยแพร่บทความ

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

ก่อนสร้าง mu-plugin คุณต้องซ่อน Elementor ในเมนูก่อน จากนั้นคุณสามารถซ่อนปุ่ม Elementor ในหน้า WordPress ได้

1. ซ่อน Elementor ในเมนู

ติดตั้ง Branda แล้ว:

• ไปที่ พื้นที่ผู้ดูแลระบบ > แถบผู้ดูแลระบบ และซ่อนสำหรับผู้ใช้ปลายทางของคุณ วิธีนี้จะไม่สามารถเข้าถึงตัวสร้าง Elementor จากที่นั่นได้
• ไปที่ แดชบอร์ด > เมนูผู้ดูแลระบบ > ปรับแต่ง แล้วซ่อนเมนูผู้ดูแลระบบ Elementor สำหรับทุกคนยกเว้นคุณ (เคล็ดลับ: ใช้บทบาทของผู้ใช้สำหรับสิ่งนี้ เนื่องจากง่ายกว่าทำสำหรับผู้ใช้ทุกคน)
• อย่าลืมซ่อนเมนู "เทมเพลต" ด้วย (นี่อาจเป็นสิ่งที่สำคัญที่สุดในการซ่อน)

หมายเหตุ: เราขอแนะนำว่าควรให้มีเพียงคนเดียวเท่านั้นที่สามารถเข้าถึงเทมเพลต โดยเฉพาะอย่างยิ่งถ้าใช้เทมเพลตเหล่านี้เพื่อสร้างธีมของคุณ และใช้ CSS เพื่อควบคุมทุกรายการในการออกแบบไซต์ของคุณ สิ่งนี้จะป้องกันไม่ให้ผู้ใช้รายอื่นเพิ่ม CSS ที่อื่น (เช่น ในตัวสร้าง, ตัวปรับแต่งธีม, สไตล์ชีต, ฯลฯ)...และไม่มีการแสดงความคิดเห็นอย่างเหมาะสมเมื่อเพิ่มโค้ด เช่น

 /* การปรับแต่งส่วนหัว */
.หัวข้อ{
   ขอบบน: 10px;
}
/* สิ้นสุดการปรับแต่งส่วนหัว */

2. ซ่อนปุ่ม Elementor บนหน้า WordPress

วิธีที่ง่ายที่สุดในการสร้างหรือแก้ไขหน้าด้วย Elementor คือเพียงไปที่ Pages > Create และคลิกที่ปุ่ม Elementor เพื่อเปลี่ยน

นอกจากนี้ยังมีวิธีซ่อนปุ่มนี้หากคุณไม่ต้องการให้ผู้ใช้เข้าถึง Elementor เลย

ในการดำเนินการนี้ คุณต้องกำหนดบทบาทของผู้ใช้เอง หากคุณเป็นผู้ดูแลเว็บไซต์เพียงคนเดียว คุณสามารถซ่อนปุ่มสำหรับทุกคนยกเว้นคุณ

หมายเหตุ: คุณสามารถใช้ขั้นตอนก่อนหน้าเพื่อซ่อนเทมเพลต Elementor เท่านั้น (เพื่อให้ธีมของคุณปลอดภัย) แต่ยังคงให้สิทธิ์การเข้าถึงใน Elementor เพื่อสร้างและแก้ไขหน้า อย่างไรก็ตาม สิ่งนี้อาจมีความเสี่ยง เนื่องจากเมื่อผู้ใช้อยู่ในหน้า Elementor พวกเขาสามารถนำทางไปยังองค์ประกอบอื่นๆ เช่น ส่วนหัวหรือส่วนท้าย หรือเข้าถึงการตั้งค่าส่วนกลางของ Elementor ที่จะส่งผลต่อไซต์

เมื่อคุณทำสิ่งข้างต้นเสร็จแล้ว สิ่งเดียวที่ต้องทำคือสร้าง mu-plugin และวางโค้ดต่อไปนี้เพื่อซ่อนปุ่ม :

 <?php
add_action( 'admin_footer', 'hideitems' );

ฟังก์ชันซ่อนรายการ () {
   ถ้า ( ! is_super_admin() ) {
      ?>
        <style>
            #elementor-โหมดสวิตช์ {
                แสดง: ไม่มี;
            }
        </style>
      <?php
   }
}

สนุก!

6. สร้าง Beehive Analytics หน้าแรกของแดชบอร์ด WordPress ของคุณ

หากคุณไม่ใช่แฟนตัวยงของหน้าผู้ดูแลระบบ WordPress (แม้ว่าคุณจะสามารถปรับแต่งวิดเจ็ตและซ่อนพาเนลได้) หรือให้ผู้ใช้ของคุณเห็นหน้าจอนี้ทุกครั้งที่ลงชื่อเข้าใช้แดชบอร์ด WordPress...

ทำไมไม่แสดงหน้า Landing Page ของผู้ดูแลระบบที่สวยงามพร้อมข้อมูลที่เป็นประโยชน์เช่นนี้ให้พวกเขาดู

อีกครั้ง คุณสามารถใช้ Branda เพื่อปรับแต่งแผงการดูแลระบบและเมนูด้านซ้าย หรือเมนูซ่อน/แสดง ขึ้นอยู่กับบทบาทของผู้ใช้ นี่เป็นสิ่งที่ดีถ้าคุณเป็นผู้ดูแลระบบเพียงคนเดียวและต้องการแสดงเมนูขั้นต่ำที่จำเป็นสำหรับผู้ใช้ปลายทางหรือเพิ่ม CSS ที่กำหนดเอง

อย่างไรก็ตาม หากคุณต้องการเปลี่ยนเส้นทางผู้ใช้จากหน้าผู้ดูแลระบบ WordPress ไปยังหน้าที่มีประโยชน์มากกว่า เช่น หน้าการวิเคราะห์ Beehive ให้สร้าง mu-plugin และเพิ่มโค้ดนี้:

 <?php
ฟังก์ชั่น wpmudev_redirect_page () {
   โกลบอล $pagenow;
   ถ้า ( $pagenow == 'index.php' && ! wp_doing_ajax() && is_plugin_active( 'google-analytics-async/google-analytics-async.php' ) {

      wp_redirect( admin_url( '/admin.php?page=beehive-google-analytics' ) );
      ทางออก;
   }
}

add_action( 'admin_init', 'wpmudev_redirect_page' );

สนุก!

ทำให้ WordPress บินด้วย MU-Plugins

หวังว่าตอนนี้คุณจะรู้ทุกอย่างเกี่ยวกับปลั๊กอินที่ต้องใช้แล้ว: ปลั๊กอินเหล่านี้คืออะไร เมื่อใดและเมื่อใดที่ไม่ควรใช้ และวิธีและตำแหน่งที่จะติดตั้งบนไซต์ WordPress

ตรวจสอบเอกสาร mu-plugins ของเรา ลองสร้างและติดตั้งปลั๊กอินที่ต้องมีของคุณเอง และหากคุณประสบปัญหาหรือต้องการความช่วยเหลือจากผู้เชี่ยวชาญ โปรดติดต่อทีมสนับสนุนของเรา…เราพร้อมตอบคำถาม WordPress ทุกวันตลอด 24 ชั่วโมง มี!

ผู้ร่วมสมทบ

บทความนี้เขียนร่วมกับ:

อองต วน – Incensy. ฉันหลงใหลในวัฒนธรรมเว็บและโซลูชันดิจิทัล ฉันทำงานในพื้นที่นี้มา 11 ปีแล้ว มองหาโซลูชันที่ดีที่สุดเสมอเพื่อช่วยให้ลูกค้าของฉันเอาชนะความท้าทายด้านดิจิทัลและขยายธุรกิจทางออนไลน์ วิสัยทัศน์ของฉันเกี่ยวกับความสำเร็จทางดิจิทัล: รับกลยุทธ์ระดับโลก นำไปใช้อย่างละเอียดถี่ถ้วน และปรับปรุงอย่างต่อเนื่อง

***

หมายเหตุ: เราไม่รับบทความจากแหล่งภายนอก อย่างไรก็ตาม สมาชิก WPMU DEV อาจร่วมเสนอแนวคิดและข้อเสนอแนะสำหรับบทช่วยสอนและบทความในบล็อกของเราผ่านทาง Blog XChange