Kako dodati kontekstni izbornik pomoći na WordPress

još Blair Jersyer | WordPress Tutorial

Ova mala kartica « Potpore Nalazi se u gornjem desnom kutu WordPress nadzorne ploče za administratore, a kada se klikne, otkrivaju se korisne informacije o raznim administratorskim stranicama i načinu njihovog rada naziva se kontekstno osjetljiva kartica pomoći.

Prije svega, ako nikad niste instalirali WordPress, saznajte Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog 

Onda se vratimo zašto smo ovdje.

Ova je pomoć kontekstualna jer podaci koje prikazuje pripadaju administracijskoj stranici koja se trenutno pregledava.

Na primjer, kada se na zaslon za uređivanje članaka klikne na karticu Pomoć osjetljivu na kontekst, informacije o tome kako se otkriva nekoliko zadataka, uključujući sljedeće primjere:

Wordpress kontekstualna pomoć

Ako ste programer dodataka ili WordPress tema, pomoći će vam pružiti brzu dokumentaciju svojim korisnicima što će smanjiti broj pitanja korisničke podrške.

Kada prilagođeni tip posta i stranica s postavkama WordPress tema ili dodatka, prema zadanim postavkama ne postoji kartica kontekstualne pomoći. Stoga ćete u ovom vodiču naučiti kako ga dodati na gore navedene administratorske stranice.

Pročitajte i naše 5 korake za stvaranje boljeg sadržaja za vaš blog

Dodana je kontekstualna kartica pomoći na nadzornoj ploči

Metode add_help_tab () "A" set_help_sidebar () »Od klase WP_Screen omogućuju vam dodavanje kontekstualnog izbornika pomoći i bočne trake na karticu Pomoć na administracijskoj stranici.

Funkcija u nastavku dodati će tri izbornika na kontekstualnu karticu pomoći administracijske stranice.

Za sada se funkcija "sp_help_tabs" ne prikazuje ni na jednoj administracijskoj stranici, jer još niste definirali stranice na kojima će biti prikazana.

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

Ispod je snimka zaslona kartice Kontekstna pomoć kada se doda na administratorsku stranicu.

Također pogledajte Kako napraviti screenshot na WordPress

Primjer kontekstnog izbornika Wordpress

Funkcija get_current_screen () »Vraća objekt« WP_Screen Trenutno otvorene administratorske stranice, a njegova vrijednost sprema se u varijablu $ screen.

Metoda add_help_tab () ”, Koji prihvaća donje parametre, poziva se tri puta za dodavanje tri izbornika u kontekstualnu pomoć na zaslonu.

  • ID : jedinstveni identifikator kartice. Mora biti siguran u HTML-u i ne smije sadržavati razmake.
  • Naslov: naslov kartice.
  • Sadržaj: sadržaj kartice pomoći. Možda u običnom tekstu ili HTML-u.
  • Podsjetnik: funkcija mora biti pozvana za prikaz sadržaja ove stranice.

Iz gornjeg opisa postavki možete vidjeti da su treća i četvrta postavke povezane - bave se prikazom sadržaja kartice. Dok je prvi niz koji sadrži sadržaj u tekstu ili HTML formatu, drugi je funkcija povratnog poziva koja odjekuje ili ispisuje sadržaj kartice.

Otkrijte također Kako prilagoditi administrativno područje vašeg bloga WordPress

Funkcija povratnog poziva prihvaća dva argumenta " $ ekran "A" kartica $ ". Dok je prva tema " WP_Screen "Od trenutne stranice i posljednje, niz argumenata i njihovih vrijednosti funkcije" add_help_tab () ".

Ova dva argumenta bit će korisna ako želite prikazati sadržaj na kartici pod određenim uvjetima. Na primjer, možda već imate sadržaj koji trebate prikazati, tako da možete samo prikazati kanal. Međutim, možda ćete morati manipulirati nečim da biste nabavili ovaj sadržaj, što upotrebu povratnog poziva čini prikladnijom.

