Hvordan legge til en kontekstavhengig hjelpemenyen på WordPress

pari Blair Jersyer | WordPress Tutorial

Denne lille fanen « Aid Som er øverst til høyre på WordPress admin-dashbordet som når du klikker avslører nyttig informasjon om de forskjellige admin-sidene og hvordan de fungerer, kalles en kontekstsensitiv hjelpefane.

Først av alt, hvis du aldri har installert WordPress, må du finne ut av det Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din 

Så tilbake til hvorfor vi er her.

Denne hjelpen er kontekstuell fordi informasjonen den viser tilhører administrasjonssiden som vises.

Når for eksempel klikkes på den kontekstsensitive Hjelp-fanen på artikkelredigeringsskjermen, informasjon om hvordan flere oppgaver avsløres, inkludert følgende eksempler:

Wordpress kontekstuell hjelp

Hvis du er en plugin-utvikler eller WordPress tema, vil det hjelpe deg å gi rask dokumentasjon til brukerne dine, noe som vil redusere kundestøttespørsmålene dine.

Når en egendefinert posttype og innstillingsside for WordPress tema eller plugin er opprettet, er det ingen kontekstuell hjelpefane som standard. Derfor vil du i denne opplæringen lære hvordan du legger til en til admin-sidene nevnt ovenfor.

Les også vår 5-trinn for å skape bedre innhold for bloggen din

Lagt til kontekstuell hjelp-fanen på dashbordet

Metodene add_help_tab () "Og" set_help_sidebar () »Av klassen WP_Screen lar deg legge til en kontekstuell hjelpemeny og et sidefelt i Hjelp-fanen på en administrasjonsside.

Funksjonen nedenfor vil legge til tre menyer i den kontekstuelle hjelpefanen på en administrasjonsside.

Foreløpig vises ikke "sp_help_tabs" -funksjonen på noen administrasjonsside fordi du ennå ikke har definert siden (e) der den skal vises.

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 skjermbilde av Konteksthjelp-fanen når den legges til en administratorside.

Ta også en titt på Hvordan lage skjermbilder på WordPress

Wordpress kontekstmenyeksempel

Funksjonen get_current_screen () »Returnerer et objekt« WP_Screen Av den nåværende åpne administrasjonssiden, og verdien lagres i variabelen $ skjerm.

Metoden add_help_tab () ”, Som godtar innstillingene nedenfor, kalles tre ganger for å legge til tre menyer i kontekstuell hjelp på skjermen.

  • ID : en unik identifikator for fanen. Den må være sikker i HTML og må ikke inneholde mellomrom.
  • Tittel: tittel for fanen.
  • Innhold: innholdet i hjelpefanen. Kanskje i ren tekst eller HTML.
  • Påminnelse: funksjonen må kalles for å vise innholdet på denne siden.

Fra parameterbeskrivelsen ovenfor kan du se at den tredje og fjerde parameteren er relatert - de handler om visning av faneinnhold. Mens førstnevnte er en streng som inneholder innholdet i tekst eller HTML-format, er sistnevnte en tilbakeringingsfunksjon som ekko eller skriver ut innholdet i fanen.

Discover Hvordan tilpasse adminområdet til WordPress-bloggen din

Tilbakekallingsfunksjonen godtar to argumenter " $ skjermen "Og" kategorien $ ". Mens det første er temaet " WP_Screen "Av den nåværende siden og den siste, en rekke argumenter og deres verdier for funksjonen" add_help_tab () '.

Disse to argumentene vil være nyttige hvis du vil vise innhold i kategorien under visse forhold. For eksempel kan det hende at du allerede har innholdet du trenger å vise, slik at du bare kan vise kanalen. Du må imidlertid kanskje manipulere noe for å skaffe deg dette innholdet, noe som gjør bruk av tilbakeringing mer passende.

Et eksempel på bruk av tilbakeringing:

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 over brukes en anonym funksjon som tilbakeringing. En navngitt funksjon kan også brukes 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: "innhold" og "tilbakeringing" kan kombineres med den første som 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>';
            }
        )
    );
}

For å legge til en sidefelt ved hjelp av konteksthjelp på skjermen, bruk " WP_Screen Og metoden hans 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 å legge til den kontekstuelle hjelpefanen i en publikasjonstype "bok", kobler du "sp_help_tabs" -funksjonen til handlingene "load-edit.php" og "load-post.php". Deretter kjører du en betinget sjekk for å forsikre deg om at du er i en tilpasset innleggstype for "bok", slik:

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

Funksjonen sp_help_tabs () "Ble hekta til" Last edit.php "Og" Last post.php Fordi du vil at den kontekstfølsomme hjelpefanen skal vises i publikasjonslistene (side som viser publikasjonen som tilhører publikasjonstypen) og utgavesiden (administrasjonssiden der en publikasjon redigeres, lagres og publiseres).

Se vår artikkel på Hvordan gjenopprette redigeringsmodus uten distraksjon WordPress

For å sikre at du legger til Konteksthjelp-fanen i den egendefinerte innleggstypen " bok ", Du kan bruke den betingede" if "-uttalelsen inne i funksjonen for å sikre at gjeldende skjerm-ID faktisk er" Rediger-bok "Og" bok ". Merk at skjerm-ID er " Rediger-bok "Og" bok I de firkantede parentesene Last edit.php "Og" Last post.php "Henholdsvis.

