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

WordPress Araç Çubuğunuza Özel Kısayol Bağlantıları Ekleme

WordPress yönetici araç çubuğunu özelleştirmek ister misiniz?

Yönetici çubuğu, en çok kullanılan bazı yönetici sayfalarına kullanışlı bağlantılar içerir. Ancak, sitenizde çalışırken en çok kullandığınız sayfalara kendi kısayollarınızı eklemek isteyebilirsiniz.

Bu makalede, WordPress yönetici araç çubuğuna özel kısayol bağlantılarını nasıl ekleyeceğinizi göstereceğiz.

How to Add Custom Shortcut Links to WordPress Admin Toolbar

WordPress Yönetici Araç Çubuğuna Neden Özel Kısayol Bağlantıları Ekleyelim?

WordPress web sitenizde oturum açtığınızda, ekranın üst kısmında bir araç çubu ğu göreceksiniz. Bu, WordPress yönetici araç çubuğu veya yönetici çubuğudur.

WordPress yönetici çubuğunun kontrolünü ele geçirmenin, sitenizi görüntülerken kapatmak ve yöneticiler dışındaki tüm kullanıcılar için devre dışı bırakmak gibi birkaç yolu vardır.

Varsayılan olarak araç çubuğu, yönetici kenar çubuğunda bulunan belirli yönetim ekranlarına bir dizi bağlantı görüntüler. Bu bağlantılar, yaygın yönetici görevlerini hızlı bir şekilde gerçekleştirmenizi sağlar.

Ancak herkesin yazı yazarken veya sitesinde çalışırken sıkça ziyaret ettiği favori bağlantılar listesi vardır. Bunlar yönetici alanınızdaki sayfalar veya harici bir kaynağa, hizmete veya web sitesine giden bağlantılar olabilir.

Bunları WordPress araç çubuğuna özel kısayol bağlantıları olarak ekleyebilirsiniz. Bu şekilde, siz ve kullanıcılarınız web sitenizden veya yönetici alanınızdan bunlara kolayca erişebilirsiniz. Bu özellikle birden fazla yazarı olan yoğun bir web sitesi işletiyorsanız kullanışlıdır.

Bununla birlikte, WordPress yönetici araç çubuğuna özel kısayol bağlantılarının nasıl ekleneceğine bir göz atalım. Üç yöntemi ele alacağız:

Yapmanız gereken ilk şey WP Özel Yönetici Arayüzü eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.

Etkinleştirmenin ardından, eklentiyi yapılandırmak için Özel Yönetici Arayüzü ” Yönetici Araç Çubuğu sayfasını ziyaret etmeniz gerekir. Bu sayfa, araç çubuğunda görünen her şeyi görüntüler ve yeni öğeler eklemenize olanak tanır.

Yönetici araç çubuğuna özel bir kısayol bağlantısı eklemek için ekranın üst kısmındaki ‘+ Menü Öğesi Ekle’ düğmesine tıklamanız gerekir.

Visit Custom Admin Interface » Admin Toolbar to Configure the Plugin

Listenin en üstüne yeni bir öğe eklenir ve iki alan içerir.

Biri öğenin başlığı, diğeri ise bağlantı içindir.

A New Item Is Added to the Top of the List

Bir başlık eklemek için, başlık alanını düzenleme moduna getirmek üzere not defteri öğesine tıklamanız gerekir. Ardından başlığı yazabilir ve saklamak için onay işareti simgesine tıklayabilirsiniz.

Bu eğitim için ‘Widget’lar’ yazacağız.

Add a Title to the New Custom Menu Item

Benzer şekilde, bağlantı eklemek için bağlantı simgesine tıklamanız ve ardından bağlantıyı yazmanız gerekir. İşiniz bittiğinde bağlantıyı kaydetmek için onay işareti simgesine tıklayabilirsiniz.

Bu eğitim için, widget sayfasının bağlantısını yapıştıracağız. http://example.com/wp-admin/widgets.php gibi görünmelidir. ‘example.com’ yerine kendi alan adınızı yazmayı unutmayın.

Add a Link to the New Custom Menu Item

‘example.com’u kendi alan adınızla değiştirdiğinizden emin olun ve bağlantıyı saklamak için onay işareti simgesine tıklamayı unutmayın.