Primjer upotrebe povratnog poziva:

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

U gornjem kôdu anonimna funkcija koristi se kao povratni poziv. Imenovana funkcija se također može koristiti na sljedeći način:

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

I jedno i drugo: "sadržaj" i "povratni poziv" mogu se kombinirati s prvim prikazanim prije ovog.

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

Da biste dodali bočnu traku pomoću zaslonske pomoći za kontekst, upotrijebite " WP_Screen I njegova metoda set_help_sidebar Kako slijedi:

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

Da biste dodali kontekstualnu karticu pomoći vrsti publikacije "knjiga", zakačite funkciju "sp_help_tabs" na akcije "load-edit.php" i "load-post.php". Zatim pokrenite uvjetnu provjeru kako biste bili sigurni da ste u prilagođenom tipu posta za "knjigu", na primjer:

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

Funkcija sp_help_tabs () "Zakačen je na" Opterećenja edit.php „A” Opterećenja post.php Budući da želite da se kontekstualna kartica pomoći pojavi na popisima publikacija (stranica koja navodi publikaciju koja pripada vrsti publikacije) i stranicu izdanja (administratorska stranica na kojoj se publikacija uređuje, sprema i objavljuje).

Pogledajte naš članak o Kako vratiti moda za uređivanje bez ometanja WordPress

Da biste dodali karticu Pomoć za kontekst prilagođenoj vrsti posta " knjiga ", Možete upotrijebiti uvjetni izraz" if "unutar funkcije kako biste osigurali da je trenutni ID zaslona doista" uredi-knjiga "A" knjiga ". Imajte na umu da je ID zaslona " uredi-knjiga "A" knjiga U uglatim zagradama Opterećenja edit.php "A" Opterećenja post.php „Odnosno.

Ako želite da se kontekstualne kartice pomoći prikazane na popisu knjiga i zaslonima za uređivanje knjiga razlikuju, spojite dvije funkcije koje sadrže sadržaj kartice Opterećenja edit.php "A" Opterećenja post.php Kako slijedi:

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

Kako dodati izbornik pomoći na stranice postavki dodataka

Dodavanje kartice za pomoć dodatku ili stranici postavki dodatka WordPress tema gotovo je isti postupak kao na zaslonu prilagođenog formata posta.

Jedina razlika je kuka na koju će se zakačiti funkcija koja sadrži karticu kontekstualne pomoći, što je u ovom slučaju " hook_suffix ”Vratio add_menu_page (). Ako izrađujete izbornik najviše razine ili je to podizbornik add_submenu_page ().

Otkrijte i naš članak o Neki dodaci za WordPress za preusmjeravanje

Kôd u nastavku stvara izbornik najviše razine za naš demo dodatak i našu kontekstno osjetljivu karticu pomoći koja je dodana na stranicu za konfiguraciju dodatka.

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 "Vratio" add_menu_page () Zabilježeno je na varijabli $ hook_suffix Zatim se koristi s prefiksom " teret Da se formira akcija ovisan o opterećenju $ hook_suffix Koji je korišten za uključivanje naše kontekstualne kartice pomoći pomoću " sp_help_tabs () Na stranici postavki dodataka.

To je prilično sve o prilično detaljnoj metodi o tome kako dodati izbornik pomoći na stranice postavki dodataka.

Otkrijte i neke premium WordPress dodatke  

Možete koristiti druge WordPress plugins dati moderan izgled i optimizirati rukovanje vašim blogom ili web stranicom.

Ovdje vam nudimo nekoliko premium WordPress dodataka koji će vam pomoći u tome.

1. Više valuta WooCommerce

WooCommerce multi valuta je a WordPress plugin prilično impresivna premija koja vam omogućuje da svoju trgovinu prikažete u više valuta. Dodaje opciju koja korisniku omogućuje prebacivanje između valuta u bilo kojem trenutku. Mijenjanje valuta je prilično brzo, što ga čini još praktičnijim.

