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:

Sol taraftaki Kinsta blogunda, başlığın hemen altında ekmek kırıntıları, Yazma Ana Sayfa> Kaynak Merkezi> Kinsta blogunu görebilirsiniz. Her biri, geçerli yazının ilgili sayfasına bir bağlantıdır. Bu, blogumuzdaki okuyucuların geri düğmeyi, menüyü veya arama özelliğini kullanmak yerine tek bir tıklamayla ana içerik alanlarından birine gitmelerini sağlar. Ekmek kırıntıları adını böyle alır: kullanıcıyı ‘eve’ yönlendiren bir iz yaparlar. Ziyaretçilerin benzer içerikler bulabilecekleri bireysel yayınlar, ürün sayfaları ve kategori arşivleri arasında hareket etmek isteyebilecekleri bloglar ve çevrimiçi mağazalar gibi siteler için çok yararlıdır.
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’ın Roti Crumb aktivasyon kodunu eklemek Gelecekteki tema güncellemelerinin bu özel koda gelebileceğini unutmayın. Bu problemden nasıl kaçınacağınız veya sadece çocuk temasını nasıl kullanacağınız hakkında bilgi almak için tema geliştiricinizle iletişime geçmelisiniz. Snippet’ler yer aldıktan sonra, gösterge panelinizde SEO> Arama Ekran> Ekmek kırıntılarına gidin:
Yoast SEO Ekmek Kırıntı Ayarları Anahtarı Ekmek kırıntıları ayar anahtarını etkinleştirilecek. Ardından, sitenizi önizleyin:

Ekmek kırıntıları hemen yoast SEO ile eklendi Şimdi, bir kod görüntüsü eklediğiniz yere göre sitenizin ilgili kısmında ekmek kırıntılarını göreceksiniz.

2. Ekmek kırıntıları ile ekmek kırıntıları etkinleştir WordPress eklentisi, eklentiyi zaten SEO amaçlı kullanıyorsanız, yoast ile ekmek kırıntıları ekler. Ancak, içeriğinizi optimize etmek için farklı eklentiler tercih ederseniz, yukarıdaki yaklaşım daha az yararlıdır. Neyse ki, özellikle WordPress’e ekmek kırıntıları eklemeye yönelik birkaç eklenti var. Breadcrumb navxt Yoast dışında WordPress’e ekmek kırıntıları eklemek için en popüler eklenti breadcrumb navxt: Breadcrumb navxt eklentisi Bu eklenti, temanız tarafından sağlanan herhangi bir widget alanına ekleyebileceğiniz bir ekmek freni widget’ı sağlar. Bu çok ayarlanmıştır, hangi sayfaların ve kategorilerin bir patikada görüntüleneceğini seçmenize olanak tanır. Breadcrumbs Navxt ayrıca SEO’yu artırmak için işaretleme şemaları içerir.

Bu eklentiyi kullanarak ekmek kırıntıları eklemek için görünüm> widget’lara gidin. Görüntülemek istediğiniz widget alanına sürüklemek istediğiniz yeni NAVXT Breadbrumb widget’ı göreceksiniz:
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:

Breadbrumb Navxt Widget seçeneği, ekmek kırıntılarınıza bir bağlantı eklemek, siparişi belirlemek, ön sayfada gizlemek ve önbelleklemeyi yok saymak için gereken onay kutusunu seçeceğinizden emin olabilirsiniz. Bittiğinde, Kaydet düğmesini tıklayın, ardından sitenizin ön ucunu kontrol edin:
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.

Flexy Breadbrumbss’i yükledikten sonra, gösterge pano kenar çubuğunuzda yeni bir öğe göreceksiniz:

WordPress Gösterge Tablosu tarafındaki Flexy Breadyrumb bağlantısı, yapılandırılacak bazı ayarlarınız olacaktır. Genel sekmede, ana sayfa için metin ve simgeleri değiştirebilir, karakter sınırını ayarlayabilir ve hiyerarşiyi belirleyebilirsiniz:

Genel Ayarlar Flexy Breadbrumb Tipografi sekmesinde, ekmek kırıntılarınız için yazı tiplerinin rengini ve boyutunu da ayarlayabilirsiniz:

Flexy Bread Clumby Tipografi Ayarları Ayak izlerinizi ayarladıktan sonra, ekmeğinizin görünmesini istediğiniz yerde kısa bir kod [flexy_breadcrumb] eklemelisiniz. Bunu sitenizde yayınladığınız her bir yayında yapmak mümkün olsa da, WordPress widget’larına kısa kodlar eklemek daha verimlidir:
Ö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:

WooCommerce Breadcrumbs Ayarları Sayfa Dikkate alınması gereken en önemli ayarlar ekmek kırıntılarını etkinleştiren onay kutusu. Ekmek kırıntılarınızı sergilemek için seçildiğinden emin olmalısınız. Ardından, ürününüzün sayfalarından birini kontrol edin:

