Deze kleine tab « Assistent Dit bevindt zich in de rechterbovenhoek van het WordPress-beheerdersdashboard en wanneer erop wordt geklikt, wordt nuttige informatie over de verschillende beheerpagina's en hoe ze werken, een contextgevoelig helptabblad genoemd.

Allereerst, als je WordPress Discover nog nooit hebt geïnstalleerd Hoe maak je een WordPress blog 7 stappen te installeren et Hoe te vinden, installeren en activeren van een WordPress theme op uw blog 

Ga dan terug naar waarom we hier zijn.

Deze hulp is contextueel omdat de weergegeven informatie behoort tot de beheerpagina die momenteel wordt bekeken.

Als er bijvoorbeeld op het contextgevoelige Help-tabblad wordt geklikt in het artikelbewerkingsscherm, wordt informatie weergegeven over hoe verschillende taken worden onthuld, inclusief de volgende voorbeelden:

Wordpress contextuele hulp

Als u een ontwikkelaar van plug-ins bent of WordPress theme, zal het u helpen om uw gebruikers snel documentatie te verstrekken, waardoor u minder vragen hoeft te stellen aan de klantenondersteuning.

Wanneer een aangepast berichttype en instellingenpagina van de WordPress theme of plug-in zijn gemaakt, is er standaard geen contextueel help-tabblad. Daarom leert u in deze zelfstudie hoe u er een kunt toevoegen aan de hierboven genoemde beheerderspagina's.

Lees ook onze 5 stappen om betere inhoud voor je blog te maken

Toegevoegd contextueel helptabblad op het dashboard

De methoden add_help_tab () "En" set_help_sidebar () »Van de klas WP_Screen kunt u een helpcontextmenu en zijbalk toevoegen aan het Help-tabblad op een beheerpagina.

De onderstaande functie voegt drie menu's toe aan het contextgevoelige helptabblad van een beheerpagina.

