Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak dodać własne odnośniki skrótów do paska narzędzi WordPress?

Chcesz dostosować pasek narzędzi administratora WordPress?

Pasek administratora zawiera przydatne odnośniki do niektórych najczęściej używanych stron administratora. Możesz jednak dodać własne skróty do stron, z których najczęściej korzystasz podczas pracy nad witryną.

W tym artykule pokażemy, jak dodać własne odnośniki skrótów do paska narzędzi administratora WordPress.

How to Add Custom Shortcut Links to WordPress Admin Toolbar

Dlaczego warto dodawać własne odnośniki do paska narzędzi administratora WordPress?

Za każdym razem, gdy logujesz się do swojej witryny internetowej WordPress, zauważysz pasek narzędzi u góry ekranu. Jest to pasek narzędzi administratora WordPress.

Istnieje kilka sposobów na przejęcie kontroli nad paskiem administratora WordPress, takich jak wyłączenie go, gdy zobaczysz swoją witrynę i wyłączenie go dla wszystkich użytkowników z wyjątkiem administratorów.

Domyślnie pasek narzędzi wyświetla zestaw odnośników do określonych ekranów administracyjnych, które znajdują się na panelu bocznym administratora. Te odnośniki umożliwiają szybkie wykonywanie typowych zadań administracyjnych.

Każdy ma jednak własną listę ulubionych odnośników, które często przechodzi na stronę podczas pisania wpisów lub pracy nad witryną. Mogą to być strony w twoim obszarze administracyjnym lub odnośniki do zewnętrznych zasobów, usług lub witryn internetowych.

Można je dodać do paska narzędzi WordPress jako własne odnośniki skrótów. W ten sposób ty i twoi użytkownicy mogą łatwo uzyskać do nich dostęp z witryny internetowej lub obszaru administracyjnego. Jest to szczególnie przydatne, jeśli prowadzisz ruchliwą witrynę internetową z wieloma autorami.

Mając to na uwadze, przyjrzyjmy się, jak dodać własne odnośniki skrótów do paska narzędzi administratora WordPress. Omówimy trzy metody:

Pierwszą rzeczą, którą musisz zrobić, to zainstalować i włączyć wtyczkę WP Custom Admin Interface. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu należy przejść na stronę Custom Admin Interface ” Admin Toolbar, aby skonfigurować wtyczkę. Strona ta wyświetla wszystko, co pojawia się na pasku narzędzi i umożliwia utwórz nowych elementów.

Aby dodać własny odnośnik skrótu do paska narzędzi administratora, należy kliknąć przycisk „+ Dodaj element menu” w górnej części ekranu.

Visit Custom Admin Interface » Admin Toolbar to Configure the Plugin

Nowy utwórz jest dodawany na górze listy i zawiera dwa pola.

Jeden dotyczy tytułu artykułu, a drugi odnośnika.

A New Item Is Added to the Top of the List

Aby dodać tytuł, należy kliknąć element notatnika, aby umieścić pole tytułu w trybie edycji. Następnie można wpisać rodzaj tytułu i kliknąć ikonkę znacznika wyboru, aby go zapisać.

Na potrzeby tego poradnika wpiszemy rodzaj „Widżety”.

Add a Title to the New Custom Menu Item

Podobnie, aby dodać odnośnik, należy kliknąć ikonkę odnośnika, a następnie wpisać rodzaj odnośnika. Po zakończeniu można kliknąć ikonkę zaznaczenia, aby zapisać odnośnik.

Na potrzeby tego poradnika wkleimy odnośnik do strony z widżetami. Powinien on wyglądać jak http://example.com/wp-admin/widgets.php. Nie zapomnij zastąpić „example.com” twoją własną nazwą domeny.

Add a Link to the New Custom Menu Item

Upewnij się, że zmieniłeś „example.com” na twoją własną nazwę domeny i nie zapomnij kliknąć ikonki zaznaczenia, aby zapisać odnośnik.

Ponieważ nowy utwórz znajduje się na górze listy, zostanie dodany po lewej stronie paska narzędzi administratora. Aby przenieść go dalej w prawo, należy przesunąć element w dół listy za pomocą funkcji przeciągnij i upuść.

