WordPress yönetim alanını daha çok kendinize ait hissettirmenin tuhaf bir tatmin edici yanı var. Müşteri sitelerinde veya uzun vadeli projelerde çalışırken, özel simgeler gibi küçük değişiklikler bile kontrol panelini daha cilalı ve kişisel hissettirebilir.
Varsayılan WordPress simgeleri işlerini yapar, ancak geneldir. Özel gönderi türleri eklediyseniz veya özel bir yönetici deneyimi oluşturduysanız, bu aynı simgeler muhtemelen sitenizin markasını veya amacını yansıtmaz.
Yıllar boyunca yönetici simgelerini değiştirmek için farklı yöntemler kullandık; bazıları basit, bazıları biraz daha gelişmiş. Hızlı bir eklenti çözümü veya biraz kodla simgeleri değiştirmenin bir yolunu istiyorsanız, her iki seçeneği de adım adım göstereceğiz.
Bu öğretici, WordPress kontrol panelinin sitenin ön yüzü kadar özel görünmesini isteyen site sahipleri, geliştiriciler ve serbest çalışanlar için mükemmeldir.
WordPress'te Yönetici Simgeleri Nedir?
Yönetici simgeleri, WordPress kontrol paneli menüsündeki her öğenin yanında görünen küçük resimlerdir. Gönderiler, Sayfalar, Eklentiler ve Ayarlar gibi sitenizin farklı alanlarını hızlı bir şekilde tanımanıza yardımcı olurlar.
Varsayılan olarak WordPress, Dashicons adlı bir simge yazı tipi kullanır. 2013'ten beri ortalıkta ve o zamandan beri çok fazla güncelleme almadı. İyi çalışsa da, özellikle özel bir site oluşturuyorsanız, biraz eski veya genel hissettirebilir.
Bu simgeleri özelleştirmek, yönetici alanına yeni bir görünüm kazandırır. Markanıza uyacak şekilde değiştirebilir, müşteriler için menüyü basitleştirebilir veya sitenize biraz kişilik katabilirsiniz.
WordPress'e yeni başlayan biri için bir site oluşturuyorsanız, simgeleri değiştirmek onların şeyleri daha hızlı bulmalarına bile yardımcı olabilir. Kontrol panelinin nasıl hissettirdiği üzerinde büyük bir fark yaratan küçük bir ayarlamadır.
Şimdi yönetici simgelerini değiştirmenin iki kolay yoluna bakalım — biri eklentiyle, diğeri ise biraz kodla.
- Yöntem 1: Eklenti Kullanarak WordPress Yönetici Simgelerini Değiştirme
- Yöntem 2: Kod Parçacığı Kullanarak Yönetici Menüsü Simgelerini Manuel Olarak Değiştirme
- Bonus: WordPress'te Özel Gönderi Türleri İçin Simgeler Ekleme
- WordPress Yönetici Alanınızı Özelleştirmenin Daha Fazla Yolu 🎁
Yöntem 1: Eklenti Kullanarak WordPress Yönetici Simgelerini Değiştirme
Bu yöntem için Admin Menu Editor eklentisini kullanacağız. Adından da anlaşılacağı gibi, WordPress yönetici menülerini kolayca özelleştirmenize olanak tanır.
Öncelikle, Admin Menu Editor eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla ayrıntı için WordPress eklentisinin nasıl kurulacağına ilişkin eğitimimize bakın.
Eklentiyi etkinleştirdikten sonra, Ayarlar » Menü Düzenleyici sayfasına gidin. Burada, WordPress yönetici menünüzü özelleştirebileceğiniz düzenli bir kullanıcı arayüzünde (UI) göreceksiniz.
Kullanıcı arayüzü, menü öğeleri eklemenize veya silmenize, ayırıcılar eklemenize, öğeleri kopyalayıp yapıştırmanıza ve daha fazlasına olanak tanıyan üstte bir araç çubuğuna sahiptir.
Bunun altında, ayarlarını görüntülemek ve genişletmek için bir menü öğesine tıklayabilirsiniz. Burada, Gönderiler menü öğesini genişlettik.
Herhangi bir menü öğesini genişlettiğinizde daha fazla seçenek göreceksiniz. Üst menü ise, sağ sütunda alt menü öğelerini de göreceksiniz.
Bir menü simgesi eklemek, değiştirmek veya silmek için alttaki ‘Gelişmiş seçenekleri göster’ bağlantısına tıklayın.
Şimdi, ‘Simgesi URL’ alanı yanındaki düğmeye tıklayın.
Bu, mevcut tüm Dashicons'ları görebileceğiniz bir açılır pencere ortaya çıkaracaktır. Alternatif olarak, kendi resim simgenizi yüklemek için 'Medya Kütüphanesi' düğmesine tıklayabilirsiniz.
Kendi resim simgenizi yüklemek istiyorsanız, 32x32 boyutunda, tercihen şeffaf PNG formatında bir resim kullanmanızı öneririz.
Simgelerinizi seçtikten sonra, ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklayın.
Özel menü simgenizin yönetici menüsünde kullanıldığını şimdi göreceksiniz.
Yöntem 2: Kod Parçacığı Kullanarak Yönetici Menüsü Simgelerini Manuel Olarak Değiştirme
Bir sonraki yöntem, simgeleri değiştirmek için bazı özel kod eklemenizi gerektirir.
Daha önce yapmadıysanız, WordPress'e özel kod ekleme hakkındaki eğitimimize hızlıca göz atmanızı öneririz.
WordPress'e özel kod eklemenin en kolay ve en güvenli yolu, WPCode kullanmaktır. En iyi WordPress kod parçacığı eklentisidir. Özel kod, CSS ve HTML'yi WordPress sitenize yanlışlıkla hiçbir şeyi bozmadan güvenli bir şekilde eklemenizi sağlar.
Not: Eklentinin WPCode Lite adında ücretsiz bir sürümü de vardır ve bu işi halledecektir. Ancak, pro sürümü size yardımcı olabilecek ek özellikler sunar.
Örnek 1. Varsayılan Dashicons Kullanarak Bir Simgesini Değiştirme
Bu örnekte, mevcut simge setinden bir simgeyi değiştirmek için varsayılan Dashicons'ları kullanacağız.
WordPress'in zaten performans için yüksek düzeyde optimize edilmiş Dashicons'ları yüklediğini belirtmek önemlidir. Bu nedenle, bunları kullanmak sayfa yükleme hızını etkilemeyecektir.
Bununla birlikte, kodu çalıştırmadan önce aşağıdaki bilgileri not etmeniz gerekir:
- Değiştirmek istediğiniz menü öğesinin URL'si
- Kullanmak istediğiniz simge adı
İlk olarak, özelleştirmek istediğiniz menü öğesinin sayfa URL'sini bulmanız gerekir. Örneğin, ‘Gönderiler’ menüsünün simgesini değiştirmek istediğinizi varsayalım.
Fare imlecinizi Gönderiler menüsüne getirdiğinizde, tarayıcınızın sayfanın altındaki durum çubuğunda bağlandığı URL'yi göreceksiniz. URL'nin yalnızca son kısmına ihtiyacınız var, bu durumda bu edit.php olurdu.
Ardından, Dashicons web sitesine gidin ve kullanmak istediğiniz simgeye tıklayın.
Herhangi bir simgeye tıklamak, adını ve kısa adını (slug) üstte gösterecektir. Bu noktada, kısa adı kopyalamanız gerekir çünkü bir sonraki adımda ona ihtiyacınız olacak.
Bunu yaptıktan sonra, Kod Parçacıkları » + Parçacık Ekle sayfasına gidin ve 'Özel Kodunuzu Ekleyin (Yeni Parçacık)' kutusunun üzerine gelin.
Ardından, görünen ‘+ Özel Kod Parçacığı Ekle’ düğmesine tıklamanız yeterlidir.
Bir sonraki ekranda, kod parçacığınız için bir başlık sağlayın ve Kod Türü seçeneği altında PHP Kod Parçacığı'nı seçin.
Bundan sonra, aşağıdaki kodu kod düzenleyici kutusuna kopyalayıp yapıştırabilirsiniz:
function change_post_menu_icon() {
global $menu;
// Loop through the menu items
foreach ($menu as $key => $menu_item) {
// Find the "Posts" menu item (default URL is 'edit.php')
if (isset($menu_item[2]) && $menu_item[2] == 'edit.php') {
// Change the icon to a different Dashicon class
$menu[$key][6] = 'dashicons-format-aside'; // Change this to your preferred Dashicon slug
}
}
}
add_action('admin_menu', 'change_post_menu_icon');
dashicons-format-aside değerini daha önce kopyaladığınız kodla değiştirmeyi unutmayın.
Kodunuz düzenleyicide şu şekilde görünecektir:
Ardından, bu kodun nerede çalıştırılacağını WordPress'e bildirmeniz gerekir.
Yönetici menüsü simgeleri WordPress yönetici alanında görünür. Aynı sayfada, Ekleme bölümüne gidin ve Konum seçeneği altında 'Yalnızca Yönetici'yi seçin.
Son olarak, kod parçacığınızı Aktif olarak değiştirin ve değişikliklerinizi kaydetmek için 'Kod Parçacığını Kaydet' düğmesine tıklayın.
WordPress artık Gönderiler sayfası için seçtiğiniz simgeyi kullanmaya başlayacaktır.
Örnek 2. WordPress Yönetici Alanında Bir Menü Öğesi İçin Font Awesome Simgesi Kullanma
Varsayılan Dashicon kütüphanesi sınırlı sayıda simgeye sahiptir. İyi haber şu ki, çok daha büyük bir simge setine sahip olan Font Awesome gibi bir yazı tipi ve simge kütüphanesi kullanabilirsiniz.
Ancak bu, Font Awesome'ı yüklemeniz gerekeceği anlamına gelir, bu da WordPress yönetici alanınızı biraz yavaşlatabilir (sadece birkaç milisaniye).
Herhangi bir kod eklemeden önce, kullanmak istediğiniz simgeyi bulmanız gerekir. Font Awesome web sitesine gidin ve Ücretsiz Kitaplık'a geçin.
Ücretsiz olarak sunulan tüm simgeleri göreceksiniz.
Kullanmak istediğiniz simgeye tıklayın, bu simge bir açılır pencerede açılacaktır. Buradan, simgenin Unicode değerini kopyalamanız gerekir.
Ardından, WordPress kontrol panelinizdeki Kod Parçacıkları » + Kod Parçacığı Ekle sayfasına gidin.
'Özel Kodunuzu Ekle (Yeni Parçacık)' kutusundaki '+ Özel Parçacık Ekle' düğmesine tıklayın.
Sonraki ekranda, parçacığınız için bir başlık sağlayın ve Kod Türü seçeneği olarak PHP Parçacığı'nı seçin.
Bundan sonra, aşağıdaki kodu kod düzenleyici kutusuna kopyalayıp yapıştırabilirsiniz:
// Enqueue Font Awesome in the admin area
function enqueue_font_awesome() {
wp_enqueue_style('font-awesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css');
}
add_action('admin_enqueue_scripts', 'enqueue_font_awesome');
// Add custom class to the Posts menu item
function add_custom_post_menu_class() {
global $menu;
foreach ($menu as $key => $menu_item) {
if (isset($menu_item[2]) && $menu_item[2] == 'edit.php') {
$menu[$key][4] .= ' custom-post-menu-class';
}
}
}
add_action('admin_menu', 'add_custom_post_menu_class');
// Add custom CSS to change the icon to a Font Awesome icon
function custom_admin_menu_icon() {
echo '<style>
.custom-post-menu-class .wp-menu-image:before {
font-family: "Font Awesome 5 Free" !important;
content: "\f015"; /* Unicode for the Font Awesome icon */
font-weight: 900; /* Needed for solid icons */
}
</style>';
}
add_action('admin_head', 'custom_admin_menu_icon');
\f015 değerini daha önce kopyaladığınız Unicode değeriyle değiştirmeyi unutmayın.
Kodunuz düzenleyicide şu şekilde görünecektir:
Ardından, bu kodun nerede çalıştırılacağını WordPress'e bildirmeniz gerekir.
Yönetici menüsü simgeleri WordPress yönetici alanında görünür, bu nedenle Ekleme bölümüne kaydırabilir ve Konum seçeneği olarak 'Yalnızca Yönetici'yi seçebilirsiniz.
Son olarak, parçacığınızı Aktif olarak değiştirin ve değişikliklerinizi kaydetmek için 'Parçacığı Kaydet' düğmesine tıklayın.
WordPress artık Gönderiler sayfası için seçtiğiniz simgeyi kullanmaya başlayacaktır.
Bonus: WordPress'te Özel Gönderi Türleri İçin Simgeler Ekleme
Özel içerik türleri, WordPress web siteniz için benzersiz içerik türleri oluşturmanıza olanak tanır. Bunlar varsayılan gönderiler veya sayfalar değil, sitenize özgü tamamen orijinal bir şeydir.
WordPress web sitenizde özel bir gönderi türü kullanıyorsanız, kolayca tanımlayabilmeniz için simgesini değiştirmek isteyebilirsiniz.
Bu durumda, özel gönderi türleriniz için simgeleri değiştirme veya ekleme yollarını gösteren ayrıntılı öğreticimize göz atın.
WordPress Yönetici Alanınızı Özelleştirmenin Daha Fazla Yolu 🎁
Yönetici simgelerini değiştirmek, WordPress kontrol panelini sitenize veya müşterilerinize daha özel hissettirmenin yalnızca bir yoludur. Daha da ileri gitmek istiyorsanız, kontrol panel deneyimini özelleştirmenize ve iyileştirmenize yardımcı olabilecek diğer bazı öğreticiler şunlardır:
- WordPress'te Yönetici Sütunları Nasıl Eklenir ve Özelleştirilir
- WordPress Yönetici Kontrol Panelini Özelleştirme (İpuçları)
- En İyi WordPress Yönetici Kontrol Paneli Eklentileri (Karşılaştırıldı)
- WordPress Yönetim Alanını İyileştirmek İçin Eklentiler ve İpuçları
- WordPress Yönetici Panelinizde Altbilgiyi Nasıl Değiştirirsiniz
Umarım bu makale, WordPress'te yönetici simgelerini değiştirmenize veya eklemenize yardımcı olmuştur. Ayrıca, WordPress yönetici kontrol panelini beyaz etiketleme veya daha iyi iş akışları için yönetici alanını özelleştirmeye yönelik uzman ipuçlarımızı incelemek isteyebilirsiniz.
Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.
Bir sorunuz veya öneriniz mi var? Tartışmayı başlatmak için lütfen bir yorum bırakın.