Ekmek kırıntıları ile WooCommerce ürün sayfası ekmek kırıntılarınızı etkinleştirir. Sayfanın üstünde görülecektir. Son ekmek kırıntısı, Breadbrumb, kısa kodlar kullanarak sitenizde herhangi bir yere ekmek kırıntıları eklemenizi sağlayan hafif bir eklentidir:

Bültenlere Kaydolun

Trafiğimizi%1000’den fazla nasıl artırdığımızı bilmek ister misiniz? Haftalık bültenimizi içerideki WordPress insanlar hakkında ipuçlarıyla alan 20.000’den fazla insana katılın!

Şimdi abone olun

Breadyrumb eklentisi Bu eklenti, bu yazıda listelenenlerin en kapsamlı düzenlemesine sahiptir. WordPress Gösterge Panosu Kenar Çubuğunuzda Breadbrumb’a tıklayarak erişebilirsiniz:

İlk WordPress sekme pano tarafındaki Breadbrumb bağlantısı, seçenekler olarak etiketlenir ve özel metin, ayırıcı ve karakter sınırı gibi çeşitli genel ayarlar içerir: breadcrumb eklenti ayarları sayfaları Ayrıca, güç seçeneklerine adanmış tüm sekmeler vardır.Seçebileceğiniz birkaç ok düğmesi ve yazı tipinin boyutu ve rengi vardır:
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:

Metin Widget’a Kısa Oceanwp ekmek kırıntılarının kısa kodu ekleyin Aşağıdaki parametreleri kullanarak ekmek kırıntılarını ayarlayabilirsiniz:

Sınıf: Özel CSS sınıfını birleştirme Renk: Metnin rengini değiştirin.

İmleç Renk: Kullanıcı imleci ekmek kırıntısına yönlendirdiğinde metnin metnini değiştirin.

Bu parametrelerin birine veya tamamını kısa kod braketlerine ekleyin:

Kesinti ve WordPress sorunları ile kavga mı ediyorsunuz? Kinsta, performans ve güvenlik dikkate alınarak tasarlanmış bir barındırma çözümüdür! Planımıza bakın

Oceanwp ekmek kırıntılarını kısa kod parametrelerinizle ayarlayın Artık ekmek kırıntılarınızı ilgili sayfalarda görecek. Astra benzer şekilde, Astra ayrıca sitenize ekmek kırıntısı eklenmesini kolaylaştırır:

Astra’nın teması, ekmek kırıntılarını Astra ile etkinleştirmenin en kolay yolu bir özelleştiricidir. Tema yüklendiğinde ve etkinleştirildiğinde, görünüşe gidin> Özelleştirin:

WordPress kontrol panelinden özelleştiriciye erişin, ardından Breadyrumb sekmesini seçin:
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):

Dosya şablonu başlık temasında ekmek kırıntı kodunu bulmak, sitenizden ekmek kırıntılarını kaldırmak için bu kodu kaldırır. Doğru kodu bulamazsanız, işlevin bu şablonlardan birinde çağrılıp çağrılmadığını görmek için bu işlemi single.php ve page.php dosyanızda tekrar deneyebilirsiniz. Her şey başarısız olursa, destek almak için tema geliştiricinize başvurun. WordPress temanızı güncellemenin dosyada yaptığınız değişiklikleri dışlayabileceğini unutmayın. Bu nedenle en iyi uygulama, bu nedenle, ayarlamanızı sınırsız korumak için bu nedenle çocuk temalarının kullanılmasını önermektedir. Ekmek kırıntıları, UX ve SEO’nuz üzerinde büyük bir etkiye sahip küçük bir unsurdur. Bu kılavuzla #WordPress sitenize nasıl ekleyeceğinizi öğrenin! Güçlü bir UX ve SEO özeti için tıklayın, web sitesinin başarısının anahtarıdır. WordPress ekmek kırıntılarını etkinleştirmek, ziyaretçilerin sitenizde gezinmesini kolaylaştırırken, arama motorunun yapısını anlamasına ve sayfanızı doğru bir şekilde dizine eklemesine yardımcı olabilir. Bu yazıda, WordPress sitenize ekmek kırıntıları eklemek için dört yöntem tartıştık: Yoast SEO’da ekmek kırıntılarını etkinleştirin.

WordPress ekmek kırıntılarını kurun ve yapılandırın.

Ekmek kırıntıları içeren temaları kullanın.

Kodu kullanarak ekmek kırıntılarınızı manuel olarak ekleyin.

WordPress ekmek kırıntıları veya nasıl kullanılacağı hakkında sorularınız var mı? Aşağıdaki yorum bölümünde bize bildirin!

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir