วิธีการเพิ่มเมนูความช่วยเหลือตามบริบทใน WordPress

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

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

จากนั้นกลับไปที่สาเหตุที่เราอยู่ที่นี่

ความช่วยเหลือนี้เป็นบริบท เนื่องจากข้อมูลที่แสดงเป็นของหน้าการดูแลระบบที่กำลังดูอยู่

ตัวอย่างเช่นเมื่อคลิกแท็บวิธีใช้ตามบริบทบนหน้าจอแก้ไขบทความข้อมูลเกี่ยวกับวิธีการเปิดเผยงานต่างๆรวมถึงตัวอย่างต่อไปนี้:

• วิธีปรับแต่งการแสดงผลหน้าจอ
• วิธีการใส่ชื่อและเนื้อหาของข้อความ
• วิธีแทรกไฟล์มีเดียลงในเนื้อหาของสิ่งพิมพ์
• วิธีเปิดใช้งานหรือปิดใช้งานความคิดเห็นและ pingbacks

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

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

อ่านยังของเรา 5 ขั้นตอนในการสร้างเนื้อหาที่ดีขึ้นสำหรับบล็อกของคุณ

เพิ่มแท็บความช่วยเหลือตามบริบทบนแดชบอร์ด

ซึ่งวิธีการ add_help_tab () "และ" set_help_sidebar () »จากชั้นเรียน WP_Screen อนุญาตให้คุณเพิ่มเมนูวิธีใช้ตามบริบทและแถบด้านข้างในแท็บวิธีใช้ในหน้าการดูแลระบบ

ฟังก์ชันด้านล่างนี้จะเพิ่มสามเมนูในแท็บวิธีใช้ตามบริบทของหน้าการดูแลระบบ

ในตอนนี้ฟังก์ชัน "sp_help_tabs" จะไม่ปรากฏในหน้าการดูแลระบบใด ๆ เนื่องจากคุณยังไม่ได้กำหนดหน้าที่จะแสดง

function sp_help_tabs() {

    $screen = get_current_screen();

    $screen->add_help_tab(
        array(
            'id'      => 'sp_overview',
            'title'   => 'Aperçu',
            'content' => '<p>Aperçu de votre plugin</p>'
        )
    );

    $screen->add_help_tab(
        array(
            'id'      => 'sp_faq',
            'title'   => 'FAQ',
            'content' => '<p>Foire aux questions</p>'
        )
    );

    $screen->add_help_tab(
        array(
            'id'      => 'sp_support',
            'title'   => 'Assistance',
            'content' => '<p>Assisance</p>'
        )
    );
}

ด้านล่างนี้เป็นภาพหน้าจอของแท็บ Context Help เมื่อเพิ่มไปยังหน้าผู้ดูแลระบบ

ลองดูที่ วิธีการสร้างหน้าจอบน WordPress

ฟังก์ชั่น get_current_screen () »ส่งคืนวัตถุ« WP_Screen ของเพจการดูแลระบบที่เปิดอยู่ในปัจจุบันและค่าของมันจะถูกบันทึกไว้ในหน้าจอตัวแปร $

วิธีการ add_help_tab () ” ซึ่งยอมรับการตั้งค่าด้านล่างนี้เรียกว่าสามครั้งเพื่อเพิ่มสามเมนูในวิธีใช้ตามบริบทบนหน้าจอ

• ID : ตัวระบุเฉพาะสำหรับแท็บ ต้องปลอดภัยใน HTML และต้องไม่มีช่องว่าง
• Title: ชื่อสำหรับแท็บ
• เนื้อหา: เนื้อหาของแท็บวิธีใช้ อาจเป็นข้อความธรรมดาหรือ HTML
• คำเตือน: ต้องเรียกใช้ฟังก์ชันเพื่อแสดงเนื้อหาของหน้านี้

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

ค้นพบยัง วิธีกำหนดพื้นที่ผู้ดูแลระบบของบล็อก WordPress ของคุณ

ฟังก์ชั่นการโทรกลับยอมรับสองข้อโต้แย้ง " หน้าจอ $ "และ" แท็บ $ ". ขณะที่เรื่องแรกคือเรื่อง " WP_Screen "จากหน้าปัจจุบันและหน้าสุดท้ายอาร์เรย์ของอาร์กิวเมนต์และค่าของฟังก์ชัน" add_help_tab () '

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

ตัวอย่างการใช้การโทรกลับ:

function sp_help_tabs() {

    $screen = get_current_screen();

    $screen->add_help_tab(
        array(
            'id'       => 'sp_overview',
            'title'    => 'Aperçu',
            'callback' => function ( $screen, $tab ) {
                echo '<p>Aperçu de votre onglet</p>';
            }
        )
    );
}

ในรหัสข้างต้นฟังก์ชั่นที่ไม่ระบุชื่อจะใช้เป็นโทรกลับ ฟังก์ชั่นที่มีชื่อยังสามารถใช้ดังต่อไปนี้:

function sp_help_tabs() {

    $screen = get_current_screen();

    $screen->add_help_tab(
        array(
            'id'       => 'sp_overview',
            'title'    => 'Aperçu',
            'callback' => 'overview_content'
        )
    );
}

function overview_content( $screen, $tab ) {
    echo '<p>Aperçu de votre plugin.</p>';
}

ทั้งสอง: "เนื้อหา" และ "โทรกลับ" สามารถใช้ร่วมกับรายการแรกที่แสดงก่อนหน้านี้ได้

function sp_help_tabs() {

    $screen = get_current_screen();

    $screen->add_help_tab(
        array(
            'id'       => 'sp_overview',
            'title'    => 'Aperçu',
            'content'  => '<p>Aperçu de votre plugin</p>',
            'callback' => function () {
                echo '<p>Plus de détails sur le plugin</p>';
            }
        )
    );
}

หากต้องการเพิ่มแถบด้านข้างโดยใช้ความช่วยเหลือตามบริบทบนหน้าจอให้ใช้ " WP_Screen และวิธีการของเขา set_help_sidebar ดังนี้

function sp_help_tabs() {

    $screen = get_current_screen();

    $screen->add_help_tab(
        array(
            'id'      => 'sp_overview',
            'title'   => 'Aperçu',
            'content' => '<p>Aperçu de votre plugin</p>'
        )
    );

    $screen->add_help_tab(
        array(
            'id'      => 'sp_faq',
            'title'   => 'FAQ',
            'content' => '<p>Foire aux questions</p>'
        )
    );

    $screen->add_help_tab(
        array(
            'id'      => 'sp_support',
            'title'   => 'Asistance',
            'content' => '<p>Tout sur l'assistance</p>'
        )
    );

    // Add a sidebar to contextual help.
    $screen->set_help_sidebar( 'Cette section sera ajoutée à la sidebar.' );
}

หากต้องการเพิ่มแท็บวิธีใช้ตามบริบทไปยังประเภทสิ่งพิมพ์ "หนังสือ" ให้เชื่อมต่อฟังก์ชัน "sp_help_tabs" เข้ากับการดำเนินการ "load-edit.php" และ "load-post.php" จากนั้นเรียกใช้การตรวจสอบตามเงื่อนไขเพื่อให้แน่ใจว่าคุณอยู่ในประเภทโพสต์ที่กำหนดเองสำหรับ "หนังสือ" ดังนี้:

add_action( "load-edit.php", 'sp_help_tabs' );
add_action( "load-post.php", 'sp_help_tabs' );


function sp_help_tabs() {

    $screen = get_current_screen();

    $screen_ids = array( 'edit-book', 'book' );

    if ( ! in_array( $screen->id, $screen_ids ) ) {
        return;
    }

    $screen->add_help_tab(
        array(
            'id'      => 'sp_overview',
            'title'   => 'Aperçu',
            'content' => '<p>Aperçu de votre plugin</p>'
        )
    );

    $screen->add_help_tab(
        array(
            'id'      => 'sp_faq',
            'title'   => 'FAQ',
            'content' => '<p>Foire aux questions</p>'
        )
    );


    $screen->add_help_tab(
        array(
            'id'      => 'sp_support',
            'title'   => 'Assistance',
            'content' => '<p>Section pour l'assistance</p>'
        )
    );


    // Add a sidebar to contextual help.
    $screen->set_help_sidebar( 'Cette section sera ajoutée à la sdeibar.' );
}

ฟังก์ชั่น sp_help_tabs () "ถูกแขวนบน" โหลด edit.php "และ" โหลด post.php เนื่องจากคุณต้องการให้แท็บวิธีใช้ตามบริบทปรากฏในรายการสิ่งพิมพ์ (หน้าที่แสดงรายการสิ่งพิมพ์ที่เป็นของประเภทสิ่งพิมพ์) และหน้าฉบับ (หน้าการดูแลระบบที่มีการแก้ไขบันทึกและเผยแพร่สิ่งพิมพ์)

