Jak přidat nápovědy kontextové nabídce na WordPress

, vyrábí jej Blair Jersyer | WordPress Tutorial

Tato malá karta « Podpora Který je v pravém horním rohu administrátorského panelu WordPress, který po kliknutí odhalí užitečné informace o různých administrátorských stránkách a o tom, jak fungují, se nazývá kontextová nápověda.

Nejprve, pokud jste nikdy nenainstalovali WordPress, zjistěte to Jak nainstalovat 7 kroků WordPress blogu et Jak najít, nainstalovat a aktivovat WordPress téma na svém blogu 

Pak zpět k tomu, proč jsme tady.

Tato nápověda je kontextová protože informace, které zobrazuje, patří aktuálně prohlížené stránce pro správu.

Například když kliknete na kontextovou kartu Nápověda na obrazovce úpravy článku, zobrazí se informace o tom, jak se odhalí několik úkolů, včetně následujících příkladů:

Kontextová nápověda Wordpressu

Pokud jste vývojář pluginů popř WordPress téma, pomůže vám poskytnout rychlou dokumentaci pro vaše uživatele, což omezí vaše dotazy na zákaznickou podporu.

Když vlastní typ příspěvku a stránka nastavení WordPress téma nebo plugin, ve výchozím nastavení neexistuje žádná karta kontextové nápovědy. Proto se v tomto tutoriálu naučíte, jak přidat jeden na výše uvedené stránky správce.

Přečtěte si také naše Kroky 5 vytvářejí lepší obsah pro váš blog

Přidána karta kontextové nápovědy na palubní desce

Metody add_help_tab () "A" set_help_sidebar () »Ze třídy WP_Screen vám umožní přidat kontextovou nabídku nápovědy a postranní panel na kartu Nápověda na stránce pro správu.

Níže uvedená funkce přidá tři nabídky na kartu kontextové nápovědy stránky pro správu.

Prozatím se funkce „sp_help_tabs“ nezobrazuje na žádné stránce pro správu, protože jste dosud nedefinovali stránky, na kterých se budou zobrazovat.

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

Níže je snímek obrazovky kontextové karty Nápověda, když je přidán na stránku správce.

Podívejte se také na Jak vytvořit obrazovky na WordPress

Příklad kontextové nabídky Wordpress

Funkce get_current_screen () »Vrátí objekt« WP_Screen Aktuálně otevřená stránka pro správu a její hodnota je uložena v proměnné $ screen.

Metoda add_help_tab () ”, Který přijímá níže uvedená nastavení, je volán třikrát, aby se do kontextové nápovědy na obrazovce přidaly tři nabídky.

  • ID : jedinečný identifikátor pro kartu. Musí být zabezpečený v HTML a nesmí obsahovat mezery.
  • Název: název karty.
  • Obsah: obsah karty nápovědy. Možná v prostém textu nebo HTML.
  • Připomenutí: funkce musí být vyvolána, aby se zobrazil obsah této stránky.

Z výše uvedeného popisu parametru můžete vidět, že třetí a čtvrtý parametr souvisí - zabývají se zobrazením obsahu záložky. Zatímco první je řetězec obsahující obsah v textovém nebo HTML formátu, druhý je funkce zpětného volání, která odráží nebo tiskne obsah karty.

Objevte také Jak přizpůsobit administrační oblast vašeho blogu WordPress

Funkce zpětného volání přijímá dva argumenty “ $ obrazovka "A" Karta $ ". Zatímco první je předmětem " WP_Screen "Z aktuální stránky a poslední, řada argumentů a jejich hodnot funkce" add_help_tab () ".

Tyto dva argumenty budou užitečné, pokud chcete za určitých podmínek zobrazit obsah na kartě. Například již možná máte obsah, který potřebujete k zobrazení, takže můžete pouze zobrazit kanál. Možná však budete muset něco manipulovat, abyste získali tento obsah, díky čemuž je použití zpětného volání vhodnější.

Příklad použití zpětného volání:

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

Ve výše uvedeném kódu je jako zpětné volání použita anonymní funkce. Pojmenovanou funkci lze také použít takto:

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

„Obsah“ i „zpětné volání“ lze kombinovat s prvním zobrazeným před tímto.

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

Chcete-li přidat postranní panel pomocí kontextové nápovědy na obrazovce, použijte „ WP_Screen A jeho metoda set_help_sidebar Takto:

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

Chcete-li přidat kartu kontextové nápovědy k typu publikace „kniha“, připojte funkci „sp_help_tabs“ k akcím „load-edit.php“ a „load-post.php“. Dále proveďte podmíněnou kontrolu, abyste se ujistili, že používáte vlastní typ příspěvku pro „knihu“, například:

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

Funkce sp_help_tabs () "Byl závislý na" Load-edit.php »A« Load-post.php Protože chcete, aby se v publikačních seznamech objevila karta kontextové nápovědy (stránka, která uvádí seznam publikací patřících k typu publikace) a stránka edice (stránka pro správu, kde je publikace upravována, ukládána a publikována)).

Viz náš článek Jak obnovit režim úprav bez rozptylování WordPress

Chcete-li do vlastního typu příspěvku přidat kartu kontextové nápovědy " book ", Můžete použít podmíněný příkaz" if "uvnitř funkce, abyste se ujistili, že aktuální ID obrazovky je skutečně" " edit-book "A" book ". ID obrazovky je „ edit-book "A" book V hranatých závorkách Load-edit.php "A" Load-post.php Respektivně.

