Bagaimana menambahkan bantuan konteks-sensitif menu di WordPress

bahkan Blair Jersyer | WordPress Tutorial

Tab kecil ini « Aid Yang ada di sudut kanan atas dasbor admin WordPress yang ketika diklik mengungkapkan informasi berguna tentang berbagai halaman admin dan cara kerjanya disebut tab bantuan peka konteks.

Pertama-tama, jika Anda belum pernah menginstal WordPress, temukan Bagaimana menginstal sebuah blog WordPress langkah 7 et Bagaimana menemukan, menginstal dan mengaktifkan tema WordPress di blog Anda 

Lalu kembali ke mengapa kita ada di sini.

Bantuan ini kontekstual karena informasi yang ditampilkan adalah milik halaman administrasi yang sedang dilihat.

Misalnya, saat tab Bantuan peka konteks diklik pada layar edit artikel, informasi tentang bagaimana beberapa tugas diperlihatkan, termasuk contoh berikut ini:

Bantuan kontekstual Wordpress

Jika Anda seorang pengembang plugin atau tema WordPress, ini akan membantu Anda memberikan dokumentasi cepat kepada pengguna Anda yang akan mengurangi pertanyaan dukungan pelanggan Anda.

Ketika jenis posting kustom dan halaman pengaturan dari tema WordPress atau plugin dibuat, tidak ada tab bantuan kontekstual secara default. Oleh karena itu, dalam tutorial ini, Anda akan belajar cara menambahkannya ke halaman admin yang disebutkan di atas.

Baca juga Langkah 5 untuk membuat konten yang lebih baik untuk blog Anda

Menambahkan tab bantuan kontekstual di dasbor

Metode add_help_tab () "Dan" set_help_sidebar () »Dari kelas WP_Screen memungkinkan Anda menambahkan menu bantuan kontekstual dan sidebar ke tab Bantuan di halaman administrasi.

Fungsi di bawah ini akan menambahkan tiga menu ke tab bantuan sensitif konteks dari halaman administrasi.

Untuk saat ini, fungsi "sp_help_tabs" tidak ditampilkan di halaman administrasi manapun karena Anda belum menentukan halaman di mana ia akan ditampilkan.

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>'
        )
    );
}

Di bawah ini adalah tangkapan layar dari tab Bantuan peka konteks ketika ditambahkan ke halaman admin.

Lihat juga Cara membuat screenshot di WordPress

Contoh menu konteks Wordpress

Fungsinya get_current_screen () »Mengembalikan objek« WP_Screen Dari halaman administrasi yang saat ini terbuka, dan nilainya disimpan dalam variabel $ screen.

Metode add_help_tab () ”, Yang menerima pengaturan di bawah ini, dipanggil tiga kali untuk menambahkan tiga menu ke bantuan kontekstual di layar.

  • ID : pengenal unik untuk tab tersebut. Itu harus aman dalam HTML dan tidak boleh mengandung spasi.
  • Judul: judul untuk tab.
  • Konten: konten tab bantuan. Mungkin dalam teks biasa atau HTML.
  • Pengingat: fungsi harus dipanggil untuk menampilkan konten halaman ini.

Dari deskripsi parameter di atas, Anda dapat melihat bahwa parameter ketiga dan keempat berhubungan - mereka berhubungan dengan tampilan konten tab. Sementara yang pertama adalah string yang berisi konten dalam format teks atau HTML, yang terakhir adalah fungsi panggilan balik yang menggemakan atau mencetak konten tab.

Temukan juga Cara menyesuaikan area admin blog WordPress Anda

Fungsi panggilan balik menerima dua argumen " $ layar "Dan" $ tab ". Sedangkan yang pertama adalah subjek " WP_Screen "Dari halaman saat ini dan yang terakhir, serangkaian argumen dan nilai fungsinya" add_help_tab () '.

Kedua argumen ini akan berguna jika Anda ingin menampilkan konten di tab dalam kondisi tertentu. Misalnya, Anda mungkin sudah memiliki konten yang ingin Anda tampilkan, jadi Anda bisa menampilkan salurannya saja. Namun, Anda mungkin harus memanipulasi sesuatu untuk mendapatkan konten ini, yang membuat penggunaan callback lebih tepat.

