Questa piccola scheda « Aiuto Che si trova nell'angolo in alto a destra della dashboard di amministrazione di WordPress che, se cliccata, rivela informazioni utili sulle varie pagine di amministrazione e su come funzionano è chiamata scheda della guida sensibile al contesto.

Prima di tutto, se non hai mai installato WordPress, scoprilo Come installare un blog Wordpress passi 7 et Come trovare, installare e attivare un tema WordPress sul tuo blog 

Quindi torniamo al perché siamo qui.

Questo aiuto è contestuale perché le informazioni visualizzate appartengono alla pagina di amministrazione attualmente visualizzata.

Ad esempio, quando si fa clic sulla scheda Guida sensibile al contesto nella schermata di modifica dell'articolo, vengono visualizzate informazioni su come vengono rivelate diverse attivitĂ , inclusi i seguenti esempi:

Aiuto contestuale di Wordpress

Se sei uno sviluppatore di plugin o tema WordPress, ti aiuterĂ  a fornire una documentazione rapida ai tuoi utenti che ridurrĂ  le tue domande di assistenza clienti.

Quando un tipo di post personalizzato e una pagina delle impostazioni di tema WordPress o vengono creati plug-in, per impostazione predefinita non esiste una scheda della guida contestuale. Quindi, in questo tutorial, imparerai come aggiungerne uno alle pagine di amministrazione sopra menzionate.

Leggi anche il nostro 5 passi per creare contenuti migliori per il tuo blog

Aggiunta la scheda della guida contestuale sulla dashboard

I metodi add_help_tab () "E" set_help_sidebar () Â»Della classe WP_Screen consentono di aggiungere un menu di aiuto contestuale e una barra laterale alla scheda Aiuto in una pagina di amministrazione.

La funzione seguente aggiungerĂ  tre menu alla scheda della guida sensibile al contesto di una pagina di amministrazione.

Per ora, la funzione "sp_help_tabs" non è visualizzata in nessuna pagina di amministrazione perché non hai ancora definito le pagine in cui verrà visualizzata.

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

Di seguito è riportato uno screenshot della scheda Guida contestuale quando viene aggiunta a una pagina di amministrazione.

Dai anche un'occhiata a Come creare screenshot su WordPress

Esempio di menu contestuale di Wordpress

La funzione get_current_screen () Â»Restituisce un oggetto« WP_Screen Della pagina di amministrazione attualmente aperta e il suo valore viene salvato nella variabile $ screen.

Il metodo add_help_tab () ", Che accetta le impostazioni seguenti, viene chiamato tre volte per aggiungere tre menu alla guida contestuale su schermo.

  • ID : un identificatore univoco per la scheda. Deve essere protetto in HTML e non deve contenere spazi.
  • Titolo: titolo per la scheda.
  • Contenuto: contenuto della scheda della guida. Forse in testo normale o HTML.
  • Promemoria: la funzione deve essere chiamata per visualizzare il contenuto di questa pagina.

Dalla descrizione delle impostazioni sopra, puoi vedere che la terza e la quarta impostazione sono correlate: si occupano della visualizzazione del contenuto della scheda. Mentre la prima è una stringa contenente il contenuto in formato testo o HTML, la seconda è una funzione di callback che riproduce o stampa il contenuto della scheda.

Scopri Come personalizzare l'area di amministrazione del tuo blog WordPress

La funzione di callback accetta due argomenti " $ schermo "E" scheda $ ". Mentre il primo è il soggetto " WP_Screen "Della pagina corrente e dell'ultima, un array di argomenti e i loro valori della funzione" add_help_tab () '.

Questi due argomenti saranno utili se desideri visualizzare il contenuto nella scheda in determinate condizioni. Ad esempio, potresti giĂ  avere il contenuto che devi visualizzare, quindi puoi semplicemente visualizzare il canale. Tuttavia, potresti dover manipolare qualcosa per acquisire questo contenuto, il che rende piĂ¹ appropriato l'utilizzo di una richiamata.

Un esempio di utilizzo della richiamata:

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

Nel codice sopra, una funzione anonima viene utilizzata come callback. Una funzione con nome puĂ² anche essere utilizzata come segue:

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

Entrambi: "contenuto" e "richiamata" possono essere combinati con il primo visualizzato prima di questo.

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

Per aggiungere una barra laterale utilizzando la guida contestuale su schermo, utilizza " WP_Screen E il suo metodo set_help_sidebar Come segue:

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

Per aggiungere la scheda della guida contestuale a un tipo di pubblicazione "libro", aggancia la funzione "sp_help_tabs" alle azioni "load-edit.php" e "load-post.php". Successivamente, esegui un controllo condizionale per assicurarti di essere in un tipo di articolo personalizzato per "libro", in questo modo:

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

La funzione sp_help_tabs () "Ăˆ stato agganciato a" Carico-edit.php "E" Carico-post.php PerchĂ© desideri che la scheda della guida sensibile al contesto appaia negli elenchi delle pubblicazioni (pagina che elenca la pubblicazione appartenente al tipo di pubblicazione) e la pagina dell'edizione (pagina di amministrazione in cui una pubblicazione viene modificata, salvata e pubblicata).

Guarda il nostro articolo su Come ripristinare la modalitĂ  di modifica senza distrazioni WordPress

Per assicurarti di aggiungere la scheda Guida contestuale al tipo di post personalizzato " libro ", Puoi usare l'istruzione condizionale" if "all'interno della funzione per assicurarti che l'ID della schermata corrente sia effettivamente" edit-book "E" libro ". Tieni presente che l'ID dello schermo è " edit-book "E" libro Tra parentesi quadre Carico-edit.php "E" Carico-post.php "Rispettivamente.

