Ta mała zakładka « Pomoc Który znajduje się w prawym górnym rogu pulpitu administratora WordPress, który po kliknięciu ujawnia przydatne informacje o różnych stronach administratora i sposobie ich działania, nazywa się kontekstową kartą pomocy.

Po pierwsze, jeśli nigdy nie instalowałeś WordPressa, dowiedz się Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu 

Wróćmy do tego, dlaczego tu jesteśmy.

Ta pomoc jest kontekstowa ponieważ wyświetlane informacje należą do aktualnie przeglądanej strony administracyjnej.

Na przykład po kliknięciu kontekstowej karty Pomoc na ekranie edycji artykułu zostaną wyświetlone informacje o tym, jak kilka zadań zostanie wyświetlonych, w tym następujące przykłady:

Pomoc kontekstowa Wordpress

Jeśli jesteś programistą wtyczek lub WordPress, pomoże Ci to szybko dostarczyć użytkownikom dokumentację, co zmniejszy liczbę pytań związanych z obsługą klienta.

Gdy niestandardowy typ wpisu i strona ustawień WordPress lub wtyczki, domyślnie nie ma zakładki pomocy kontekstowej. Dlatego w tym samouczku dowiesz się, jak dodać go do wymienionych powyżej stron administracyjnych.

Przeczytaj także nasze 5 kroki, aby stworzyć lepszą treść dla swojego bloga

Dodano kartę pomocy kontekstowej na pulpicie nawigacyjnym

Metody add_help_tab () "A" set_help_sidebar () »Z tej klasy WP_Screen pozwalają na dodanie kontekstowego menu pomocy i paska bocznego do zakładki Pomoc na stronie administracyjnej.

Poniższa funkcja doda trzy menu do zakładki pomocy kontekstowej na stronie administracyjnej.

Na razie funkcja „sp_help_tabs” nie jest wyświetlana na żadnej stronie administracyjnej, ponieważ nie zdefiniowałeś jeszcze stron, na których będzie wyświetlana.

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

Poniżej znajduje się zrzut ekranu kontekstowej karty pomocy po dodaniu do strony administratora.

Spójrz także Jak tworzyć zrzuty ekranu na WordPress

Przykład menu kontekstowego Wordpress

Funkcja get_current_screen () »Zwraca obiekt« WP_Screen Aktualnie otwartej strony administracyjnej, a jej wartość jest zapisywana w zmiennej $ screen.

Metoda add_help_tab () ”, Który akceptuje poniższe ustawienia, jest wywoływany trzykrotnie w celu dodania trzech menu do pomocy kontekstowej na ekranie.

  • ID : unikalny identyfikator karty. Musi być bezpieczna w formacie HTML i nie może zawierać spacji.
  • Tytuł: tytuł zakładki.
  • Treść: zawartość zakładki pomocy. Może w postaci zwykłego tekstu lub HTML.
  • Przypomnienie: należy wywołać funkcję, aby wyświetlić zawartość tej strony.

Z powyższego opisu parametrów widać, że parametry trzeci i czwarty są ze sobą powiązane - dotyczą wyświetlania zawartości zakładki. Podczas gdy pierwsza jest ciągiem zawierającym treść w formacie tekstowym lub HTML, druga jest funkcją wywołania zwrotnego, która odbija lub drukuje zawartość karty.

Odkryj także Jak dostosować obszar administracyjny swojego bloga WordPress

Funkcja zwrotna akceptuje dwa argumenty „ $ ekran "A" Zakładka $ ”. Podczas gdy pierwszy jest tematem " WP_Screen „Z bieżącej i ostatniej strony, tablica argumentów i ich wartości funkcji” add_help_tab () ".

