Ako pridať pomocníka kontextové ponuke na WordPress

odsek Blair Jersyer | WordPress Tutorial

Táto malá karta « Podpora Ktorý sa nachádza v pravom hornom rohu administrátorského panela WordPress, ktorý po kliknutí odhalí užitočné informácie o rôznych administrátorských stránkach a o tom, ako fungujú, sa nazýva kontextová karta pomoci.

Najprv, ak ste ešte nenainštalovali WordPress, zistite to Ako nainštalovať 7 krokov WordPress blogu et Ako nájsť, nainštalovať a aktivovať WordPress tému na svojom blogu 

Potom späť k tomu, prečo sme tu.

Táto pomoc je kontextová pretože informácie, ktoré zobrazuje, patria k stránke správy, ktorá sa práve prezerá.

Napríklad keď kliknete na kontextovú kartu Pomocník na obrazovke úpravy článku, zobrazia sa informácie o tom, ako sa odhalí niekoľko úloh, vrátane nasledujúcich príkladov:

Kontextová pomoc Wordpress

Ak ste vývojár pluginov resp WordPress tému, pomôže vám to poskytnúť rýchlu dokumentáciu vašim používateľom, čo zníži počet otázok týkajúcich sa podpory zákazníkov.

Keď sa zobrazí vlastný typ príspevku a stránka nastavení WordPress tému alebo plugin, v predvolenom nastavení neexistuje karta kontextovej pomoci. Preto sa v tomto návode naučíte, ako ho pridať na vyššie uvedené stránky správcu.

Prečítajte si tiež naše 5 kroky na vytvorenie lepšieho obsahu pre váš blog

Na informačnom paneli bola pridaná karta kontextového pomocníka

Metódy add_help_tab () "A" set_help_sidebar () »Z triedy WP_Screen vám umožní pridať kontextovú ponuku pomocníka a bočný panel na kartu Pomocník na stránke správy.

Nasledujúca funkcia pridá na kontextovú kartu Pomocníka na stránke správy tri ponuky.

Funkcia „sp_help_tabs“ sa zatiaľ nezobrazuje na žiadnej stránke správy, pretože ste ešte nedefinovali stránky, na ktorých sa budú zobrazovať.

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

Nižšie je uvedený obrázok obrazovky kontextovej karty Pomocník, ktorá sa pridáva na stránku správcu.

Tiež sa pozrite na Ako vytvoriť obrazovky na WordPress

Príklad kontextovej ponuky Wordpress

Funkcia get_current_screen () »Vráti objekt« WP_Screen Aktuálne otvorená stránka pre správu a jej hodnota je uložená v premennej $ screen.

Metóda add_help_tab () ”, Ktorý akceptuje nižšie uvedené nastavenia, sa vyvolá trikrát, aby sa do kontextovej pomoci na obrazovke pridali tri ponuky.

  • ID : jedinečný identifikátor karty. Musí byť zabezpečený v jazyku HTML a nesmie obsahovať medzery.
  • Názov: názov karty.
  • Obsah: obsah karty pomocníka. Možno ako obyčajný text alebo HTML.
  • Pripomenutie: na zobrazenie obsahu tejto stránky je potrebné zavolať funkciu.

Z vyššie uvedeného popisu parametrov môžete vidieť, že tretí a štvrtý parameter súvisia - zaoberajú sa zobrazením obsahu karty. Zatiaľ čo prvý je reťazec obsahujúci obsah v textovom alebo HTML formáte, druhý je funkcia spätného volania, ktorá odráža alebo tlačí obsah karty.

Discover Ako prispôsobiť správcovskú oblasť blogu WordPress

Funkcia spätného volania akceptuje dva argumenty “ $ obrazovka "A" karta $ „. Zatiaľ čo prvý je predmetom “ WP_Screen "Z aktuálnej a poslednej stránky je rad argumentov a ich hodnoty funkcie" add_help_tab () ".