Hvis du vil at kontekstuelle hjelpefaner som vises i listen over bøker og redigeringsbokene for redigeringsbok, skal være forskjellige, kobler du til to funksjoner som inneholder innholdet i fanen Last edit.php "Og" Last 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.' );
}

Slik legger du til en hjelpemeny til innstillingssidene for plugins

Legge til en hjelpefane til en plugin- eller plugin-innstillingsside WordPress tema er stort sett den samme prosessen som på en tilpasset postformatskjerm.

Den eneste forskjellen er kroken som funksjonen som inneholder kontekstuell hjelp-fanen vil bli koblet til, som i dette tilfellet er " hook_suffix ”Returnert av add_menu_page (). Hvis du oppretter en toppmeny eller hvis det er en undermeny add_submenu_page ().

Oppdag også artikkelen vår om Noen WordPress-plugins som kan omdirigeres

Koden nedenfor oppretter en toppmeny for demo-pluginet vårt og vår kontekstsensitive hjelpefane som er lagt til plugins konfigurasjonsside.

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 "Returnert av" add_menu_page () Har blitt spilt inn på en variabel $ hook_suffix Brukes deretter med prefikset " laste Å danne en handling last $ hook_suffix Som ble brukt til å inkludere vår kontekstsensitive hjelpefane ved hjelp av " sp_help_tabs () På siden med programtilleggsinnstillinger.

Det er stort sett alt om den ganske detaljerte metoden for hvordan du legger til en hjelpemeny til innstillinger for innstillinger for innstillinger.

Oppdag også noen premium WordPress-plugins  

Du kan bruke andre WordPress plugins for å gi et moderne utseende og for å optimalisere håndteringen av bloggen eller nettsiden din.

Vi tilbyr deg her noen premium WordPress-plugins som vil hjelpe deg å gjøre det.

1. WooCommerce Multi Valuta

WooCommerce Multi Currency er en WordPress Plugin ganske imponerende premium som lar deg vise butikken din i flere valutaer. Den legger til et alternativ som lar brukeren bytte mellom valutaer når som helst. Det går ganske raskt å bytte mellom valutaer, noe som gjør det enda mer praktisk.

Woocommerce multi currency currency switcher wordpress plugin

Siden det sannsynligvis vil fungere med flere valutaer, er det bare et logisk neste trinn å ha muligheten til å være tilgjengelig på flere språk.

Les også vår 10 WordPress plugins og WooCommerce for å bruke flere valutaer

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

Last ned | dEMO | Webhotell

2. Aparg SmartAd

Si Vil du vinne litt penger ved å selge annonseplass på nettstedet ditt så har du kommet til rett sted. de WordPress Plugin premium Aparg SmartAd er en unik annonseadministrasjonsplugin som tilbyr eksklusive funksjoner.

Aparg smartad wordpress annonsebehandling plugin

Installasjonstiden og grensesnittet vil gi deg en utmerket brukeropplevelse. Det er den eneste WordPress Plugin av denne typen, som har intelligent reklamekontroll som lar deg nå målgruppen din.

Les også Hvordan velge søkeordet som vil tiltrekke besøkende på WordPress

Dets viktigste funksjoner er: Flerspråklig støtte, et profesjonelt grafisk grensesnitt støtte for multisite, intelligent administrasjon av annonser, 43 popup-maler og 34 animasjoner, fullt tilpassbar, støtte for flere annonseformater, muligheten til å planlegge annonser, automatisk gjenkjenning av annonseblokkere, etc.

Last ned | dEMO | Webhotell

3. CommentPress

KommentarPress er et kraftig og kompakt WordPress-plugin som lar deg sette inn, redigere og slette kommentarer raskt og enkelt. CommentPress bruker Ajax, jQuery og PHP for å gi besøkende muligheten til å sette inn kommentarer uten å måtte laste inn siden på nytt.

Commentpress ajax kommentarer sett inn rediger og slett kommentarer for wp plugin wordpress

Denne pluginen har mange tilpasningsmuligheter, og gir den til slutt utseendet og utseendet du ønsker. Den har en captcha for å blokkere spam og gir mer sikkerhet i kommentarfeltet.

Les også artikkelen vår om Hvordan innhold markedsføring påvirker SEO på bloggen din

Hovedtrekkene er: enkel innsetting av kommentarer, muligheten for brukere å svare på spesifikke kommentarer, paginering av kommentarer, fullstendig administrasjon av administrasjonen av kommentarseksjonen, knapper for enkel innsetting av bilder, videoer og lenker, et fullstendig responsivt oppsett, en Captcha for å sikre skjemaet og unngå spam, og mange flere.

Last ned | dEMO | Webhotell

Anbefalte ressurser

Finn ut om andre anbefalte ressurser for å hjelpe deg med å bygge og administrere nettstedet ditt.

konklusjonen

Her! Det er det for denne opplæringen, jeg håper det lar deg legge til en kontekstuell hjelpemeny på WordPress. Ikke nøl med å del med vennene dine på dine favoritt sosiale nettverk. 

Du kan imidlertid også konsultere ressursene våre, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide WordPress blog oppretting.

Hvis du har forslag eller kommentarer, kan du la dem ligge i seksjonen vår commentaires.

... 

Legg inn kommentaren

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket *

Dette nettstedet bruker Akismet for å redusere uønsket. Lær mer om hvordan dine kommentarer data blir brukt.