Drag and Drop the New Item to the Desired Location

Czy chcesz dodać więcej niż jeden własny odnośnik skrótu? Jeśli tak, po prostu powtórz te same kroki, aby utworzyć kolejny element.

Jeśli popełnisz błąd podczas dostosowywania paska administratora, możesz kliknąć przycisk „Przywróć domyślny pasek narzędzi WordPress” u góry, aby usunąć wszystkie własne konfiguratory, lub przycisk „Przywróć ostatnio zapisane”, aby usunąć wszelkie zmiany od czasu ostatniego zapisu.

Na koniec należy przewinąć stronę do dołu. Tutaj możesz zdecydować, które role użytkowników mogą zobaczyć nowy element, a następnie zapisać twoje ustawienia.

Jeśli chcesz, aby wszyscy logujący się użytkownicy widzieli twój nowy odnośnik, musisz wybrać „Wszyscy” z rozwijanego menu, tak aby ustawienie brzmiało „Zaimplementuj to dla wszystkich z wyjątkiem”. Jeśli nie dodasz wyjątków, wszyscy użytkownicy będą mogli zobaczyć element.

Implement the Menu Item for Everyone

Jeśli jednak nie chcesz, aby użytkownicy z rolą Subskrybenci lub Współtwórcy widzieli element, musisz wybrać te role jako wyjątki.

Najpierw należy kliknąć odnośnik „+ Dodaj sprawę wyjątkową”. Spowoduje to wyświetlenie listy rozwijanej, w której można wybrać „Role: Subskrybent”. Następnie należy kliknąć ikonkę + i dodać „Role: Współtwórca”.

Implement the New Menu Item for Everyone Except Subscribers and Contributors

Innym przykładem jest sytuacja, w której odnośnik ma być widoczny tylko dla Ciebie lub jednego użytkownika.

W takim przypadku wybierz opcje z menu rozwijanego, aby ustawienie brzmiało „Zaimplementuj to dla nikogo oprócz użytkownika: imię i nazwisko osoby”.

Implement the New Menu Item Just for Yourself

Prawie skończyłeś. Jeśli wolisz nie widzieć własnego odnośnika, gdy zobaczysz swoją witrynę internetową, upewnij się, że kliknąłeś również pole wyboru „Wyłącz własny pasek narzędzi w interfejsie”.

Następnie, po zakończeniu konfiguracji paska narzędzi administratora, nie zapomnij kliknąć przycisku „Zapisz wszystkie ustawienia”.

Po odświeżeniu strony lub kliknięciu innej strony na panelu bocznym administratora, będzie można zobaczyć twój dostosowany odnośnik z krótkim kodem.

Preview of Custom Shortcut Link Added By Plugin

Oto kolejny sposób na dodanie własnego odnośnika skrótu do paska narzędzi WordPress. Ta metoda jest dla tych, którzy czują się komfortowo kopiując fragmenty kodu do WordPressa.

Musisz skopiować i wkleić poniższy kod do pliku functions. php twojego motywu, wtyczki specyficznej dla witryny lub wtyczki fragmentów kodu.

// add a link to the WP Toolbar
function custom_toolbar_link($wp_admin_bar) {
    $args = array(
        'id' => 'wpbeginner',
        'title' => 'Search WPBeginner', 
        'href' => 'https://www.google.com:443/cse/publicurl?cx=014650714884974928014:oga60h37xim', 
        'meta' => array(
            'class' => 'wpbeginner', 
            'title' => 'Search WPBeginner Tutorials'
            )
    );
    $wp_admin_bar->add_node($args);
}
add_action('admin_bar_menu', 'custom_toolbar_link', 999);

Ten przykładowy kod dodaje odnośnik do niestandardowej wyszukiwarki Google, która wyszuka poradniki WordPress na WPBeginner. Wykorzystuje on funkcję add_node z argumentami opisanymi w tablicy.

Musisz zastąpić elementy id, title, href i meta wartościami dla twojego własnego dostosowanego odnośnika.

Preview of a Single Custom Shortcut Link Added With Code

Zalecamy dodanie tego kodu w WordPressie za pomocą WPCode. Jest to najlepsza wtyczka do fragmentów kodu, która ułatwia dodawanie własnego kodu bez edytowania pliku functions.php twojego motywu. Nie musisz się więc martwić, że zepsujesz swoją witrynę.