Te dwa argumenty będą przydatne, jeśli chcesz wyświetlać zawartość na karcie pod pewnymi warunkami. Na przykład możesz już mieć zawartość, którą chcesz wyświetlić, więc możesz po prostu wyświetlić kanał. Jednak może być konieczne manipulowanie czymś, aby uzyskać tę zawartość, co sprawia, że ​​użycie wywołania zwrotnego jest bardziej odpowiednie.

Przykład wykorzystania 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>';
            }
        )
    );
}

W powyższym kodzie anonimowa funkcja jest używana jako wywołanie zwrotne. Nazwanej funkcji można również użyć w następujący sposób:

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

Zarówno „treść”, jak i „oddzwonienie” można łączyć z pierwszym wyświetlanym przed tym.

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

Aby dodać pasek boczny za pomocą pomocy kontekstowej na ekranie, użyj opcji „ WP_Screen I jego metoda set_help_sidebar W następujący sposób:

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

Aby dodać kontekstową kartę pomocy do typu publikacji „książka”, połącz funkcję „sp_help_tabs” z akcjami „load-edit.php” i „load-post.php”. Następnie przeprowadź warunkowe sprawdzenie, aby upewnić się, że znajdujesz się w niestandardowym typie posta „książka”, na przykład:

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

Funkcja sp_help_tabs () „Był podłączony do” Load-edit.php »I« Load-post.php Ponieważ chcesz, aby karta pomocy kontekstowej pojawiała się na listach publikacji (strona zawierająca publikację należącą do typu publikacji) i stronę wydania (strona administracyjna, na której publikacja jest redagowana, zapisywana i publikowana).

Zobacz nasz artykuł na temat Jak przywrócić do trybu edycji bez zakłóceń WordPressa

Aby upewnić się, że dodasz kartę Pomoc kontekstową do niestandardowego typu posta " książka ", Możesz użyć warunkowej instrukcji" if "wewnątrz funkcji, aby upewnić się, że bieżący identyfikator ekranu to rzeczywiście" edit-book "A" książka ”. Zwróć uwagę, że identyfikator ekranu to „ edit-book "A" książka W nawiasach kwadratowych Load-edit.php "A" Load-post.php Odpowiednio

Jeśli chcesz, aby zakładki pomocy kontekstowej wyświetlane na liście książek i ekrany edycji książki były różne, połącz dwie funkcje zawierające zawartość zakładki Load-edit.php "A" Load-post.php W następujący sposób:

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

Jak dodać menu pomocy do stron ustawień wtyczek

Dodanie zakładki pomocy do wtyczki lub strony ustawień wtyczki WordPress jest prawie takim samym procesem, jak na ekranie niestandardowego formatu postu.

Jedyną różnicą jest punkt zaczepienia, do którego zostanie podpięta funkcja zawierająca kartę pomocy kontekstowej, czyli w tym przypadku " hook_suffix ”Zwracane przez add_menu_page (). Jeśli tworzysz menu najwyższego poziomu lub jeśli jest to podmenu add_submenu_page ().

Odkryj także nasz artykuł na temat Niektóre wtyczki WordPress do przekierowania

Poniższy kod tworzy menu najwyższego poziomu dla naszej wtyczki demonstracyjnej i naszej kontekstowej karty pomocy, która została dodana do strony konfiguracji wtyczki.

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 „Zwrócony przez” add_menu_page () Został zapisany na zmiennej $ hook_suffix Następnie używany z prefiksem „ załadować Aby utworzyć akcję Load $ hook_suffix Który został użyty do włączenia naszej kontekstowej karty pomocy za pomocą „ sp_help_tabs () Na stronie ustawień wtyczek.

Chodzi o dość szczegółową metodę dodawania menu pomocy do stron ustawień wtyczek.

Odkryj także niektóre wtyczki premium WordPress  

Możesz użyć innych WordPress wtyczki aby nadać nowoczesny wygląd i zoptymalizować obsługę Twojego bloga lub strony internetowej.

Oferujemy tutaj kilka premium wtyczek WordPress, które pomogą Ci to zrobić.