Contoh penggunaan callback:

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>';
            }
        )
    );
}

Dalam kode di atas, fungsi anonim digunakan sebagai panggilan balik. Fungsi bernama juga dapat digunakan sebagai berikut:

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>';
}

Keduanya: "konten" dan "panggilan balik" dapat digabungkan dengan yang pertama ditampilkan sebelum yang ini.

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>';
            }
        )
    );
}

Untuk menambahkan sidebar menggunakan bantuan konteks pada layar, gunakan " WP_Screen Dan metodenya set_help_sidebar Sebagai berikut:

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.' );
}

Untuk menambahkan tab bantuan kontekstual ke jenis publikasi "book", kaitkan fungsi "sp_help_tabs" ke tindakan "load-edit.php" dan "load-post.php". Selanjutnya, jalankan pemeriksaan bersyarat untuk memastikan bahwa Anda berada dalam jenis posting kustom untuk "book", seperti ini:

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.' );
}

Fungsinya sp_help_tabs () "Digantung di" Load-edit.php »Dan« Load-post.php Karena Anda ingin tab bantuan peka konteks muncul di daftar publikasi (halaman yang mencantumkan publikasi milik jenis publikasi) dan halaman edisi (halaman administrasi tempat publikasi diedit, disimpan dan diterbitkan).

Lihat artikel kami di Cara mengembalikan mode edit tanpa gangguan WordPress

Untuk memastikan Anda menambahkan tab Bantuan Konteks ke jenis posting kustom " Book ", Anda dapat menggunakan pernyataan bersyarat" jika "di dalam fungsi untuk memastikan bahwa ID layar saat ini memang" edit-book "Dan" Book ". Perhatikan bahwa ID layarnya adalah " edit-book "Dan" Book Di dalam kurung kotak Load-edit.php "Dan" Load-post.php Masing-masing

Jika Anda ingin tab bantuan kontekstual ditampilkan dalam daftar buku dan layar edit buku berbeda, hubungkan dua fungsi yang berisi konten tab Load-edit.php "Dan" Load-post.php Sebagai berikut:

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.' );
}

Cara menambahkan menu bantuan ke halaman pengaturan plugin

Menambahkan tab bantuan ke halaman pengaturan plugin atau plugin tema WordPress prosesnya hampir sama seperti pada layar format kiriman khusus.

Satu-satunya perbedaan adalah pengait di mana fungsi yang berisi tab bantuan kontekstual akan dikaitkan, yang dalam hal ini adalah " hook_suffix ”Dikembalikan oleh add_menu_page (). Jika Anda membuat menu level atas atau jika itu adalah submenu add_submenu_page ().

Temukan juga artikel kami di Beberapa plugin WordPress untuk mengarahkan ulang

Kode di bawah ini membuat menu tingkat atas untuk plugin demo kami dan tab bantuan sensitif konteks kami yang telah ditambahkan ke halaman konfigurasi plugin.

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.' );
}

yang " hook_suffix "Dikembalikan oleh" add_menu_page () Telah direkam pada suatu variabel $ hook_suffix Kemudian digunakan dengan awalan " memuat Untuk membentuk suatu tindakan load- $ hook_suffix Yang digunakan untuk menyertakan tab bantuan sensitif konteks kami menggunakan " sp_help_tabs () Di halaman pengaturan plugin.

Itu tentang segala sesuatu tentang metode yang cukup terperinci tentang cara menambahkan menu bantuan ke halaman pengaturan plugin.

Temukan juga beberapa plugin WordPress premium  

Anda dapat menggunakan yang lain plugin WordPress untuk memberikan tampilan yang modern dan untuk mengoptimalkan penanganan blog atau website Anda.

Kami menawarkan kepada Anda beberapa plugin WordPress premium yang akan membantu Anda melakukannya.

1. Multi Mata Uang WooCommerce

WooCommerce Multi Mata Uang adalah WordPress Plugin premium yang cukup mengesankan yang memungkinkan Anda untuk menampilkan toko Anda dalam berbagai mata uang. Ini menambahkan opsi yang memungkinkan pengguna untuk beralih antar mata uang kapan saja. Mengubah antar mata uang cukup cepat, yang membuatnya lebih nyaman.

Plugin wordpress pengalih mata uang multi mata uang Woocommerce

Karena kemungkinan bekerja dengan banyak mata uang, memiliki kemampuan untuk tersedia dalam berbagai bahasa hanyalah langkah logis berikutnya.

Baca juga Plugin 10 WordPress dan WooCommerce menggunakan banyak mata uang

Multi Mata Uang WooCommerce Oleh karena itu kompatibel dengan Polylang, WPML dan banyak plugin lainnya. Ia juga menawarkan pendeteksi wilayah, yang akan menampilkan mata uang lokal pengunjung.

Download | Demo | Hébergement Web

2. Aparg SmartAd

Si Apakah Anda ingin memenangkan sejumlah uang dengan menjual space iklan di website anda maka anda telah datang ke tempat yang tepat. itu WordPress Plugin Premium Aparg SmartAd adalah plugin manajemen iklan unik, yang menawarkan fitur eksklusif kepada Anda.

Aparg plugin manajemen iklan wordpress smartad

Waktu instalasi dan antarmukanya akan memberi Anda pengalaman pengguna yang luar biasa. Itu satu-satunya WordPress Plugin jenis ini, yang memiliki kontrol periklanan cerdas yang memungkinkan Anda menjangkau audiens target Anda.

Baca juga Cara memilih kata kunci yang akan menarik pengunjung di WordPress

Fitur utamanya adalah: Dukungan multibahasa, antarmuka grafis profesional, dukungan untuk multisite, manajemen iklan yang cerdas, 43 template pop-up dan 34 animasi, sepenuhnya dapat disesuaikan, mendukung berbagai format iklan, kemampuan untuk menjadwalkan iklan, deteksi otomatis pemblokir iklan, dll.

Download | Demo | Hébergement Web

3. CommentPress

KomentarTekan adalah plugin WordPress premium yang kuat dan ringkas yang memungkinkan Anda memasukkan, mengedit, dan menghapus komentar dengan cepat dan mudah. CommentPress menggunakan Ajax, jQuery dan PHP untuk memberi pengunjung kemungkinan untuk memasukkan komentar tanpa harus memuat ulang halaman.

Commentpress ajax komentar masukkan edit dan hapus komentar untuk wp plugin wordpress

Plugin ini memiliki banyak opsi penyesuaian, akhirnya memberikan tampilan dan penampilan yang Anda inginkan. Ini memiliki captcha untuk memblokir spam dan membawa lebih banyak keamanan ke bagian komentar Anda.

Baca juga artikel kami di Bagaimana konten pemasaran mempengaruhi SEO blog Anda

Fitur utamanya adalah: penyisipan komentar yang mudah, kemungkinan bagi pengguna untuk membalas komentar tertentu, penomoran halaman komentar, manajemen lengkap administrasi bagian komentar, tombol untuk memudahkan penyisipan gambar, video dan tautan, tata letak yang sepenuhnya responsif, a Captcha untuk mengamankan formulir dan menghindari spam, dan masih banyak lagi.

Download | Demo | Hébergement Web

Sumber Daya yang Direkomendasikan

Cari tahu tentang sumber daya lain yang direkomendasikan untuk membantu Anda membangun dan mengelola situs web Anda.

Kesimpulan

Sini! Itu saja untuk tutorial ini, saya harap ini memungkinkan Anda menambahkan menu bantuan kontekstual di WordPress. Jangan sungkan berbagi dengan teman-teman Anda di jejaring sosial favorit Anda. 

Namun, Anda juga bisa berkonsultasi sumber daya kita, jika Anda memerlukan lebih banyak elemen untuk melaksanakan proyek pembuatan situs Internet Anda, dengan membaca panduan kami di Pembuatan blog WordPress.

Jika Anda memiliki saran atau komentar, tinggalkan di bagian kami komentar.

... 

Posting Komentar

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Situs ini menggunakan Akismet untuk mengurangi yang tidak diinginkan. Pelajari lebih lanjut tentang bagaimana data komentar Anda digunakan.