Tieto dva argumenty budú užitočné, ak chcete za určitých podmienok zobraziť obsah na karte. Napríklad už môžete mať obsah, ktorý potrebujete zobraziť, takže môžete zobraziť iba kanál. Možno však budete musieť niečo manipulovať, aby ste získali tento obsah, vďaka čomu je použitie spätného volania vhodnejšie.

Príklad použitia spätného volania:

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

Vo vyššie uvedenom kóde sa ako spätné volanie používa anonymná funkcia. Pomenovanú funkciu možno použiť aj nasledovne:

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“ aj „spätné volanie“ možno kombinovať s prvým zobrazeným pred 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>';
            }
        )
    );
}

Ak chcete pridať bočný panel pomocou kontextovej pomocníka na obrazovke, použite „ WP_Screen A jeho metóda 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.' );
}

Ak chcete k typu publikácie „kniha“ pridať kartu kontextovej pomoci, pripojte funkciu „sp_help_tabs“ k akciám „load-edit.php“ a „load-post.php“. Ďalej vykonajte podmienenú kontrolu, aby ste sa uistili, že ste pre „knihu“ nastavili vlastný typ príspevku, napríklad takto:

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

Funkcia sp_help_tabs () „Bol závislý“ Load-edit.php "A" Load-post.php Pretože chcete, aby sa kontextová karta pomoci zobrazovala v zoznamoch publikácií (stránka, ktorá obsahuje zoznam publikácií patriacich k typu publikácie) a stránka edície (stránka správy, kde sa publikácia upravuje, ukladá a publikuje)).

Pozri náš článok Ako obnoviť režim úprav bez rozptyľovania WordPress

Nezabudnite pridať kartu Kontextová pomoc k vlastnému typu príspevku „ kniha ", Môžete použiť podmienené vyhlásenie" if "vo vnútri funkcie, aby ste sa uistili, že ID aktuálnej obrazovky je skutočne" " edit-book "A" kniha „. ID obrazovky je „ edit-book "A" kniha V hranatých zátvorkách Load-edit.php "A" Load-post.php "Respektíve.

Ak chcete, aby sa karty kontextového pomocníka zobrazené v zozname kníh a na obrazovkách úprav knihy úprav líšili, spojte dve funkcie obsahujúce 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.' );
}

Ako pridať ponuku pomocníka na stránky s nastaveniami doplnkov

Pridanie karty pomocníka na stránku doplnku alebo nastavenia doplnku WordPress tému je takmer rovnaký proces ako na obrazovke vlastného formátu príspevku.

Jediným rozdielom je hák, na ktorý bude pripojená funkcia obsahujúca kartu kontextovej pomoci, čo je v tomto prípade „ hook_suffix ”Vrátené add_menu_page (). Ak vytvárate ponuku najvyššej úrovne alebo ak ide o podponuku add_submenu_page ().

Prečítajte si tiež náš článok o Niektoré doplnky WordPress na presmerovanie

Nasledujúci kód vytvára ponuku najvyššej úrovne pre náš ukážkový doplnok a našu kontextovo citlivú kartu pomoci, ktorá bola pridaná na konfiguračnú stránku doplnku.

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átené používateľom“ add_menu_page () Bol zaznamenaný v premennej $ hook_suffix Potom sa použije s predponou “ zaťaženie Ak chcete vytvoriť akciu zatížení- $ hook_suffix Ktorý bol použitý na zahrnutie našej kontextovej karty pomoci pomocou „ sp_help_tabs () Na stránke nastavení doplnku.

To je do značnej miery o dosť podrobnej metóde, ako pridať ponuku pomoci na stránky s nastaveniami doplnkov.

Objavte aj niektoré prémiové doplnky WordPress  

Môžete použiť iné WordPress pluginy poskytnúť moderný vzhľad a optimalizovať prácu s vaším blogom alebo webovou stránkou.

Ponúkame vám tu niekoľko prémiových doplnkov WordPress, ktoré vám to pomôžu.

1. WooCommerce Viac mien

WooCommerce Multi Currency je a WordPress Plugin celkom pôsobivá prémia, ktorá vám umožní zobraziť váš obchod vo viacerých menách. Pridáva možnosť, ktorá používateľovi umožňuje kedykoľvek prepínať medzi menami. Zmena medzi menami je pomerne rýchla, vďaka čomu je ešte pohodlnejšia.

