WordPress üzerinde bağlama duyarlı yardım menüsü nasıl eklenir

yılından beri Blair Jersyer | WordPress Eğitimi

Bu küçük sekme « Yardim WordPress yönetici panosunun sağ üst köşesinde bulunan, tıklandığında çeşitli yönetici sayfaları ve nasıl çalıştıkları hakkında yararlı bilgiler ortaya çıkaran, bağlama duyarlı yardım sekmesi olarak adlandırılır.

Öncelikle, WordPress'i daha önce yüklemediyseniz keşfedin Bir WordPress blog 7 adımlarını nasıl yüklenir et Nasıl bulmak yüklemek ve blogunuzda bir WordPress tema etkinleştirmek için 

O zaman neden burada olduğumuza dönelim.

Bu yardım bağlamsaldır çünkü görüntülediği bilgiler o anda görüntülenen yönetim sayfasına aittir.

Örneğin, makale düzenleme ekranında bağlama duyarlı Yardım sekmesi tıklandığında, aşağıdaki örnekler dahil olmak üzere çeşitli görevlerin nasıl ortaya çıktığı hakkında bilgiler:

Wordpress bağlamsal yardımı

Bir eklenti geliştiricisiyseniz veya WordPress tema, kullanıcılarınıza müşteri desteği sorularınızı azaltacak hızlı belgeler sağlamanıza yardımcı olacaktır.

Özel bir gönderi türü ve ayarlar sayfası olduğunda WordPress tema veya eklenti oluşturulduğunda, varsayılan olarak bağlamsal yardım sekmesi yoktur. Bu nedenle, bu eğitimde, yukarıda bahsedilen yönetici sayfalarına nasıl bir sayfa ekleyeceğinizi öğreneceksiniz.

Ayrıca bizim oku Blogunuz için daha iyi içerik oluşturmak için 5 adımları

Kontrol paneline bağlamsal yardım sekmesi eklendi

Yöntemleri add_help_tab () "Ve" set_help_sidebar () »Sınıfın WP_Screen bir yönetim sayfasındaki Yardım sekmesine bağlamsal bir yardım menüsü ve bir kenar çubuğu eklemenize izin verir.

Aşağıdaki işlev, bir yönetim sayfasının bağlamsal yardım sekmesine üç menü ekleyecektir.

Şimdilik, "sp_help_tabs" işlevi hiçbir yönetim sayfasında görüntülenmiyor çünkü görüntüleneceği sayfayı / sayfaları henüz tanımlamadınız.

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

Aşağıda, bir yönetici sayfasına eklendiğinde İçerik Yardımı sekmesinin ekran görüntüsü verilmiştir.

Ayrıca bir göz atın WordPress ekran görüntülerini oluşturmak için nasıl

Wordpress bağlam menüsü örneği

İşlevi get_current_screen () »Bir nesneyi döndürür« WP_Screen Şu anda açık olan yönetim sayfasının ve değeri değişken $ ekranına kaydedilir.

Yöntem add_help_tab () Aşağıdaki parametreleri kabul eden ”, ekrandaki bağlamsal yardıma üç menü eklemek için üç kez çağrılır.

  • ID : sekme için benzersiz bir tanımlayıcı. HTML'de güvenli olmalı ve boşluk içermemelidir.
  • Başlık: sekme başlığı.
  • İçerik: yardım sekmesinin içeriği. Belki düz metin veya HTML olarak.
  • Hatırlatma: Bu sayfanın içeriğini görüntülemek için işlev çağrılmalıdır.

Yukarıdaki ayarların açıklamasından, üçüncü ve dördüncü ayarların ilişkili olduğunu görebilirsiniz - sekme içeriğinin görüntülenmesi ile ilgilidirler. İlki, içeriği metin veya HTML biçiminde içeren bir dize iken, ikincisi, sekmenin içeriğini yansıtan veya yazdıran bir geri arama işlevidir.

keşfedin WordPress Blogunuzun Yönetici Alanını Özelleştirme

Geri çağırma işlevi iki argümanı kabul eder " $ ekranı "Ve" $ sekmesi ". İlki konu iken " WP_Screen "Geçerli sayfanın sonuncusu, bir dizi bağımsız değişken ve işlevin değerleri" add_help_tab () '.

