Przejdź do głównej treści

Jak dodać menu pomocy kontekstowej na WordPressie

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 701.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

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ś twórcą wtyczki lub motywu WordPress, pomoże to w dostarczeniu użytkownikom szybkiej dokumentacji, co zmniejszy liczbę pytań dotyczących pomocy technicznej ze strony klientów.

Kiedy tworzony jest niestandardowy typ posta i motyw WordPress lub strona ustawień wtyczki, domyślnie nie ma karty pomocy kontekstowej. Dlatego w tym samouczku dowiesz się, jak dodać jeden do wspomnianych powyżej stron administratora.

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.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

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 karty pomocy do wtyczki lub strony ustawień motywu WordPress jest prawie tym samym procesem, co 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.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

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 wtyczek WordPress, aby nadać nowoczesny wygląd i zoptymalizować chwyt swojego bloga lub strony internetowej.

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

1. WooCommerce Multi Currency

WooCommerce Multi Currency to niesamowita wtyczka premium do WordPressa, która pozwala wyświetlać Twój sklep 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

WooCommerce Multi Currency 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 przestrzeń reklamową na swojej stronie trafiłeś we właściwe miejsce. Dodatkowa wtyczka WordPress Aparg SmartAd to wyjątkowa wtyczka do zarządzania reklamami, która oferuje ekskluzywne funkcje.

Wtyczka do zarządzania reklamami Aparg smartad wordpress

Jego czas instalacji i interfejs zapewniają doskonałe wrażenia użytkownika. Jest to jedyna tego rodzaju wtyczka WordPress, która ma inteligentną kontrolę reklam, która pozwoli Ci dotrzeć do docelowych 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.

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

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.

... 

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
11 akcji
udział4
ćwierkanie
Enregistrer7