Yeni öğe listenin en üstünde olduğu için yönetici araç çubuğunun sol tarafına eklenecektir. Daha sağa taşımak için, sürükle ve bırak yöntemini kullanarak öğeyi listenin daha aşağısına taşımanız gerekir.

Drag and Drop the New Item to the Desired Location

Birden fazla özel kısayol bağlantısı mı eklemek istiyorsunuz? Öyleyse, başka bir öğe oluşturmak için aynı adımları tekrarlamanız yeterlidir.

Yönetici çubuğunu özelleştirirken bir hata yaparsanız, tüm özelleştirmelerinizi kaldırmak için üstteki ‘Varsayılan WordPress araç çubuğuna geri yükle’ düğmesine veya son kaydettiğinizden bu yana yapılan tüm değişiklikleri kaldırmak için ‘Son kaydetmeye geri yükle’ düğmesine tıklayabilirsiniz.

Son olarak, sayfanın en altına kaydırmanız gerekir. Burada hangi kullanıcı rollerinin yeni öğeyi görebileceğine karar verebilir ve ardından ayarlarınızı kaydedebilirsiniz.

Oturum açmış tüm kullanıcıların yeni bağlantınızı görmesini istiyorsanız, açılır menüden ‘Herkes’i seçmeniz gerekir, böylece ayarda ‘Bunu hariç herkes için uygula’ yazar. İstisna eklemezseniz, tüm kullanıcılar öğeyi görebilecektir.

Implement the Menu Item for Everyone

Ancak, Aboneler veya Katkıda Bulunanlar kullanıcı rolüne sahip kullanıcıların öğeyi görmesini istemiyorsanız, bu rolleri istisna olarak seçmeniz gerekir.

Önce ‘+ Bir istisna vakası ekle’ bağlantısına tıklamalısınız. Bu, ‘Rol’ seçeneğini seçebileceğiniz bir açılır menü gösterecektir: Abone’ seçeneğini seçebileceğiniz bir açılır menü görüntülenecektir. Ardından, + simgesine tıklayın ve ‘Rol: Katılımcı’ seçeneğini ekleyin.

Implement the New Menu Item for Everyone Except Subscribers and Contributors

Başka bir örnek de bağlantının yalnızca kendiniz veya tek bir kullanıcı tarafından görülmesini istemenizdir.

Bu durumda, açılır menülerden seçenekleri belirleyerek ayarın ‘Bunu Kullanıcı: Kişinin Adı dışında hiç kimse için uygula’ şeklinde olmasını sağlayın.

Implement the New Menu Item Just for Yourself

Neredeyse bitirdiniz. Web sitenizi görüntülerken özel bağlantıyı görmemeyi tercih ediyorsanız, ‘Ön uçtaki özel araç çubuğunu devre dışı bırak’ etiketli onay kutusunu da tıkladığınızdan emin olun.

Ardından, yönetici araç çubuğunu yapılandırmayı tamamladığınızda, ‘Tüm Ayarları Kaydet’ düğmesine tıklamayı unutmayın.

Sayfayı yenilediğinizde veya yönetici kenar çubuğunda başka bir sayfaya tıkladığınızda, özel kısa kod bağlantınızı görebileceksiniz.

Preview of Custom Shortcut Link Added By Plugin

İşte WordPress araç çubuğuna özel bir kısayol bağlantısı eklemenin başka bir yolu. Bu yöntem, kod parçacıklarını WordPress‘e rahatça kopyalayabilenler içindir.

Aşağıdaki kodu kopyalayıp temanızın functions.php dosyasına, siteye özel bir eklentiye veya bir kod parçacıkları eklentisine yapıştırmanız gerekir.

// 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);

Bu örnek kod, WPBeginner’daki WordPress eğitimlerini arayacak bir Google Özel Arama motoruna bir bağlantı ekler. Dizide açıklanan argümanlarla add_node işlevini kullanır.

id, title, href ve meta öğelerini kendi özel bağlantınız için değerlerle değiştirmeniz gerekir.

Preview of a Single Custom Shortcut Link Added With Code

Bu kodu WordPress’e WPCode ile eklemenizi öneririz. Temanızın functions.php dosyasını düzenlemeden özel kod eklemeyi kolaylaştıran en iyi kod parçacıkları eklentisidir. Böylece sitenizi bozma konusunda endişelenmenize gerek kalmaz.

Başlamak için ücretsiz WPCode eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Ayrıntılı talimatlar için bir WordPress eklentisinin nasıl kurulacağına ilişkin bu kılavuza bakın.

Eklenti etkinleştirildiğinde, WordPress kontrol panelinize ‘Kod Parçacıkları’ etiketli yeni bir menü öğesi eklenecektir. Bu öğeye tıkladığınızda sitenize kaydettiğiniz tüm özel kod parçacıklarının bir listesi gösterilecektir. Eklentiyi yeni yüklediğiniz için listeniz boş olacaktır.

Buradan, ilk kod parçacığınızı eklemek için ‘Yeni Ekle’ düğmesine tıklayın.

Click 'Add New Snippet' in WPCode

Ardından, ‘Özel Kodunuzu Ekleyin (Yeni Snippet)’ seçeneğine gidin ve altındaki ‘Snippet kullan’ düğmesine tıklayın.

Add custom code in WPCode with new snippet

‘Özel Snippet Oluştur’ sayfasında, snippet’iniz için bir başlık ekleyerek başlayabilirsiniz. Bu, snippet’in ne için olduğunu hatırlamanıza yardımcı olacak herhangi bir şey olabilir.

Ardından, yukarıdaki kodu ‘Kod Önizleme’ kutusuna yapıştırın ve açılır menüden kod türü olarak ‘PHP Snippet’i seçin.

Paste code snippet into WPCode plugin

Bundan sonra, anahtarı ‘Etkin Değil’den ‘Etkin’e getirin ve ‘Snippet’i Kaydet’ düğmesine tıklayın.

Activate and save code snippet WPCode

Son yöntem size kod kullanarak araç çubuğuna nasıl özel bir bağlantı ekleyeceğinizi gösterdi. Peki ya kendi kısayollarınızdan oluşan özel bir menü oluşturmak istiyorsanız?

Bunu yapmak için birden fazla kısayolu bir üst öğe altında gruplayabilirsiniz. Bir kullanıcı faresini üst bağlantının üzerine getirdiğinde üst bağlantının altındaki alt düğümler görünecektir.

İşte WordPress araç çubuğuna bir grup özel bağlantının nasıl ekleneceğine dair bir örnek. Önceki yöntemde olduğu gibi, bu kod parçacığını kopyalayıp temanızın functions.php dosyasına, siteye özgü bir eklentiye veya WPCode gibi bir kod parçacıkları eklentisine yapıştırmalısınız.

/*
* 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);

Bu örnek kodda, önce özel bir kısayol bağlantısı ekledik. Ardından, ikinci bir özel bağlantı ekledik ve bunu ilk bağlantının bir alt bağlantısı haline getirdik. 'parent' => 'wpbeginner' argümanını ekleyerek ana bağlantı kimliğini ekledik.

Aynı üst öğenin altına başka bir bağlantı eklemek için bunu tekrarladık. Ayrıca, özel bağlantılar menünüzdeki bir alt öğeye nasıl alt öğeler ekleyeceğinizi göstermek için bir alt bağlantıyı üst bağlantı olarak kullandık.

Preview of a Group of Custom Shortcut Links Added With Code

Umarız bu eğitim WordPress yönetici araç çubuğuna özel kısayol bağlantılarının nasıl ekleneceğini öğrenmenize yardımcı olmuştur. Ayrıca WordPress’te otomatik iş akışlarının nasıl oluşturulacağını öğrenmek veya sitenizi büyütmek için en iyi SEO eklentileri ve araçları listemize göz atmak isteyebilirsiniz.

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.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

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.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

20 yorumBir Cevap Bırakın

  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!

      Yönetici

  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

      Yönetici

  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.

      Yönetici

    • WPBeginner Support

      You’re welcome :)

      Yönetici

  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. Frederic

    Thanks! Very useful!

  9. 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()

  10. 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.

  11. 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.

  12. adolf witzeling

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

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.