Se desideri che le schede della guida contestuale visualizzate nell'elenco dei libri e le schermate di modifica del libro di modifica siano diverse, collega due funzioni contenenti il ​​contenuto della scheda Carico-edit.php "E" Carico-post.php Come segue:

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

Come aggiungere un menu di aiuto alle pagine delle impostazioni dei plugin

Aggiunta di una scheda di aiuto a un plug-in o alla pagina delle impostazioni del plug-in tema WordPress è praticamente lo stesso processo di una schermata con formato di post personalizzato.

L'unica differenza è l'hook su cui verrĂ  agganciata la funzione contenente la scheda della guida contestuale, che in questo caso è " hook_suffix "Restituito da add_menu_page (). Se stai creando un menu di primo livello o se è un sottomenu add_submenu_page ().

Scopri anche il nostro articolo su Alcuni plugin di WordPress da reindirizzare

Il codice seguente crea un menu di primo livello per il nostro plug-in demo e la nostra scheda della guida sensibile al contesto che è stata aggiunta alla pagina di configurazione del 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.' );
}

Il " hook_suffix "Restituito da" add_menu_page () Ăˆ stato registrato su una variabile $ hook_suffix Quindi utilizzato con il prefisso " caricare Per formare un'azione del carico $ hook_suffix Che è stato utilizzato per includere la nostra scheda della guida sensibile al contesto utilizzando il " sp_help_tabs () Nella pagina delle impostazioni del plugin.

Questo è praticamente tutto sul metodo abbastanza dettagliato su come aggiungere un menu di aiuto alle pagine delle impostazioni del plug-in.

Scopri anche alcuni plugin WordPress premium  

Puoi usare altro plugin di WordPress per dare un aspetto moderno e per ottimizzare la gestione del tuo blog o sito web.

Ti offriamo qui alcuni plugin WordPress premium che ti aiuteranno a farlo.

1. WooCommerce Multi Currency

WooCommerce Multi Currency è un WordPress Plugin premio piuttosto impressionante che ti consente di visualizzare il tuo negozio in piĂ¹ valute. Aggiunge un'opzione che consente all'utente di passare da una valuta all'altra in qualsiasi momento. Il cambio tra le valute è abbastanza veloce, il che lo rende ancora piĂ¹ conveniente.

Woocommerce plugin wordpress per il cambio di valuta multi valuta

PoichĂ© è probabile che funzioni con piĂ¹ valute, avere la possibilitĂ  di essere disponibile in piĂ¹ lingue è solo un passaggio logico successivo.

Leggi anche il nostro 10 WordPress plugin e WooCommerce per utilizzare piĂ¹ valute

WooCommerce Multi valuta è quindi compatibile con Polylang, WPML e molti altri plugin. Offre anche un rilevatore di regione, che mostrerà la valuta locale del visitatore.

Download | Demo | Web hosting

2. Aparg SmartAd

Si Vuoi vincere dei soldi vendendo spazi pubblicitari sul tuo sito web sei nel posto giusto. il WordPress Plugin premium Aparg SmartAd è un plug-in di gestione degli annunci unico, che ti offre funzionalità esclusive.

Aparg smartad plugin per la gestione degli annunci per wordpress

Il tempo di installazione e l'interfaccia ti forniranno un'esperienza utente eccellente. E' l'unico WordPress Plugin di questo tipo, che dispone di un controllo pubblicitario intelligente che ti consentirĂ  di raggiungere il tuo pubblico target.

Leggi anche Come scegliere la parola chiave che attirerĂ  i visitatori su WordPress

Le sue caratteristiche principali sono: Supporto multilingue, un'interfaccia grafica professionale, il supporto per multisito, gestione intelligente degli annunci pubblicitari, 43 modelli pop-up e 34 animazioni, completamente personalizzabili, supporto per piĂ¹ formati di annunci, possibilitĂ  di programmare annunci pubblicitari, rilevamento automatico di blocchi di annunci, ecc.

Download | Demo | Web hosting

3. CommentPress

CommentPremere è un plugin WordPress premium potente e compatto che ti consente di inserire, modificare ed eliminare commenti in modo rapido e semplice. CommentPress utilizza Ajax, jQuery e PHP per offrire ai visitatori la possibilità di inserire commenti senza dover ricaricare la pagina.

Commentpress ajax commenti inserire, modificare ed eliminare commenti per il plugin wp wordpress

Questo plugin ha molte opzioni di personalizzazione, dandogli finalmente l'aspetto e l'aspetto che desideri. Ha un captcha per bloccare lo spam e porta piĂ¹ sicurezza nella sezione commenti.

Leggi anche il nostro articolo su Come contenuti di marketing influenza il SEO del tuo blog

Le sue caratteristiche principali sono: il facile inserimento dei commenti, la possibilitĂ  per gli utenti di rispondere a commenti specifici, l'impaginazione dei commenti, la completa gestione dell'amministrazione della sezione commenti, pulsanti per un facile inserimento di immagini, video e link, un layout completamente reattivo, un captcha per proteggere il modulo ed evitare lo spame molti altri

Download | Demo | Web hosting

Risorse raccomandate

Scopri altre risorse consigliate per aiutarti a costruire e gestire il tuo sito web.

Conclusione

Ecco ! Questo è tutto per questo tutorial, spero che ti permetta di aggiungere un menu di aiuto contestuale su WordPress. Non esitare a condividi con i tuoi amici sui tuoi social network preferiti

Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di piĂ¹ elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress.

Se hai suggerimenti o commenti, lasciali nella nostra sezione commentaires.

...