ดูบทความของเราเกี่ยวกับ วิธีการคืนค่าโหมดแก้ไขโดยไม่วอกแวก WordPress

เพื่อให้แน่ใจว่าคุณได้เพิ่มแท็บ Context Help ในประเภทโพสต์ที่กำหนดเอง " หนังสือ ", คุณสามารถใช้คำสั่ง" if "แบบมีเงื่อนไขภายในฟังก์ชันเพื่อให้แน่ใจว่า ID หน้าจอปัจจุบันเป็น" แก้ไขหนังสือ "และ" หนังสือ ". โปรดทราบว่า ID หน้าจอคือ " แก้ไขหนังสือ "และ" หนังสือ ในวงเล็บเหลี่ยม โหลด edit.php "และ" โหลด post.php "ตามลำดับ

หากคุณต้องการให้แท็บวิธีใช้ตามบริบทที่แสดงในรายการหนังสือและหน้าจอการแก้ไขหนังสือแตกต่างกันให้เชื่อมต่อสองฟังก์ชันที่มีเนื้อหาของแท็บ โหลด edit.php "และ" โหลด post.php ดังนี้

add_action( 'load-edit.php', 'post_listing_screen_help_tab' );

/**
 * Cette section sera ajouté au CPT book
 */
function post_listing_screen_help_tab() {

    $screen = get_current_screen();

    if ( 'edit-book' != $screen->id ) {
        return;
    }

    $screen->add_help_tab(
        array(
            'id'      => 'book_review',
            'title'   => 'Revue des livres',
            'content' => '<p>Ajouter une revue des livres ici</p>'
        )
    );

    // Add a sidebar to contextual help.
    $screen->set_help_sidebar( 'Cette section s'affichera sur la sidebar.' );
}

add_action( 'load-post.php', 'post_edit_screen_help_tab' );

/**
 * This will be added to the admin page for editing a post belonging to "book" CPT.
 */
function post_edit_screen_help_tab() {

    $screen = get_current_screen();

    if ( 'book' != $screen->id ) {
        return;
    }

    $screen->add_help_tab(
        array(
            'id'      => 'edit_book_review',
            'title'   => 'Modifier uner evue',
            'content' => '<p>Comment modifier une revue.</p>'
        )
    );

    // adds a sidebar to contextual help.
    $screen->set_help_sidebar( 'Cette section s'affichera sur la sidebar.' );
}

วิธีเพิ่มเมนูช่วยเหลือให้กับหน้าการตั้งค่าปลั๊กอิน

การเพิ่มแท็บวิธีใช้ลงในปลั๊กอินหรือหน้าการตั้งค่าปลั๊กอิน ธีม WordPress เป็นกระบวนการเดียวกับบนหน้าจอรูปแบบโพสต์ที่กำหนดเอง

ข้อแตกต่างเพียงอย่างเดียวคือขอเกี่ยวกับฟังก์ชันที่มีแท็บวิธีใช้ที่ละเอียดอ่อนตามบริบทซึ่งในกรณีนี้คือ " hook_suffix ” ส่งคืนโดย add_menu_page () หากคุณกำลังสร้างเมนูระดับบนสุดหรือถ้าเป็นเมนูย่อย add_submenu_page ()

ค้นพบบทความของเราที่ ปลั๊กอิน WordPress บางตัวเพื่อเปลี่ยนเส้นทาง

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

add_action( 'admin_menu', 'register_plugin_page' );

function register_plugin_page() {

    $hook_suffix = add_submenu_page( 'plugins.php', 'SitePoint Plugin', 'SitePoint', 'manage_options', 'sp-config', 'sp_plugin_page' );

    add_action( "load-$hook_suffix", 'sp_help_tabs' );
}

function sp_plugin_page() {
    /* Le code pour les réglages sera ajouté ici */
}

function sp_help_tabs() {

    $screen = get_current_screen();

    $screen->add_help_tab(
        array(
            'id'      => 'sp_overview',
            'title'   => 'Aperçu',
            'content' => '<p>Aperçu de votre thème ici</p>'
        )
    );

    $screen->add_help_tab(
        array(
            'id'      => 'sp_faq',
            'title'   => 'FAQ',
            'content' => '<p>Foire aux questions</p>'
        )
    );

    $screen->add_help_tab(
        array(
            'id'      => 'sp_support',
            'title'   => 'Assistance',
            'content' => '<p>Section d'assistance</p>'
        )
    );

    $screen->set_help_sidebar( 'Cette section sera ajoutée à la sidebar.' );
}

" hook_suffix "ส่งคืนโดย" add_menu_page () ได้รับการบันทึกไว้ในตัวแปร $ hook_suffix จากนั้นใช้กับคำนำหน้า " โหลด เพื่อจัดรูปแบบการกระทำ load- $ hook_suffix ซึ่งใช้เพื่อรวมแท็บความช่วยเหลือที่ละเอียดอ่อนตามบริบทของเราโดยใช้ " sp_help_tabs () ในหน้าการตั้งค่าปลั๊กอิน

นั่นเป็นเรื่องเกี่ยวกับทุกอย่างเกี่ยวกับวิธีการอย่างละเอียดเกี่ยวกับวิธีเพิ่มเมนูช่วยเหลือในหน้าการตั้งค่าปลั๊กอิน

ค้นพบปลั๊กอิน WordPress พรีเมียมบางอย่าง  

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

เราเสนอปลั๊กอิน WordPress พรีเมี่ยมให้คุณที่นี่ซึ่งจะช่วยคุณได้

1 WooCommerce หลายสกุลเงิน

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

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

อ่านยังของเรา ปลั๊กอิน 10 WordPress และ WooCommerce เพื่อใช้สกุลเงินหลายสกุล

WooCommerce หลายสกุลเงิน จึงเข้ากันได้กับ Polylang, WPML และปลั๊กอินอื่น ๆ อีกมากมาย นอกจากนี้ยังมีเครื่องตรวจจับภูมิภาคซึ่งจะแสดงสกุลเงินท้องถิ่นของผู้เข้าชม

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

2 Aparg SmartAd

Si คุณต้องการที่จะชนะเงิน โดยการขายพื้นที่โฆษณาบนเว็บไซต์ของคุณ คุณมาถูกที่แล้ว ที่ WordPress ปลั๊กอิน พรีเมี่ยม Aparg SmartAd เป็นปลั๊กอินการจัดการโฆษณาที่ไม่ซ้ำใคร ซึ่งนำเสนอคุณลักษณะพิเศษเฉพาะแก่คุณ

เวลาในการติดตั้งและอินเทอร์เฟซจะทำให้คุณได้รับประสบการณ์การใช้งานที่ยอดเยี่ยม มันเป็นเพียงคนเดียว WordPress ปลั๊กอิน ประเภทนี้ซึ่งมีการควบคุมการโฆษณาอัจฉริยะที่จะช่วยให้คุณเข้าถึงกลุ่มเป้าหมายของคุณได้

อ่านยัง วิธีเลือกคำหลักที่จะดึงดูดผู้เข้าชมใน WordPress

คุณสมบัติหลักคือ: การสนับสนุนหลายภาษาอินเตอร์เฟซกราฟิกแบบมืออาชีพ รองรับหลายไซต์, การจัดการโฆษณาอย่างชาญฉลาด, เทมเพลตป๊อปอัป 43 แบบและภาพเคลื่อนไหว 34 แบบ, ปรับแต่งได้เต็มรูปแบบ, รองรับรูปแบบโฆษณาที่หลากหลาย, ความสามารถในการตั้งเวลาโฆษณา, การตรวจหาตัวบล็อกโฆษณาโดยอัตโนมัติเป็นต้น

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

3 CommentPress

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

ปลั๊กอินนี้มีตัวเลือกการปรับแต่งมากมายในที่สุดก็ให้มันดูและลักษณะที่คุณต้องการ มันมี captcha เพื่อป้องกันสแปมและ นำความปลอดภัยมากขึ้นไปยังส่วนความคิดเห็นของคุณ.

อ่านบทความของเราเกี่ยวกับ วิธีการตลาดเนื้อหามีผลต่อ SEO ของบล็อกของคุณ

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

ดาวน์โหลด | สาธิต | เว็บโฮสติ้ง

ทรัพยากรที่แนะนำ

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

• วิธีการแสดงเพลง SoundCloud ล่าสุดจากศิลปินบน WordPress
• บล็อก: สิ่งที่ผู้อ่านของคุณไม่จำเป็นต้องรู้ว่าคุณ
• 8 ปลั๊กอิน WordPress เพื่อรวมฟังก์ชันการแก้ไข
• 10 ปลั๊กอินของ WordPress เพื่อเพิ่มจดหมายข่าวไปยังบล็อก

สรุป

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

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

หากคุณมีข้อเสนอแนะหรือข้อสังเกตไว้ในส่วนของเรา ความเห็น.

...