Voorlopig wordt de functie "sp_help_tabs" op geen enkele beheerpagina weergegeven omdat u de pagina ('s) waarop deze zal worden weergegeven, nog niet hebt gedefinieerd.

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

Hieronder ziet u een screenshot van het contextgevoelige helptabblad wanneer het is toegevoegd aan een admin-pagina.

Kijk ook eens naar Hoe maak je screenshots op WordPress te creëren

Voorbeeld van een Wordpress-contextmenu

De functie get_current_screen () »Retourneert een object« WP_Screen Van de momenteel geopende beheerpagina, en de waarde ervan wordt opgeslagen in de $ screen variabele.

De methode add_help_tab () ”, Die de onderstaande instellingen accepteert, wordt driemaal opgeroepen om drie menu's toe te voegen aan de contextuele hulp op het scherm.

  • ID : een unieke identificatie voor het tabblad. Het moet veilig zijn in HTML en mag geen spaties bevatten.
  • Titel: titel voor het tabblad.
  • Inhoud: inhoud van het helptabblad. Misschien in platte tekst of HTML.
  • Herinnering: de functie moet worden opgeroepen om de inhoud van deze pagina weer te geven.

Uit de parameterbeschrijving hierboven kun je zien dat de derde en vierde parameter gerelateerd zijn - ze hebben te maken met de weergave van tabinhoud. Hoewel de eerste een tekenreeks is die de inhoud in tekst- of HTML-indeling bevat, is de laatste een callback-functie die de inhoud van het tabblad weergalmt of afdrukt.

Ontdek ook Hoe u het admin-gebied van uw WordPress-blog aanpast

De callback-functie accepteert twee argumenten " $ screen "En" tab $ ". Terwijl de eerste het onderwerp is " WP_Screen "Van de huidige en de laatste pagina, een reeks argumenten en hun waarden van de functie" add_help_tab () .

Deze twee argumenten zijn handig als u onder bepaalde voorwaarden inhoud op het tabblad wilt weergeven. Je hebt bijvoorbeeld al de inhoud die je nodig hebt om weer te geven, dus je kunt gewoon het kanaal weergeven. Het is echter mogelijk dat u iets moet manipuleren om deze inhoud te verkrijgen, wat het gebruik van een callback geschikter maakt.

Een voorbeeld van het gebruik van de callback:

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

In de bovenstaande code wordt een anonieme functie gebruikt als terugbelactie. Een benoemde functie kan ook als volgt worden gebruikt:

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

Beide: "content" en "callback" kunnen worden gecombineerd met de eerste die ervoor wordt weergegeven.

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

Gebruik 'om een ​​zijbalk toe te voegen met behulp van de contexthulp op het scherm'. WP_Screen En zijn methode set_help_sidebar Als volgt:

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

Om de contextuele helptab toe te voegen aan een "boek" publicatietype, haak je de functie "sp_help_tabs" aan de acties "load-edit.php" en "load-post.php". Voer vervolgens een voorwaardelijke controle uit om er zeker van te zijn dat u zich in een aangepast berichttype voor "boek" bevindt, zoals:

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

De functie sp_help_tabs () "Was opgehangen" Load-edit.php "En" Load-post.php Omdat u wilt dat het contextgevoelige helptabblad in de publicatielijsten (pagina met de publicatie behorende bij het publicatietype) en de editie-pagina (beheerpagina waar een publicatie wordt bewerkt, opgeslagen en gepubliceerd).

Zie ons artikel op Hoe de edit mode zonder afleiding WordPress herstellen

Om ervoor te zorgen dat je het tabblad Context Help toevoegt aan het aangepaste berichttype ' boek ", U kunt de voorwaardelijke" if "-instructie binnen de functie gebruiken om ervoor te zorgen dat de huidige scherm-ID inderdaad is" bewerk-book "En" boek ". Let op: de scherm-ID is " bewerk-book "En" boek Tussen de vierkante haken Load-edit.php "En" Load-post.php "Respectievelijk.

Als u wilt dat de contextuele helptabbladen die worden weergegeven in de lijst met boeken en de bewerkingsschermen voor bewerkingsboeken verschillen, verbindt u twee functies die de inhoud van het tabblad bevatten Load-edit.php "En" Load-post.php Als volgt:

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

Een Help-menu toevoegen aan instellingenpagina's voor plug-ins

Een Help-tabblad toevoegen aan een plug-in of plug-in-instellingenpagina WordPress theme is vrijwel hetzelfde proces als op een aangepast berichtformaatscherm.

Het enige verschil is de haak waaraan de functie met de contextuele helptab wordt gekoppeld, wat in dit geval ' hook_suffix ”Geretourneerd door add_menu_page (). Als u een menu op het hoogste niveau maakt of als het een submenu add_submenu_page () is.

Ontdek ook ons ​​artikel over Sommige WordPress-plug-ins omleiden

De onderstaande code maakt een menu op het hoogste niveau voor onze demo-plug-in en ons contextgevoelige helptabblad dat is toegevoegd aan de configuratiepagina van de plug-in.

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

de " hook_suffix "Geretourneerd door" add_menu_page () Is opgenomen op een variabele $ hook_suffix Vervolgens gebruikt met het voorvoegsel ' laden Om een ​​actie te vormen load $ hook_suffix Die werd gebruikt om ons contextgevoelige helptabblad op te nemen met de " sp_help_tabs () Op de pagina met plug-ininstellingen.

Dat is ongeveer alles over de vrij gedetailleerde methode voor het toevoegen van een helpmenu aan de plug-in-instellingenpagina's.

Ontdek ook enkele premium WordPress-plug-ins  

U kunt andere gebruiken WordPress plugins om een ​​moderne uitstraling te geven en de afhandeling van uw blog of website te optimaliseren.

We bieden je hier enkele premium WordPress-plug-ins die je daarbij kunnen helpen.

1. WooCommerce Multi Currency

WooCommerce Multi Currency is een WordPress Plugin behoorlijk indrukwekkende premium waarmee u uw winkel in meerdere valuta's kunt weergeven. Het voegt een optie toe waarmee de gebruiker op elk moment tussen valuta kan schakelen. Wisselen tussen valuta gaat vrij snel, wat het nog handiger maakt.

Woocommerce multi-valuta-valutawisselaar WordPress-plug-in

Aangezien het waarschijnlijk met meerdere valuta's zal werken, is de mogelijkheid om in meerdere talen beschikbaar te zijn slechts een logische volgende stap.

Lees ook onze 10 WordPress-plug-ins en WooCommerce gebruiken meerdere valuta's

WooCommerce Meerdere valuta is daarom compatibel met Polylang, WPML en vele andere plug-ins. Het biedt ook een regiodetector die de lokale valuta van de bezoeker weergeeft.

Downloaden | demonstratie | web hosting

2. Aparg SmartAd

Si Wil je wat geld winnen? door advertentieruimte op uw website te verkopen dan bent u bij ons aan het juiste adres. de WordPress Plugin premium Aparg SmartAd is een unieke plug-in voor advertentiebeheer, die u exclusieve functies biedt.

Aparg smartad wordpress plug-in voor advertentiebeheer

De installatietijd en interface bieden u een uitstekende gebruikerservaring. Het is de enige WordPress Plugin van dit type, dat beschikt over intelligente advertentiecontrole waarmee u uw doelgroep kunt bereiken.

Lees ook Hoe kies je het zoekwoord dat bezoekers op WordPress aantrekt

De belangrijkste kenmerken zijn: Meertalige ondersteuning, een professionele grafische interface, de ondersteuning voor multisite, intelligent beheer van advertenties, 43 pop-up-sjablonen en 34 animaties, volledig aanpasbaar, ondersteuning voor meerdere advertentie-indelingen, de mogelijkheid om advertenties te plannen, automatische detectie van advertentieblokkers, enz.

Downloaden | demonstratie | web hosting

3. CommentPress

Reageren is een krachtige en compacte premium WordPress-plug-in waarmee u snel en gemakkelijk opmerkingen kunt invoegen, bewerken en verwijderen. CommentPress gebruikt Ajax, jQuery en PHP om bezoekers de mogelijkheid te geven opmerkingen in te voegen zonder de pagina opnieuw te hoeven laden.

Commentpress ajax comments invoegen bewerken en verwijderen opmerkingen voor wp plugin wordpress

Deze plug-in heeft veel aanpassingsmogelijkheden, waardoor hij eindelijk het uiterlijk en uiterlijk krijgt dat u wilt. Het heeft een captcha om spam te blokkeren en brengt meer beveiliging in uw commentaarsectie.

Lees ook ons ​​artikel over Hoe inhouds marketing invloed heeft op uw blog's SEO

De belangrijkste kenmerken zijn: het gemakkelijk invoegen van opmerkingen, de mogelijkheid voor gebruikers om op specifieke opmerkingen te reageren, de paginering van opmerkingen, volledig beheer van de administratie van de opmerkingensectie, knoppen voor het eenvoudig invoegen van afbeeldingen, video's en links, een volledig responsieve lay-out, een Captcha om het formulier te beveiligen en spam te voorkomen, en nog veel meer.

Downloaden | demonstratie | web hosting

Aanbevolen bronnen

Lees meer over andere aanbevolen bronnen om u te helpen bij het bouwen en beheren van uw website.

Conclusie

Alstublieft ! Dat is het voor deze tutorial, ik hoop dat je hiermee een contextueel helpmenu op WordPress kunt toevoegen. Aarzel niet om deel met je vrienden op je favoriete sociale netwerken

U kunt echter ook overleggen onze middelen, als u meer elementen nodig heeft om uw projecten voor het maken van internetsites uit te voeren, raadpleeg dan onze gids op Creatie van WordPress blogs.

Als u suggesties of opmerkingen heeft, laat ze dan achter in onze rubriek commentaires.

...