Pokud chcete, aby se záložky kontextové nápovědy zobrazené v seznamu knih a na obrazovkách pro úpravy editačních knih lišily, propojte dvě funkce obsahující obsah karty Load-edit.php "A" Load-post.php Takto:

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

Jak přidat nabídku nápovědy na stránky nastavení pluginů

Přidání karty nápovědy na stránku pluginu nebo nastavení pluginu WordPress téma je v podstatě stejný proces jako na obrazovce vlastního formátu příspěvku.

Jediným rozdílem je háček, na který bude připojena funkce obsahující kartu kontextové nápovědy, což je v tomto případě „ hook_suffix ”Vráceno add_menu_page (). Pokud vytváříte nabídku nejvyšší úrovně nebo pokud se jedná o podnabídku add_submenu_page ().

Objevte také náš článek o Některé pluginy WordPress k přesměrování

Níže uvedený kód vytváří nabídku nejvyšší úrovně pro náš demo plugin a naši kontextovou kartu nápovědy, která byla přidána na stránku konfigurace pluginu.

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 „Vrátil add_menu_page () Byl zaznamenán na proměnné $ hook_suffix Poté se použije s předponou " zatížení Chcete-li vytvořit akci zatížení- $ hook_suffix Který byl použit k zahrnutí naší kontextové karty nápovědy pomocí „ sp_help_tabs () Na stránce nastavení pluginu.

To je do značné míry o poměrně podrobné metodě, jak přidat stránky nápovědy na stránky nastavení pluginu.

Objevte také některé prémiové doplňky WordPress  

Můžete použít jiné WordPress pluginy poskytnout moderní vzhled a optimalizovat práci s vaším blogem nebo webem.

Nabízíme vám zde prémiové doplňky WordPress, které vám to pomohou.

1. Více měny WooCommerce

WooCommerce Multi Currency je a WordPress Plugin docela působivá prémie, která vám umožní zobrazit váš obchod ve více měnách. Přidává možnost, která uživateli umožňuje kdykoli přepínat mezi měnami. Změna mezi měnami je poměrně rychlá, což je ještě pohodlnější.

WordPress plugin pro přepínání měny Woocommerce s více měnami

Jelikož je pravděpodobné, že bude pracovat s více měnami, je schopnost být k dispozici ve více jazycích jen logickým dalším krokem.

Přečtěte si také naše 10 WordPress pluginy a WooCommerce používat více měn

Více měn WooCommerce je proto kompatibilní s Polylang, WPML a mnoho dalších pluginů. Nabízí také detektor oblasti, který zobrazí místní měnu návštěvníka.

Stáhnout | Demo | Web hosting

2. Aparg SmartAd

Si Chcete vyhrát nějaké peníze? prodejem reklamního prostoru na svém webu jste na správném místě. a WordPress Plugin premium Aparg SmartAd je jedinečný plugin pro správu reklam, který vám nabízí exkluzivní funkce.

Aparg smartad wordpress plugin pro správu reklam

Jeho doba instalace a rozhraní vám poskytnou vynikající uživatelský zážitek. Je to jediné WordPress Plugin tohoto typu, který má inteligentní řízení reklamy, které vám umožní oslovit vaši cílovou skupinu.

Přečtěte si také Jak vybrat klíčové slovo, které přiláká návštěvníky na WordPress

Jeho hlavní rysy jsou: Vícejazyčná podpora, profesionální grafické rozhraní, podpora multisite, inteligentní správa reklam, 43 vyskakovacích šablon a 34 animací, plně přizpůsobitelné, podpora více formátů reklamy, možnost naplánovat reklamy, automatická detekce blokátorů reklam atd.

Stáhnout | Demo | Web hosting

3. CommentPress

Komentář Stiskněte je výkonný a kompaktní prémiový plugin WordPress, který umožňuje rychlé a snadné vkládání, úpravy a mazání komentářů. Komentář používá Ajax, jQuery a PHP umožňující návštěvníkům vkládat komentáře bez nutnosti znovu načíst stránku.

Commentpress ajax komentáře vložit upravit a odstranit komentáře pro wp plugin wordpress

Tento plugin má mnoho možností přizpůsobení a konečně mu dává požadovaný vzhled a vzhled. Má captcha k blokování spamu a přináší více bezpečnosti do vaší sekce komentářů.

Přečtěte si také náš článek o Jak Content Marketing ovlivňuje SEO vašeho blogu

Mezi jeho hlavní vlastnosti patří: snadné vkládání komentářů, možnost odpovědi uživatelů na konkrétní komentáře, stránkování komentářů, kompletní správa administrace sekce komentářů, tlačítka pro snadné vkládání obrázků, videa a odkazy, plně responzivní rozložení, Captcha pro zabezpečení formuláře a zamezení spamu, a mnoho dalších.

Stáhnout | Demo | Web hosting

Doporučené zdroje

Zjistěte další doporučené zdroje, které vám pomohou vytvořit a spravovat váš web.

Proč investovat do čističky vzduchu?

Tady ! To je pro tento návod vše, doufám, že vám umožní přidat kontextovou nabídku nápovědy na WordPress. Neváhej sdílet se svými přáteli na svých oblíbených sociálních sítích. 

Můžete však také konzultovat naše zdroje, pokud potřebujete více prvků k realizaci projektů vytváření internetových stránek, nahlédněte do našeho průvodce Vytvoření blogu WordPress.

Pokud máte návrhy nebo připomínky, nechte je v naší sekci commentaires.

... 

Přidat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinné položky jsou označeny *

Tato stránka používá společnost Akismet ke snížení nežádoucích účinků. Přečtěte si další informace o tom, jak se používají vaše komentáře.