Hur man lägger till en sammanhangsberoende hjälpmeny på Wordpress

ens Blair Jersyer | Wordpress Tutorial

Den här lilla fliken « Stöd Vilket finns i det övre högra hörnet av WordPress-administrationspanelen som när du klickar avslöjar användbar information om de olika admin-sidorna och hur de fungerar kallas en kontextkänslig hjälpflik.

Först av allt, om du aldrig har installerat WordPress, ta reda på det Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg 

Tillbaka till varför vi är här.

Denna hjälp är kontextuell eftersom informationen som visas tillhör den administrationssida som för närvarande visas.

När till exempel den kontextkänsliga fliken Hjälp klickas på artikelredigeringsskärmen, information om hur flera uppgifter avslöjas, inklusive följande exempel:

Wordpress kontextuell hjälp

Om du är en plugin-utvecklare eller Wordpress tema, det hjälper dig att tillhandahålla snabb dokumentation till dina användare vilket kommer att minska dina kundsupportfrågor.

När en anpassad inläggstyp och inställningssida för Wordpress tema eller plugin skapas, finns det ingen kontextuell hjälpflik som standard. Därför kommer du i den här handledningen att lära dig hur du lägger till en till adminsidorna som nämns ovan.

Läs också vår 5-steg för att skapa bättre innehåll för din blogg

Lade till kontextuell hjälpflik på instrumentpanelen

Metoderna add_help_tab () "Och" set_help_sidebar () »I klassen WP_Screen låter dig lägga till en snabbmeny och sidofält till fliken Hjälp på en administrationssida.

Funktionen nedan kommer att lägga till tre menyer till den kontextuella hjälpfliken på en administrationssida.

För tillfället visas inte funktionen "sp_help_tabs" på någon administrationssida eftersom du ännu inte har definierat de sidor där den ska visas.

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

Nedan visas en skärmdump av den kontextkänsliga fliken Hjälp när den läggs till på en administratörssida.

Titta också på Hur man skapar skärm på Wordpress

Wordpress snabbmeny exempel

Funktionen get_current_screen () »Returnerar ett objekt« WP_Screen Av den för närvarande öppna administrationssidan och dess värde sparas i variabeln $ skärm.

Metoden add_help_tab () ”, Som accepterar inställningarna nedan, kallas tre gånger för att lägga till tre menyer i skärmens kontextuella hjälp.

  • ID : en unik identifierare för fliken. Den måste vara säker i HTML och får inte innehålla mellanslag.
  • Titel: rubrik för fliken.
  • Innehåll: innehållet på hjälpfliken. Kanske i vanlig text eller HTML.
  • Påminnelse: funktionen måste anropas för att visa innehållet på denna sida.

Från parameterbeskrivningen ovan kan du se att den tredje och fjärde parametern är relaterade - de handlar om visning av flikinnehåll. Medan den förra är en sträng som innehåller innehållet i text- eller HTML-format, är den senare en återuppringningsfunktion som ekar eller skriver ut innehållet på fliken.

Upptäck Hur du anpassar adminområdet i din WordPress-blogg

Återuppringningsfunktionen accepterar två argument " $ skärm "Och" fliken $ ". Medan det första är ämnet " WP_Screen "Av den aktuella sidan och den sista, en rad argument och deras värden för funktionen" add_help_tab () ".

Dessa två argument är användbara om du vill visa innehåll på fliken under vissa förhållanden. Till exempel kan det hända att du redan har innehållet du behöver visa så att du bara kan visa kanalen. Du kan dock behöva manipulera något för att förvärva detta innehåll, vilket gör det mer lämpligt att använda en återuppringning.

Ett exempel på användning av återuppringning:

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

I koden ovan används en anonym funktion som återuppringning. En namngiven funktion kan också användas enligt följande:

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

Båda: "innehåll" och "återuppringning" kan kombineras med det första som visas före detta.

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

För att lägga till ett sidofält med hjälp av skärmens kontexthjälp, använd " WP_Screen Och hans metod set_help_sidebar Följande:

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

För att lägga till den kontextuella hjälpfliken till en publikationstyp "bok", koppla in funktionen "sp_help_tabs" till "load-edit.php" och "load-post.php" -åtgärderna. Kör sedan en villkorlig kontroll för att se till att du är i en anpassad inläggstyp för "bok", så som:

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