Bu iki bağımsız değişken, belirli koşullar altında sekmedeki içeriği görüntülemek istiyorsanız yararlı olacaktır. Örneğin, görüntülemeniz gereken içeriğe zaten sahip olabilirsiniz, böylece yalnızca kanalı görüntüleyebilirsiniz. Bununla birlikte, bu içeriği elde etmek için bir şeyleri değiştirmeniz gerekebilir, bu da geri aramayı daha uygun hale getirir.

Geri aramanın kullanımına bir örnek:

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

Yukarıdaki kodda, isimsiz bir işlev geri arama olarak kullanılır. Adlandırılmış bir işlev aşağıdaki gibi de kullanılabilir:

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

Her ikisi: "içerik" ve "geri arama" bundan önce görüntülenen ilk ile birleştirilebilir.

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

Ekrandaki bağlam yardımını kullanarak bir kenar çubuğu eklemek için " WP_Screen Ve onun yöntemi set_help_sidebar Aşağıdaki gibi:

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

Bağlamsal yardım sekmesini bir "kitap" yayın türüne eklemek için, "sp_help_tabs" işlevini "load-edit.php" ve "load-post.php" eylemlerine bağlayın. Ardından, "kitap" için özel bir gönderi türünde olduğunuzdan emin olmak için koşullu bir kontrol çalıştırın, örneğin:

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

İşlevi sp_help_tabs () "Asıldı" Yük edit.php "Ve" Yük post.php Bağlama duyarlı yardım sekmesinin yayın listelerinde görünmesini istediğiniz için (yayın türüne ait yayını listeleyen sayfa) ve baskı sayfası (bir yayının düzenlendiği, kaydedildiği ve yayınlandığı yönetim sayfası)).

Hakkındaki makalemize bakın oyalama WordPress olmadan düzenleme moduna geri nasıl

Bağlam Yardımı sekmesini özel gönderi türüne eklediğinizden emin olmak için " kitap ", Geçerli ekran kimliğinin gerçekten olduğundan emin olmak için işlevin içindeki koşullu" if "ifadesini kullanabilirsiniz" edit-kitap "Ve" kitap ". Ekran kimliğinin " edit-kitap "Ve" kitap Köşeli parantez içinde Yük edit.php "Ve" Yük post.php "Sırasıyla.

Kitap listesinde ve kitap düzenleme düzenleme ekranlarında görüntülenen bağlamsal yardım sekmelerinin farklı olmasını istiyorsanız, sekmenin içeriğini içeren iki işlevi bağlayın Yük edit.php "Ve" Yük post.php Aşağıdaki gibi:

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

Eklenti ayarları sayfalarına yardım menüsü nasıl eklenir

Bir eklentiye veya eklenti ayarları sayfasına yardım sekmesi ekleme WordPress tema özel yazı formatı ekranındaki işlemle hemen hemen aynı işlemdir.

Tek fark, bağlamsal yardım sekmesini içeren işlevin bağlanacağı kancadır, bu durumda " hook_suffix Add_menu_page () tarafından döndürüldü. Üst düzey bir menü oluşturuyorsanız veya bu bir add_submenu_page () alt menüsüyse.

İle ilgili makalemizi de keşfedin Yeniden yönlendirmek için bazı WordPress eklentileri

Aşağıdaki kod, demo eklentimiz ve eklentinin yapılandırma sayfasına eklenen içeriğe duyarlı yardım sekmemiz için üst düzey bir menü oluşturur.

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 "Tarafından geri döndü" add_menu_page () Bir değişkene kaydedildi $ hook_suffix Sonra öneki ile kullanılan " yük Bir eylem oluşturmak için yüke $ hook_suffix Bağlama duyarlı yardım sekmemizi eklemek için kullanılan " sp_help_tabs () Eklenti ayarları sayfasında.

Bu, eklenti ayarları sayfalarına yardım menüsünün nasıl ekleneceğine dair oldukça ayrıntılı yöntem hakkında her şeyle ilgilidir.

Ayrıca bazı premium WordPress eklentilerini keşfedin  

diğer kullanabilirsiniz WordPress eklentileri modern bir görünüm vermek ve blogunuzun veya web sitenizin kullanımını optimize etmek için.

Size, bu konuda yardımcı olacak bazı premium WordPress eklentileri sunuyoruz.

