Breadcrumbs WordPress: WordPress sitenizde nasıl etkinleştirilir
Her zamanki adın yanı sıra, ekmek kırıntıları kullanıcı deneyimini (UX) geliştirmek ve Site Arama Motorunuzu (SEO) optimize etmek için çok kullanışlı bir araçtır. Eklentinin yardımıyla veya küçük bir özel kodla basit etkinleştirin.
Bu yazıda, sizi WordPress ekmek kırıntılarıyla tanıştıracağız ve nasıl çalıştığını açıklayacağız. Ardından, sitenize nasıl ekleyeceğinizi, düzenleyeceğinizi ve sileceğinizi göstereceğiz. Tartışılacak çok şey var, o zaman başlayalım!
Breadbrumb WordPress nedir? Breadcrumbs, WordPress (veya herhangi bir web sitesi) ile ilgili olduğu için, yayın veya sayfanın üstünde görünen bir navigasyon bağlantısıdır. Onları gördükleri içeriğe yönlendiren daha yüksek seviye bir kategoriye sahip kullanıcıları gösterirler ve ayrıca daha önce görülen sayfaya geri dönmesine izin verir.
Örneğin, aşağıdaki örneği düşünün:
Breadbrumb WordPress nasıl çalışır? Üç çeşit WordPress ekmek kırıntısı vardır. Tüm gezinme bağlantılarını yukarıda açıklandığı gibi birleştirin, ancak biraz farklı bir şekilde birleştirin: hiyerarşik tabanlı: breadcrumb, kullanıcıları yukarıdaki örnekte olduğu gibi sitenizin yapısında nerede olduklarını gösterir.
Özniteliklere dayanarak: esas olarak E-Niaga sitesinde kullanılan bu ekmek kırıntıları, onları gördükleri ürünlere yönlendiren kullanıcılar tarafından izlenen özellikleri gösterir.
Geçmişe Dayalı: Kullanıcı Sitenizin her tarafındaki sayfalardan sayfalara taşındığında, bu ekmek kırıntısı normale dönecektir.
Ekmek kırıntılarının her varyasyonu farklı amaçlar için yararlıdır. Ancak, hepsi navigasyonu ve UX uzantısı ile artırılabilir.
Ayrıca SEO amaçları için de kullanışlıdırlar. Breadbrumb, sitenizdeki içeriğin çeşitli bölümleri arasındaki ilişkiyi açıkça göstermektedir. Bu şekilde, arama motorlarının veya ‘bot’un sitenizin yapısını anlamasını kolaylaştırırlar. Bu, botun site sayfalarınızı daha doğru bir şekilde dizine eklemesini sağlar. Arama makinesi, sonuç listesinde ekmek kırıntılarınızı da görüntüleyebilir, böylece kullanıcılar sitenizdeki aradıkları bilgilerle ilgili ek içeriği görüntüleyebilir. Bir kodlama uzmanı veya yeni başlayan WordPress olun, sitenize breadcrumb wordpress nasıl eklenir (4 yöntem), sitenize sadece birkaç adımda hızlı ve kolay bir şekilde ekmek kırıntıları ekleyebilirsiniz. İşte bu görevi tamamlamanın dört farklı yolu.
1. Yoast SEO Yoast SEO’daki ekmek kırıntılarını etkinleştirin WordPress kullanıcılarının arama motoru sıralamalarını tahmin etmesine ve içeriklerini optimize etmelerine yardımcı olan popüler bir eklentidir. Ayrıca, ekmek kırıntıları da dahil olmak üzere sitenizin görünürlüğünü artırmak için başka özellikler de içerir. Henüz yapmadıysanız, eklentiyi WordPress kontrol panelinize yükleyin ve etkinleştirin: Bir sonraki yoast SEO eklentisini yükleyin, bu kod görüntülerini temanıza eklemelisiniz: (‘
‘, ‘
‘); }?> Özellikle eklediğiniz yerde size kalmış. Blog yayınınızda ekmek kırıntıları kullanmak istiyorsanız, single.php şablon dosyanıza ekleyebilirsiniz.
Veya başlığınızın sonuna koyun.php dosyası tüm sitelerinize ekmek kırıntıları ekleyeceksiniz:
Yoast SEO Ekmek Kırıntı Ayarları Anahtarı Ekmek kırıntıları ayar anahtarını etkinleştirilecek. Ardından, sitenizi önizleyin:
Breadbrumb Navxt Widget’ı altbilgi alanına ekleyin Widget ayarlarını açmak için açılır oku tıklayın ve ardından gerekli alanları doldurun:
Ekmek kırıntıları, şimdi seçtiğiniz herhangi bir widget alanında göreceğiniz ekmek kırıntısı navxt ekmek widget’ınızla yapılır. Flexy Ekmek Kırıntıları Alternatif olarak, Flexy Bread Crumb, WordPress’e ekmek kırıntıları eklemek için en yüksek sıralama eklentisidir: Flexy Breadcrumb eklentisi Bu eklenti yüklendiğinde ve etkinleştirildiğinde, kısa kodu [flexy_breadcrumb] kullanarak sitenize ekmek kırıntıları ekleyebilirsiniz. Bu, ayak izlerinizin nerede görüneceği konusunda biraz daha esneklik sağlar. Ayrıca yazı tipi boyutu, renk ve simge gibi kuvvet bileşenleri üzerinde daha büyük bir kontrole sahip olacaksınız.
Ön uçta breadcrumb flexy izi, sitenizin önünü kontrol ederseniz, kısa kodlar eklediğiniz her yerde ekmek kırıntılarınızı görüntülendiğini görebilmeniz gerekir. Breadcrumb WooCommerce Çevrimiçi perakendeciler için WooCommerce Breadcrumbs, ürün sayfalarınıza navigasyon bağlantıları eklemenin kolay bir yoludur: WooCommerce Breadcrumbs eklentisi, çevrimiçi mağazanızı popüler bir woocommerce eklentisi ile çalıştırırsanız, bu muhtemelen sizin için en iyi seçimdir. Bu, ürün sayfalarınız için ekmek kırıntılarını etkinleştirmenizi, sitenizdeki müşteri gezinmesini artırmanızı sağlar. Kurulum ve aktivasyondan sonra, ekmek yolunuzu ayarlamak için Ayarlar> WC ekmek kırıntılarına gidebilirsiniz:
Breadcrumb Eklenti Düzenleme Seçenekleri Bazı kodlama becerileriniz varsa ve stilinizi daha fazla kontrol etmek istiyorsanız, CSS Özel sekmesini de kullanabilirsiniz:
Son CSS Özel Bread Clumb eklenti alanı, sitenize ekmek kırıntıları eklemek için kısa kod sekmesini ziyaret etmek önemlidir:
Kısa Kod Seçenekleri ve Breadcrumb eklenti görüntüleri Sitenizde herhangi bir yerde, tartıştığımız diğer eklentiler gibi kısa kodları kullanabilirsiniz. Bununla birlikte, Breadcrumb ayrıca başlık, altbilgi veya başka bir yerde ayak izlerinizi girmek için şablon dosyalarınızdan birine ekleyebileceğiniz bir kod görüntüsü de sağlar. 3. Ekmek kırıntıları içeren temaları kullanın, genellikle sitenizin görünümünü kontrol etme bağlamında dikkate alınsa da, WordPress temaları web sitenizin işlevselliğini de etkileyebilir. Bunu yapabilmelerinin bir yolu, sayfanıza ekmek kırıntıları eklemektir. Mevcut WordPress sitelerine ekmek kırıntıları eklemek için WordPress temasını kullanmanın dezavantajı, web sitenizin görünümünde de değişiklikler içermektir. Bir markanız ve yerleşik site kimliğiniz varsa, bu pratik bir çözüm değildir ve büyük olasılıkla eklentilerle daha iyi olacaksınız. Ancak, yeni bir WordPress sitesi başlatırsanız veya bir web sitesi yeniden tasarımı çalıştırırsanız, ekmek kırıntılarını birleştiren bir tema seçmek, sitenize eklemek için kolay bir yöntemdir. Ayrıca, WordPress tema dizininde ücretsiz olarak çeşitli seçenekler vardır. OceanWP OceanWP en popüler çok yönlü WordPress temalarından biridir: OceanWP teması, ekmek kırıntılarını sayfanıza kolayca uygulamak için kullanabileceğiniz kısa bir koddur. Ekmek kırıntılarını birleştiren OceanWP ile kullanılabilecek bazı gösteriler de var. Kısa bir kod kullanmak için, gönderiye, sayfaya veya metin widget’ına [Oceanwp_breadcrumb] ekleyin:
Astra Roti Cracks sekmesi özelleştiricide buradan, sayfada ekmek kırıntılarını nerede göstermek istediğinizi seçmenizi sağlayan bir gerilme göreceksiniz:
Astra teması için ekmek kırıntılarının konumunu seçerek bir seçim yaptıktan sonra bazı stil seçenekleri de görünecektir:
Astra Bread Seçenekleri Özelleştiricide Değişikliklerinizi depolamak için Özelleştirici Yayınla düğmesine tıkladığınızdan emin olun. 4. Eklentiler manuel olarak eklentiler ekleyin ve temalar, WordPress’i kullanıcı dostu bir platform ve kolayca erişilebilir kılan şeyin bir parçasıdır. Ancak, daha yetkin olan bazı kullanıcılar ve geliştiriciler için sınırlayıcı hissedebilirler. Kod çok yaratıcı bir ortam olabilir ve kendi ekmek kırıntılarınızı yazma yeteneğine sahiptir. Ekmek kırıntılarını manuel olarak göstermek için iki şey yapmanız gerekir. İlk olarak, etkinleştirmek için Fonksiyon.php dosyanıza işlevler eklemelisiniz. Aşağıda kullanabileceğiniz kodun bir örneği: function get_breadcrumb () {echo ‘<a href = "… if (is_category () || is_single ()) {echo "» "; Kategori ('•'); if (is_single ()) {echo "» "; Başlık (); }} elseif (is_page ()) {echo "» "; echo the_title (); } elseif (is_search ()) {echo "» "; … echo '" ' için arama sonuçları; echo the_search_query (); echo ' "; }} İşlev eklendikten sonra, ekmeğinizin görünmesini istediğiniz şablon dosyasında aramalısınız. Single.php'deki çağrı işlevleri, yayınınızda ekmek kırıntılarının görünmesini sağlar ve onu header.php'de çağırır. Kullanacağınız kod şöyle görünecek:
Bu dosyaları değiştirmek, sitenizdeki ekmek kırıntıları görüntülenir, ancak tasarımla eşleşecek şekilde düzenlemenize izin vermez. Bunun için, ellerinizi birkaç CSS ile kirletmelisiniz. Kendiniz kodlarsanız ekmek kırıntılarınızı düzenlenmiş ekmek kırıntısı stilinizi nasıl organize edersiniz. Ancak, eklentileri eklemek için eklentiler veya temalar kullanırsanız bu da yardımcı olabilir. Araç tarafından sağlanan varsayılan stil siteniz için uygun olmayabilir, bu durumda tutarlılığı korumak için değiştirmek isteyebilirsiniz. Ekmek kırıntılarınızı tema stili sayfanızda (style.css) veya ek CSS alanlarında ayarlamalardan düzenlemek için özel bir CSS ekleyebilirsiniz: Ekmek kırıntılarını ayarlamalar yoluyla organize etmek için ek CSS’yi birleştirmek, ekmek kırıntılarını eşleştirmenin birçok yolu vardır. Sitenin tasarımı, yazı tipleri, boyut ve renk değiştirme gibi. Ayrıca marj, dolgu, sınır ve simgeler gibi unsurları da düşünebilirsiniz. İşte ekmek kırıntılarınızı organize etmek için kullanılabilecek bazı CSS örneği: Breadcrumb {Palding: 8px 15px; Marj-Alt: 20px; Liste tarzı: yok; Arka Plan rengi: #F5F5F5; Border-Radius: 4px; }. Breadcrumb a {color: #428bca; Metin dekorasyonu: yok;
} CSS açısından birçok olasılık vardır. Belki de ekmek kırıntılarınızın tam olarak ne istediğinizi göstermesi için bazı deneylere ihtiyacınız vardır. Sitenizde ekmek kırıntıları eklemek için birçok fayda olmasına rağmen, breadcrumbs wordpress sitenizden nasıl kaldırılır, bu herkes için olduğu anlamına gelmez. Bazı insanlar onları kafa karıştırıcı bulabilir veya site sayfalarını çok dağınık hale getirdiklerini hissedebilirler. Ekmek kırıntılarını WordPress sitenizden çıkarmak istiyorsanız, ekleme şeklinize göre mantıklı herhangi bir yöntem kullanarak yapabilirsiniz. Örneğin, ekmek kırıntıları için özel bir kod oluşturursanız, tema dosyalarınızdan eklediğiniz kodu silebilirsiniz. Eklentilerle eklenen ekmek kırıntılarını devre dışı bırakma genellikle eklentiyi devre dışı bırakmak kadar kolay. Yoast SEO durumunda, arama ekran ayarlarında Breadcrumbs sekmesine gidebilir ve devre dışı bırakmak için ilgili anahtarları değiştirebilirsiniz. Aynı şey, WordPress kısa ayarları veya kodları aracılığıyla ekmek kırıntılarını etkinleştiren tema için de söylenebilir. Ancak, varsayılan olarak ekmek kırıntıları ekleyen birkaç tema vardır. Özellikle kodla çok deneyimli değilseniz, bunu kaldırmak biraz daha karmaşık olabilir. Bu sizin durumunuzsa, site header.php dosyasına gitmelisiniz. Orada, “ekmek” için arama sırasını çalıştırın. Bu, sitenize ekmek kırıntıları ekleyen işlevi çağıran kodu vurgulamalıdır (eğer buradaysa):