Funktionen sp_help_tabs () "Hakades till" Last edit.php "Och" Last post.php Eftersom du vill att den kontextkänsliga hjälpfliken ska visas i publikationslistorna (sida som visar publikationen som tillhör publikationstypen och utgivningssidan (administrationssida där en publikation redigeras, sparas och publiceras).

Se vår artikel på Hur återställa redigeringsläget utan distraktion Wordpress

För att se till att du lägger till den kontextkänsliga hjälpfliken i den anpassade inläggstypen " boken ", Du kan använda det villkorliga" if "-uttrycket i funktionen för att säkerställa att det aktuella skärm-ID verkligen är" edit-bok "Och" boken ". Observera att skärm-ID är " edit-bok "Och" boken I de fyrkantiga konsolerna Last edit.php "Och" Last post.php "Respektive.

Om du vill att de kontextuella hjälpflikarna som visas i listan över böcker och redigeringsbokarna för redigeringsböcker ska vara annorlunda ansluter du två funktioner som innehåller flikens innehåll Last edit.php "Och" Last post.php Följande:

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

Så här lägger du till en hjälpmeny till inställningssidorna för insticksprogram

Lägga till en hjälpflik till en plugin- eller plugin-inställningssida Wordpress tema är ungefär samma process som på en anpassad postformatskärm.

Den enda skillnaden är den krok som funktionen som innehåller den kontextuella hjälpfliken kommer att kopplas till, vilket i detta fall är " hook_suffix ”Returneras av add_menu_page (). Om du skapar en toppmeny eller om det är en undermeny add_submenu_page ().

Upptäck också vår artikel om Vissa WordPress-plugins att omdirigera

Koden nedan skapar en toppmeny för vårt demo-plugin och vår kontextkänsliga hjälpflik som har lagts till plugins konfigurationssida.

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

Den " hook_suffix "Returnerad av" add_menu_page () Har spelats in på en variabel $ hook_suffix Används sedan med prefixet " läsa in Att bilda en handling last $ hook_suffix Som användes för att inkludera vår kontextkänsliga hjälpflik med hjälp av " sp_help_tabs () På sidan med insticksinställningar.

Det handlar ganska mycket om den ganska detaljerade metoden för hur du lägger till en hjälpmeny till inställningssidorna.

Upptäck också några premium WordPress-plugins  

Du kan använda andra Wordpress plugins för att ge ett modernt utseende och för att optimera hanteringen av din blogg eller hemsida.

Vi erbjuder dig här några premium WordPress-plugins som hjälper dig att göra det.

1. WooCommerce Multi Currency

WooCommerce Multi Currency är en Wordpress plugin ganska imponerande premium som låter dig visa din butik i flera valutor. Den lägger till ett alternativ som låter användaren växla mellan valutor när som helst. Att växla mellan valutor går ganska snabbt, vilket gör det ännu bekvämare.

Woocommerce-valutaväxlare wordpress-plugin

Eftersom det sannolikt kommer att fungera med flera valutor är det bara ett logiskt nästa steg att ha förmågan att vara tillgänglig på flera språk.

Läs också vår 10 WordPress-plugins och WooCommerce för att använda flera valutor

WooCommerce flera valutor är därför kompatibel med Polylang, WPML och många andra plugins. Det erbjuder också en regiondetektor som visar besökarens lokala valuta.

Ladda ner | demo | webbhotell

2. Aparg SmartAd

Si Vill du vinna lite pengar genom att sälja annonsutrymme på din hemsida så har du kommit rätt. de Wordpress plugin premium Aparg SmartAd är ett unikt plugin för annonshantering som erbjuder exklusiva funktioner.

Aparg-plugin för smartad wordpress-annonshantering

Dess installationstid och gränssnitt kommer att ge dig en utmärkt användarupplevelse. Det är den enda Wordpress plugin av denna typ, som har intelligent reklamkontroll som gör att du kan nå din målgrupp.

Läs också Hur man väljer sökord som lockar besökare på WordPress

Dess huvudsakliga funktioner är: Flerspråkigt stöd, ett professionellt grafiskt gränssnitt, stöd för multisite, intelligent hantering av annonser, 43 popup-mallar och 34 animationer, helt anpassningsbara, stöd för flera annonsformat, möjligheten att schemalägga annonser, automatisk detektering av annonsblockerare, etc.

Ladda ner | demo | webbhotell

3. CommentPress

KommentarPress är ett kraftfullt och kompakt premium WordPress-plugin som låter dig infoga, redigera och radera kommentarer snabbt och enkelt. CommentPress använder Ajax, jQuery och PHP för att ge besökarna möjlighet att infoga kommentarer utan att behöva ladda om sidan.

Commentpress ajax kommentarer infoga redigera och ta bort kommentarer för wp plugin wordpress

Detta plugin har många anpassningsalternativ och ger slutligen det utseende och utseende du vill ha. Den har en captcha för att blockera skräppost och ger dig mer säkerhet i ditt kommentaravsnitt.

Läs också vår artikel om Hur Content Marketing påverkar din blogg SEO

Dess huvudfunktioner är: enkel infogning av kommentarer, möjlighet för användare att svara på specifika kommentarer, paginering av kommentarer, fullständig hantering av administrationen av kommentarsektionen, knappar för enkel infogning av bilder, videor och länkar, en helt responsiv layout, en Captcha för att säkra formuläret och undvika skräppost, och många fler.

Ladda ner | demo | webbhotell

Rekommenderade resurser

Ta reda på om andra rekommenderade resurser som hjälper dig att bygga och hantera din webbplats.

Slutsats

Här! Det är det för den här handledningen, jag hoppas att du kan lägga till en kontextuell hjälpmeny på WordPress. Tveka inte att dela med dina vänner på dina favorit sociala nätverk. 

Du kan dock också konsultera våra resurser, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blog skapelse.

Om du har förslag eller kommentarer, lämna dem i vårt avsnitt commentaires.

. 

Poster le commentaire

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade *

Den här webbplatsen använder Akismet för att minska oönskade. Läs mer om hur dina kommentarer data används.