Woocommerce multi valuta za prebacivanje valuta wordpress dodatak

Budući da će vjerojatno raditi s više valuta, mogućnost da bude dostupan na više jezika samo je logičan sljedeći korak.

Pročitajte i naše 10 WordPress dodataka i WooCommerce za korištenje više valuta

WooCommerce Više valuta je stoga kompatibilan sa Polylang, WPML i mnogi drugi dodaci. Također nudi regijski detektor koji će prikazati posjetiteljevu lokalnu valutu.

Preuzmite | demo | Web hosting

2. Aparg SmartAd

Si Želite li osvojiti nešto novca prodajom oglasnog prostora na Vašoj web stranici onda ste došli na pravo mjesto. the WordPress plugin premium Aparg SmartAd jedinstveni je dodatak za upravljanje oglasima koji vam nudi ekskluzivne značajke.

Aparg smartad wordpress dodatak za upravljanje oglasima

Njegovo vrijeme instalacije i sučelje pružit će vam izvrsno korisničko iskustvo. To je jedini WordPress plugin ovog tipa, koji ima inteligentnu kontrolu oglašavanja koja će vam omogućiti da dosegnete svoju ciljanu publiku.

Pročitajte također Kako odabrati ključnu riječ koja će privući posjetitelje na WordPressu

Njegove glavne značajke su: Višejezična podrška, profesionalno grafičko sučelje, podrška za više stranica, inteligentno upravljanje oglasima, 43 skočna predloška i 34 animacije, potpuno prilagodljivi, podrška za više formata oglasa, mogućnost zakazivanja oglasa, automatsko otkrivanje blokatora oglasa itd.

Preuzmite | demo | Web hosting

3. CommentPress

KomentarPritisnite moćan je i kompaktan premium WordPress dodatak koji vam omogućuje brzo i jednostavno umetanje, uređivanje i brisanje komentara. CommentPress koristi Ajax, jQuery i PHP kako bi posjetiteljima omogućili umetanje komentara bez ponovnog učitavanja stranice.

Commentpress ajax komentari umetnite uredi i izbrišite komentare za wp dodatak wordpress

Ovaj dodatak ima mnogo mogućnosti prilagodbe, što mu konačno daje izgled i izgled koji želite. Sadrži captcha za blokiranje neželjene pošte i donosi veću sigurnost u odjeljku za komentare.

Pročitajte i naš članak o Kako sadržaj marketing utječe na SEO vašeg bloga

Njegove glavne značajke su: jednostavno umetanje komentara, mogućnost da korisnici odgovore na određene komentare, paginiranje komentara, cjelovito upravljanje administracijom odjeljka za komentare, gumbi za jednostavno umetanje slika, videozapisi i veze, potpuno reagirajući izgled, Captcha da osigurate obrazac i izbjegnete neželjenu poštu, i još mnogo toga.

Preuzmite | demo | Web hosting

Preporučeni resursi

Saznajte više o drugim preporučenim resursima koji će vam pomoći u izgradnji i upravljanju web mjesta.

Zaključak

Ovdje! To je sve za ovaj vodič, nadam se da će vam omogućiti dodavanje kontekstualnog izbornika pomoći na WordPressu. Ne ustručavajte se dijelite sa svojim prijateljima na svojim omiljenim društvenim mrežama. 

Međutim, možete se konzultirati naši resursi, ako vam je potrebno više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na Izrada bloga WordPress.

Ako imate prijedloge ili primjedbe, ostavite ih u našem odjeljku Komentari.

... 

Objavi komentar

Vaša email adresa neće biti objavljena. Obavezna polja su označena *

Ova web stranica koristi Akismet kako bi smanjila neželjene. Saznajte više o načinu upotrebe podataka o vašim komentarima.