WordPress plugin pre prepínač meny Woocommerce s viacerými menami

Pretože je pravdepodobné, že bude fungovať vo viacerých menách, schopnosť byť k dispozícii vo viacerých jazykoch je len ďalším logickým krokom.

Prečítajte si tiež naše 10 doplnky WordPress a WooCommerce na používanie viacerých mien

Viacúčelová mena WooCommerce je preto kompatibilný s Polylang, WPML a mnoho ďalších doplnkov. Ponúka tiež detektor regiónov, ktorý zobrazí miestnu menu návštevníka.

Stiahnuť | demo | web hosting

2. Aparg SmartAd

Si Chcete vyhrať nejaké peniaze? predajom reklamného priestoru na svojej webovej stránke ste na správnom mieste. a WordPress Plugin premium Aparg SmartAd je jedinečný doplnok na správu reklám, ktorý vám ponúka exkluzívne funkcie.

Doplnok na správu reklám Aparg smartad wordpress

Jeho čas inštalácie a rozhranie vám poskytnú vynikajúcu používateľskú skúsenosť. Je to jediné WordPress Plugin tohto typu, ktorý má inteligentné ovládanie reklamy, ktoré vám umožní osloviť vašu cieľovú skupinu.

Prečítajte si tiež Ako vybrať kľúčové slovo, ktoré priláka návštevníkov na WordPress

Jeho hlavné rysy sú: Viacjazyčná podpora, profesionálne grafické rozhranie, podpora viacerých miest, inteligentná správa reklám, 43 vyskakovacích šablón a 34 animácií, plne prispôsobiteľné, podpora viacerých formátov reklamy, možnosť plánovania reklám, automatická detekcia blokovačov reklám atď.

Stiahnuť | demo | web hosting

3. CommentPress

Stlačte je výkonný a kompaktný prémiový doplnok WordPress, ktorý vám umožňuje rýchlo a ľahko vkladať, upravovať a mazať komentáre. Komentár používa Ajax, jQuery a PHP, ktoré dávajú návštevníkom možnosť vkladať komentáre bez nutnosti znovu načítať stránku.

Komentáre ajax vložiť upraviť a odstrániť komentáre pre wp plugin wordpress

Tento doplnok má veľa možností prispôsobenia a nakoniec mu dáva požadovaný vzhľad a vzhľad. Má captcha blokovať spam a prináša väčšiu bezpečnosť do sekcie s komentármi.

Prečítajte si tiež náš článok o Ako obsah marketing má vplyv na SEO vášho blogu

Medzi jeho hlavné vlastnosti patrí: ľahké vkladanie komentárov, možnosť odpovedať na konkrétne komentáre používateľmi, stránkovanie komentárov, kompletná správa správy sekcie komentárov, tlačidlá na jednoduché vkladanie obrázkov, videá a odkazy, plne responzívne rozloženie, Captcha na zabezpečenie formulára a zabránenie spamu, a mnoho ďalších.

Stiahnuť | demo | web hosting

Odporúčané zdroje

Zistite ďalšie odporúčané zdroje, ktoré vám pomôžu pri vytváraní a správe vašich webových stránok.

záver

Tu ! To je pre tento tutoriál všetko, dúfam, že vám umožní pridať kontextovú ponuku pomoci na WordPress. Neváhaj zdieľať so svojimi priateľmi na obľúbených sociálnych sieťach. 

Môžete sa však tiež poradiť naše zdroje, ak potrebujete viac prvkov na realizáciu svojich projektov tvorby internetových stránok, pozrite si nášho sprievodcu Tvorba blogu WordPress.

Ak máte nejaké návrhy alebo pripomienky, nechajte ich v našej sekcii Komentáre.

... 

Pridať komentár

Vaša emailová adresa nebude zverejnená. Povinné položky sú označené *

Táto stránka používa Akismet na zníženie nežiaducich. Získajte viac informácií o používaní údajov o komentároch.