1. WooCommerce Multi Currency

WooCommerce Multi Currency to WordPress Plugin dość imponująca premia, która pozwala na wyświetlanie sklepu w wielu walutach. Dodaje opcję, która pozwala użytkownikowi przełączać się między walutami w dowolnym momencie. Zmiana między walutami jest dość szybka, co czyni ją jeszcze wygodniejszą.

Woocommerce Wtyczka Wordpress do przełączania wielu walut

Ponieważ prawdopodobnie będzie działał z wieloma walutami, dostępność w wielu językach jest tylko logicznym krokiem.

Przeczytaj także nasze Wtyczki 10 WordPress i WooCommerce do korzystania z wielu walut

Wiele walut WooCommerce jest zatem zgodny z Polylang, WPML i wiele innych wtyczek. Oferuje również detektor regionu, który wyświetla lokalną walutę gościa.

Pobierz | Demo | hosting

2. Aparg SmartAd

Si Chcesz wygrać trochę pieniędzy sprzedając powierzchnię reklamową na swojej stronie to trafiłeś we właściwe miejsce. ten WordPress Plugin premium Aparg SmartAd to wyjątkowa wtyczka do zarządzania reklamami, która oferuje ekskluzywne funkcje.

Wtyczka do zarządzania reklamami Aparg smartad wordpress

Czas instalacji i interfejs zapewnią doskonałe wrażenia użytkownika. To jedyny WordPress Plugin tego typu, który posiada inteligentną kontrolę nad reklamą, która pozwoli Ci dotrzeć do docelowej grupy odbiorców.

Czytaj także Jak wybrać słowo kluczowe, które przyciągnie użytkowników na WordPressie

Jego główne cechy to: Wsparcie wielojęzyczne, profesjonalny interfejs graficzny, obsługa wielu lokalizacjiinteligentne zarządzanie reklamami, 43 szablony pop-upów i 34 animacje, w pełni konfigurowalne, obsługa wielu formatów reklam, możliwość planowania reklam, automatyczne wykrywanie blokerów reklam itp.

Pobierz | Demo | hosting

3. CommentPress

Komentarz Naciśnij to potężna i kompaktowa wtyczka premium do WordPressa, która umożliwia szybkie i łatwe wstawianie, edytowanie i usuwanie komentarzy. CommentPress używa ajax, jQuery i PHP, aby dać odwiedzającym możliwość wstawiania komentarzy bez konieczności ponownego ładowania strony.

Komentarze do komentarza Ajax wstawia edycję i usuwa komentarze dla wtyczki wp wordpress

Ta wtyczka ma wiele opcji dostosowywania, w końcu nadając jej pożądany wygląd i wygląd. Ma captcha do blokowania spamu i zapewnia większe bezpieczeństwo w sekcji komentarzy.

Przeczytaj także nasz artykuł na temat Jak zawartość marketing wpływa SEO bloga

Jego główne cechy to: łatwe wstawianie komentarzy, możliwość odpowiadania na określone komentarze, paginacja komentarzy, pełne zarządzanie administracją sekcją komentarzy, przyciski do łatwego wstawiania zdjęć, filmy i linki, w pełni responsywny układ, Captcha, aby zabezpieczyć formularz i uniknąć spamui wiele innych.

Pobierz | Demo | hosting

Polecane zasoby

Dowiedz się o innych zalecanych zasobach, które pomogą Ci zbudować witrynę i zarządzać nią.

Wnioski

Tutaj! To wszystko w tym samouczku, mam nadzieję, że pozwoli ci dodać kontekstowe menu pomocy do WordPress. Nie wahaj się udostępnij znajomym w swoich ulubionych sieciach społecznościowych

Możesz jednak również skonsultować się nasze zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na temat Tworzenie bloga WordPress.

Jeśli masz sugestie lub uwagi, zostaw je w naszej sekcji commentaires.

...