1. WooCommerce Çoklu Para Birimi

WooCommerce Çoklu Para Birimi bir WordPress Plugin mağazanızı birden fazla para biriminde görüntülemenizi sağlayan oldukça etkileyici prim. Kullanıcının istediği zaman para birimleri arasında geçiş yapmasını sağlayan bir seçenek ekler. Para birimleri arasında geçiş yapmak oldukça hızlıdır, bu da onu daha da uygun hale getirir.

Woocommerce çoklu para birimi değiştirici wordpress eklentisi

Birden çok para birimiyle çalışacağı için, birden çok dilde kullanılabilme yeteneğine sahip olmak, yalnızca mantıklı bir sonraki adımdır.

Ayrıca bizim oku Birden çok para birimi kullanmak için 10 WordPress eklentileri ve WooCommerce

WooCommerce Çoklu Para Birimi bu nedenle ile uyumludur Polylang, WPML ve diğer birçok eklenti. Ayrıca, ziyaretçinin yerel para birimini gösterecek bir bölge detektörü sunar.

Indir | gösteri | Web hosting

2. Aparg SmartAd

Si Biraz para kazanmak ister misin web sitenizde reklam alanı satarak doğru yere geldiniz. en WordPress Plugin premium Aparg SmartAd, size özel özellikler sunan benzersiz bir reklam yönetimi eklentisidir.

Aparg smartad wordpress reklam yönetimi eklentisi

Kurulum süresi ve arayüzü size mükemmel bir kullanıcı deneyimi sağlayacaktır. Bu tek şey WordPress Plugin Hedef kitlenize ulaşmanızı sağlayacak akıllı reklam kontrolüne sahip olan bu türden.

Ayrıca oku WordPress'de ziyaretçilerini etkileyecek anahtar kelimeyi seçme

Başlıca özellikleri: Çok dilli destekprofesyonel bir grafik arayüz multisite için destek, reklamların akıllı yönetimi, 43 açılır şablon ve 34 animasyon, tamamen özelleştirilebilir, birden çok reklam biçimi desteği, reklamları planlama yeteneği, reklam engelleyicilerin otomatik olarak algılanması vb.

Indir | gösteri | Web hosting

3. CommentPress

Yorum Yapın yorumları hızlı ve kolay bir şekilde eklemenize, düzenlemenize ve silmenize olanak tanıyan güçlü ve kompakt bir premium WordPress eklentisidir. Press kullanır Ajax, jQuery ve PHP ziyaretçilere sayfayı yeniden yüklemek zorunda kalmadan yorum ekleme imkanı sunar.

Commentpress ajax yorumları wp eklentisi wordpress için yorum ekleyin ve silin

Bu eklentinin birçok özelleştirme seçeneği vardır, sonunda istediğiniz görünümü ve görünümü verir. Spam'i engellemek için bir captcha'sı var ve yorum bölümünüze daha fazla güvenlik getiriyor.

Ayrıca bizim makalemizi okuyun. Içerik nasıl pazarlama blogunuzun SEO etkiler

Başlıca özellikleri şunlardır: yorumların kolay eklenmesi, kullanıcıların belirli yorumları yanıtlama imkanı, yorumların sayfalandırılması, yorum bölümünün yönetiminin tam yönetimi, görüntülerin kolay eklenmesi için düğmeler, videolar ve bağlantılar, tamamen duyarlı bir düzen, formu korumak ve istenmeyen postaları önlemek için bir Captcha, ve daha birçoğu.

Indir | gösteri | Web hosting

Önerilen Kaynaklar

Web sitenizi oluşturmanıza ve yönetmenize yardımcı olacak diğer önerilen kaynaklar hakkında bilgi edinin.

Sonuç

Buraya ! Bu eğitim için bu kadar, umarım WordPress'e bağlamsal bir yardım menüsü eklemenize izin verir. Çekinme En sevdiğiniz sosyal ağlarda arkadaşlarınızla paylaşın. 

Ancak, ayrıca kaynaklarımız, İnternet sitesi oluşturma projelerinizi gerçekleştirmek için daha fazla öğeye ihtiyacınız varsa, WordPress blog oluşturma.

Öneriniz veya yorumunuz varsa, bunları bölümümüzde bırakın. Yorumlar.

... 

Yorum Gönder

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..