Aby rozpocząć, należy zainstalować i włączyć bezpłatną wtyczkę WPCode. Szczegółowe instrukcje można znaleźć w tym przewodniku na temat instalacji wtyczki WordPress.

Po włączeniu wtyczki do twojego kokpitu WordPress zostanie utworzony nowy element menu o nazwie „Fragmenty kodu”. Kliknięcie go spowoduje wyświetlenie listy wszystkich niestandardowych fragmentów kodu zapisanych w twojej witrynie. Ponieważ dopiero co zainstalowałeś wtyczkę, twoja lista będzie pusta.

W tym miejscu kliknij przycisk „Dodaj nowy”, aby dodać twój pierwszy fragment kodu.

Click 'Add New Snippet' in WPCode

Następnie przejdź do opcji „Add Your Custom Code (New Snippet)” i kliknij znajdujący się pod nią przycisk „Use snippet”.

Add custom code in WPCode with new snippet

Na stronie „Utwórz własny fragment kodu” możesz zacząć od dodania tytułu dla twojego fragmentu. Może to być cokolwiek, co pomoże ci zapamiętać, do czego służy fragment kodu.

Następnie wystarczy wkleić powyższy kod w polu „Podgląd kodu” i wybrać „Fragment kodu PHP” jako rodzaj kodu z rozwijanego menu.

Paste code snippet into WPCode plugin

Następnie przełącz przełącznik z „Nieaktywny” na „Aktywny” i kliknij przycisk „Zapisz fragment kodu”.

Activate and save code snippet WPCode

Ostatnia metoda pokazała, jak dodać własny odnośnik do paska narzędzi za pomocą kodu. Ale co, jeśli chcesz utworzyć własne menu z garścią twoich własnych skrótów?

W tym celu można zgrupować wiele skrótów pod jednym elementem nadrzędnym. Węzły podrzędne pod odnośnikiem nadrzędnym pojawią się, gdy użytkownik najedzie kursorem myszy na odnośnik nadrzędny.

Oto przykład, jak dodać grupę własnych odnośników na pasku narzędzi WordPress. Podobnie jak w poprzedniej metodzie, powinieneś skopiować i wkleić ten fragment kodu do pliku functions. php twojego motywu, wtyczki specyficznej dla witryny lub wtyczki fragmentów kodu, takiej jak WPCode.

/*
* add a group of links under a parent link
*/
  
// Add a parent shortcut link
  
function custom_toolbar_link($wp_admin_bar) {
    $args = array(
        'id' => 'wpbeginner',
        'title' => 'WPBeginner', 
        'href' => 'https://www.wpbeginner.com', 
        'meta' => array(
            'class' => 'wpbeginner', 
            'title' => 'Visit WPBeginner'
            )
    );
    $wp_admin_bar->add_node($args);
  
// Add the first child link 
      
    $args = array(
        'id' => 'wpbeginner-guides',
        'title' => 'WPBeginner Guides', 
        'href' => 'https://www.wpbeginner.com/category/beginners-guide/',
        'parent' => 'wpbeginner', 
        'meta' => array(
            'class' => 'wpbeginner-guides', 
            'title' => 'Visit WordPress Beginner Guides'
            )
    );
    $wp_admin_bar->add_node($args);
  
// Add another child link
$args = array(
        'id' => 'wpbeginner-tutorials',
        'title' => 'WPBeginner Tutorials', 
        'href' => 'https://www.wpbeginner.com/category/wp-tutorials/',
        'parent' => 'wpbeginner', 
        'meta' => array(
            'class' => 'wpbeginner-tutorials', 
            'title' => 'Visit WPBeginner Tutorials'
            )
    );
    $wp_admin_bar->add_node($args);
  
// Add a child link to the child link
  
$args = array(
        'id' => 'wpbeginner-themes',
        'title' => 'WPBeginner Themes', 
        'href' => 'https://www.wpbeginner.com/category/wp-themes/',
        'parent' => 'wpbeginner-tutorials', 
        'meta' => array(
            'class' => 'wpbeginner-themes', 
            'title' => 'Visit WordPress Themes Tutorials on WPBeginner'
            )
    );
    $wp_admin_bar->add_node($args);
  
}
  
