Sådan tilføjes en kontekstuel hjælpemenu til WordPress

takket være Blair Jersyer | WordPress Tutorial

Denne lille fane « Støtte Hvilket er i øverste højre hjørne af WordPress admin-dashboardet, som når der klikkes på, afslører nyttige oplysninger om de forskellige admin-sider, og hvordan de fungerer, kaldes en kontekstafhængig hjælpefane.

Først og fremmest, hvis du aldrig har installeret WordPress, skal du finde ud af det Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog 

Så tilbage til, hvorfor vi er her.

Denne hjælp er kontekstuel fordi de viste oplysninger hører til den administrationsside, der aktuelt vises.

For eksempel, når der klikkes på den kontekstafhængige fane Hjælp på artiklen redigeringsskærm, oplysninger om, hvordan flere opgaver afsløres, herunder følgende eksempler:

Wordpress kontekstuel hjælp

Hvis du er plugin-udvikler eller WordPress tema, vil det hjælpe dig med at levere hurtig dokumentation til dine brugere, hvilket vil reducere dine kundesupportspørgsmål.

Når en tilpasset indlægstype og indstillingsside for WordPress tema eller plugin er oprettet, er der ingen kontekstuel hjælpefane som standard. Derfor vil du i denne tutorial lære, hvordan du tilføjer en til admin-siderne nævnt ovenfor.

Læs også vores 5 trin til at skabe bedre indhold til din blog

Tilføjet kontekstuel hjælpefane på instrumentbrættet

Metoderne add_help_tab () "Og" set_help_sidebar () »Af klassen WP_Screen giver dig mulighed for at tilføje en hjælpekontekstmenu og sidebjælke til fanen Hjælp på en administrationsside.

Funktionen nedenfor tilføjer tre menuer til den kontekstuelle hjælpefane på en administrationsside.

Indtil videre vises funktionen "sp_help_tabs" ikke på nogen administrationsside, fordi du endnu ikke har defineret de (n) side (r), hvor den vil blive vist.

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

Nedenfor er et skærmbillede af den kontekstafhængige fane Hjælp, når den føjes til en admin-side.

Se også på Sådan opretter skærmbilleder på WordPress

Wordpress kontekstmenu eksempel

Funktionen get_current_screen () »Returnerer et objekt« WP_Screen Af den aktuelt åbne administrationsside, og dens værdi gemmes i variablen $ $.

Metoden add_help_tab () ”, Som accepterer nedenstående indstillinger, kaldes tre gange for at føje tre menuer til skærmens kontekstuelle hjælp.

  • ID : en unik identifikator for fanen. Det skal være sikkert i HTML og må ikke indeholde mellemrum.
  • Titel: titel til fanen.
  • Indhold: indholdet af hjælpefanen. Måske i almindelig tekst eller HTML.
  • Påmindelse: Funktionen skal kaldes for at få vist indholdet på denne side.

Fra ovenstående parameterbeskrivelse kan du se, at den tredje og fjerde parameter er relateret - de handler om visning af faneindhold. Mens førstnævnte er en streng, der indeholder indholdet i tekst eller HTML-format, er sidstnævnte en tilbagekaldsfunktion, der gentager eller udskriver indholdet på fanen.

Oplev Sådan tilpasser du admin-området på din WordPress-blog

Genopkaldsfunktionen accepterer to argumenter " $ skærm "Og" fanen $ ". Mens den første er emnet " WP_Screen "Af den aktuelle side og den sidste en række argumenter og deres værdier for funktionen" add_help_tab () '.

Disse to argumenter vil være nyttige, hvis du vil vise indhold på fanen under visse betingelser. For eksempel har du muligvis allerede det indhold, du har brug for at vise, så du kan bare vise kanalen. Du skal dog muligvis manipulere noget for at erhverve dette indhold, hvilket gør det mere passende at bruge tilbagekald.

Et eksempel på brugen af ​​tilbagekald:

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 ovenfor bruges en anonym funktion som et tilbagekald. En navngivet funktion kan også bruges som følger:

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

Begge: "indhold" og "tilbagekald" kan kombineres med den første, der vises før denne.

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

Brug "for at tilføje et sidebjælke ved hjælp af skærmkonteksthjælp WP_Screen Og hans metode set_help_sidebar Som følger:

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

For at tilføje den kontekstuelle hjælpefane til en "bog" -publikationstype skal du tilslutte funktionen "sp_help_tabs" til handlingerne "load-edit.php" og "load-post.php". Kør derefter en betinget kontrol for at sikre dig, at du er i en brugerdefineret posttype til "bog" som sådan:

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 () "Blev tilsluttet" Load-edit.php "Og" Load-post.php Fordi du ønsker, at den kontekstafhængige hjælpefane skal vises på publikationslisterne (side, der viser publikationen, der hører til publikationstypen) og udgavesiden (administrationsside, hvor en publikation redigeres, gemmes og offentliggøres).

Se vores artikel om Sådan gendannes redigeringstilstand uden distraktion WordPress

For at sikre, at du tilføjer fanen Konteksthjælp til den brugerdefinerede posttype " bog ", Du kan bruge den betingede" if "-sætning inde i funktionen for at sikre, at det aktuelle skærm-ID faktisk er" redigering-bog "Og" bog ". Bemærk, at skærm-id'et er " redigering-bog "Og" bog I de firkantede parenteser Load-edit.php "Og" Load-post.php "Henholdsvis.

Hvis du ønsker, at de kontekstuelle hjælpefaner, der vises på listen over bøger, og redigeringsskærmene til redigeringsbøger skal være forskellige, skal du forbinde to funktioner, der indeholder indholdet på fanen Load-edit.php "Og" Load-post.php Som følger:

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ådan tilføjes en hjælpemenu til plugins-indstillingssider