add_action('admin_bar_menu', 'custom_toolbar_link', 999);

W tym przykładzie kodu najpierw dodaliśmy własny odnośnik skrótu. Następnie dodaliśmy drugi własny odnośnik i uczyniliśmy go elementem podrzędnym pierwszego odnośnika. Dodaliśmy identyfikator odnośnika nadrzędnego, dodając argument "parent" => "WPBeginner".

Powtórzyliśmy tę czynność, aby dodać kolejny odnośnik pod tym samym elementem nadrzędnym. Użyliśmy również linku podrzędnego jako linku nadrzędnego, aby pokazać, jak dodać elementy podrzędne do elementu podrzędnego w twoim własnym menu odnośników.

Preview of a Group of Custom Shortcut Links Added With Code

Mamy nadzieję, że ten poradnik pomógł ci nauczyć się dodawać własne odnośniki skrótów do paska narzędzi administratora WordPress. Możesz również dowiedzieć się, jak tworzyć zautomatyzowane przepływy pracy w WordPressie lub zapoznać się z naszą listą najlepszych wtyczek i narzędzi SEO do rozwoju twojej witryny.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

20 komentarzyZostaw odpowiedź

  1. Rick Rottman

    Thanks for posting this!

    I’ve always wanted a direct link in the admin bar to my Simple CSS screen. Thanks to this tutorial, I have one.

    • WPBeginner Support

      Glad to hear our guide was helpful!

      Administrator

  2. Edward Bonthrone

    Hi all..
    This is all working great for PC view – but the custom toolbar item icons/menus disappear when viewing on mobile with responsive theme.

    I have seen this question asked many times but no examples of code I can insert as a test that works on both PC and mobile view?

    Anyone give me a menu snippet that will stay visible on mobile phone?

    Thanks

    • WPBeginner Support

      Your CSS would be hiding it for your mobile view, if you would like this to appear on mobile you would need to add the following CSS for our examples.


      #wpadminbar li#wp-admin-bar-wpbeginner {
      display: block;
      }

      For your own shortcut links, you would change the -wpbeginner to the ID of your widget, as an example: -yourid

      Administrator

  3. dan

    Why this code is not work for mobile view?

    • WPBeginner Support

      You may want to try disabling your other plugins to ensure there isn’t a plugin that is overriding the default bar on mobile.

      Administrator

    • WPBeginner Support

      You’re welcome :)

      Administrator

  4. Mohammad Kashif

    Hi
    How can i add tool bar user menu in theme navigation?
    And why i don’t receive email notification when i got reply? While i select (Replies to my comments).
    Thanks

  5. Court

    This works great, my question is, how do you add a second parent menu item to this code?

  6. Small Details

    I don’t know if this is recommended but I was looking for a 'new window’ solution (see Yassin’s comment). It didn’t work by itself but works fine when combined with 'meta’:

    add_action( 'admin_bar_menu’, 'toolbar_link_to_mypage’, 999 );

    function toolbar_link_to_mypage( $wp_admin_bar ) {
    $args = array(
    'id’ => 'my_page’,
    'title’ => 'PRODUCT MANAGEMENT’,
    'href’ => 'http://www.mexample.com’,
    'meta’ => array( 'class’ => 'my-toolbar-page’, 'target’ => '_blank’ )
    );
    $wp_admin_bar->add_node( $args );
    }

  7. Mel

    Thanks!! This helped me out a ton!

  8. Yassin

    Great tip
    How can we make these custom links open in new tab ?
    I try to add 'target’ => '_blank’ but didn’t work

    • Henry E.

      To add a ‘target’ => ‘_blank’ you have to add it to the 'meta’ => array()

  9. Gary Cook

    This is awesome. Thanks. Although, I have added several custom menus and I want to center them all in a group using CSS, if possible? Please.

  10. Rosendo Cuyasen

    Cool! I think this is a cool feature for Wordpress if you’re going to use this toolbar above your web pages. Thanks for sharing.

  11. adolf witzeling

    I was looking for something like this. Thanks for sharing this awesome tip.

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.