Tilføjelse af en hjælpefane til et plugin eller plugin-indstillingsside WordPress tema er stort set den samme proces som på en brugerdefineret postformatskærm.

Den eneste forskel er den krog, hvorpå funktionen, der indeholder den kontekstuelle hjælpefane, tilsluttes, hvilket i dette tilfælde er " hook_suffix ”Returneret af add_menu_page (). Hvis du opretter en menu på øverste niveau, eller hvis det er en undermenu add_submenu_page ().

Oplev også vores artikel om Nogle WordPress-plugins til omdirigering

Koden nedenfor opretter en topmenu til vores demo-plugin og vores kontekstafhængige hjælpefane, som er blevet tilføjet til plugins konfigurationsside.

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 "Returneret af" add_menu_page () Er optaget på en variabel $ hook_suffix Bruges derefter med præfikset " belastning At danne en handling load- $ hook_suffix Som blev brugt til at inkludere vores kontekstfølsomme hjælpefane ved hjælp af " sp_help_tabs () På siden med plugin-indstillinger.

Det handler stort set alt om den temmelig detaljerede metode til, hvordan man tilføjer en hjælpemenu til plugin-indstillingssider.

Oplev også nogle premium WordPress-plugins  

Du kan bruge andet WordPress plugins for at give et moderne udtryk og for at optimere håndteringen af ​​din blog eller hjemmeside.

Vi tilbyder dig her nogle premium WordPress-plugins, der hjælper dig med det.

1. WooCommerce Multi Currency

WooCommerce Multi Currency er en WordPress plugin ganske imponerende præmie, der giver dig mulighed for at vise din butik i flere valutaer. Det tilføjer en mulighed, der tillader brugeren at skifte mellem valutaer til enhver tid. Skift mellem valutaer er ret hurtigt, hvilket gør det endnu mere bekvemt.

Woocommerce multi valuta valuta switcher wordpress plugin

Da det sandsynligvis fungerer med flere valutaer, er det kun et logisk næste trin at have evnen til at være tilgængelig på flere sprog.

Læs også vores 10 WordPress plugins og WooCommerce til at bruge flere valutaer

WooCommerce Multi-valuta er derfor kompatibel med Polylang, WPML og mange andre plugins. Det tilbyder også en regiondetektor, der viser den besøgendes lokale valuta.

Downloade | demo | Web-hosting

2. Aparg SmartAd

Si Vil du vinde nogle penge ved at sælge annonceplads på din hjemmeside så er du kommet til det rigtige sted. det WordPress plugin premium Aparg SmartAd er et unikt plugin til annonceadministration, som tilbyder dig eksklusive funktioner.

Aparg plugin til smartad wordpress-annoncehåndtering

Dens installationstid og interface vil give dig en fremragende brugeroplevelse. Det er den eneste WordPress plugin af denne type, som har intelligent annoncestyring, der giver dig mulighed for at nå din målgruppe.

Læs også Hvordan vælger du det søgeord, der vil tiltrække besøgende på WordPress

Dets vigtigste funktioner er: Flersproget support, en professionel grafisk grænseflade støtte til multisite, intelligent styring af reklamer, 43 pop op-skabeloner og 34 animationer, der kan tilpasses fuldt ud, understøttelse af flere annonceformater, muligheden for at planlægge reklamer, automatisk registrering af annonceblokkere osv.

Downloade | demo | Web-hosting

3. CommentPress

Kommentar Tryk er et kraftfuldt og kompakt WordPress-plugin, der giver dig mulighed for hurtigt og nemt at indsætte, redigere og slette kommentarer. CommentPress bruger Ajax, jQuery og PHP for at give besøgende mulighed for at indsætte kommentarer uden at skulle genindlæse siden.

Commentpress ajax kommentarer indsæt rediger og slet kommentarer til wp plugin wordpress

Dette plugin har mange tilpasningsmuligheder, hvilket til sidst giver det det udseende, du ønsker. Det har en captcha til at blokere spam og bringer mere sikkerhed til din kommentarsektion.

Læs også vores artikel om Hvor indhold marketing påvirker SEO af din blog

Dets vigtigste funktioner er: nem indsættelse af kommentarer, brugernes mulighed for at svare på specifikke kommentarer, sideinddeling af kommentarer, fuldstændig administration af administrationen af ​​kommentarsektionen, knapper til nem indsættelse af billeder, videoer og links, et fuldt responsivt layout, en Captcha for at sikre formen og undgå spam, og mange flere.

Downloade | demo | Web-hosting

Anbefalede ressourcer

Find ud af om andre anbefalede ressourcer, der hjælper dig med at opbygge og administrere dit websted.

Konklusion

Her ! Det er det til denne tutorial, jeg håber, det giver dig mulighed for at tilføje en kontekstuel hjælpemenu på WordPress. Tøv ikke med at del med dine venner på dine foretrukne sociale netværk. 

Du kan dog også konsultere vores ressourcer, hvis du har brug for flere elementer til at gennemføre dine projekter med oprettelse af internetsider ved at konsultere vores guide på WordPress blog oprettelse.

Hvis du har forslag eller bemærkninger, skal du lade dem stå i vores afsnit kommentarer.

... 

Indsend kommentaren

Din e-mail-adresse vil ikke blive offentliggjort. Påkrævede felter er markeret med *

Dette websted bruger Akismet til at reducere uønskede. Få flere oplysninger om, hvordan dine kommentarer data bruges.