WordPress sitenize ekmek kırıntısı nasıl eklenir
“Ekmek kırıntıları” terimi, verimli web sitesi navigasyon aracını (Hansel ve Gretel tarafından bize öğretildiği gibi), birinin web sitesinin “evine” (veya ana sayfa) geri dönmeye yardımcı olmayı amaçlamaktadır. Kullanıcıların, verandaya geri dönen bağlantıdan (veya etiketten) satır içi parçalar sağlayarak geçerli sayfanın tüm site yapısı için nasıl uygun olduğunu görmelerine izin verir.
Ekmek kırıntıları ile Home Depot Ürün SayfasıEkmek kırıntıları aslında WordPress siteniz için düşündüğünüzden daha önemlidir. Yalnızca kullanıcı deneyimini geliştirmekle kalmaz, aynı zamanda arama sıralamasında site sıralamasını da geliştirebilirler. Google, web sitesindeki bu yapısal öğeyi seviyor ve ziyaretçiler, sayfalarınızdan birini organik olarak bulurken önemli navigasyon yardımına sahip olacaklar (PennTial oranınızı düşürür).
Web sitenize böyle bir entegre nativasyon sistemi eklemenin zor olacağını, ancak bir eklenti kullanarak oldukça basit olacağını düşüneceksiniz. Aslında, Yoast SEO eklentisini kullanıyorsanız, ilk adımınız var çünkü Breadbrumb’un işlevselliği zaten Yoast’ta! Ve yoast aracılığıyla ekmek kırıntıları eklemek açıkça orada sevilen yöntemlerden biridir. Yoast SEO’nun yanı sıra, Breadbrumb Navxt eklentisi, çok ayarlanabilen ve kendi divi temamızla iyi çalışan bir başka harika seçenektir. YouTube kanalımıza abone olun
WordPress sitenize yoast kullanarak WordPress sitenize ekmek kırıntıları nasıl eklenir Yoast SEO’yu kullanarak ekmek kırıntıları eklemek için üç basit adım atmanız gerekir:
Yoast SEO eklentisini yükleyin ve etkinleştirin
Eklenti ayarlarında yoast ekmek kırıntılarını etkinleştirdiğiniz / yapılandırdığınız WordPress temasına ekmek kırıntıları kod snippet’i ekleyin
Yoast SEO eklentisini yüklemek için Yoast SEO eklentisini yükleyin ve etkinleştirin, WordPress kontrol panelinizi açın ve Eklentiler> Yeni Ekleyin. Ardından “Yoast” için WordPress depolarını arayın. Yoast SEO eklentisini gördüğünüzde, eklentiyi yüklemek ve etkinleştirmek için tıklayın.
WordPress Children’ın temasına breadcrumbs kod görüntülerini ekleyin, sonra WordPress tema dosyanıza kısa bir kod parçası eklememiz gerekir. Yani, yapmadıysanız, bir çocuk teması oluşturmak iyi bir fikirdir. Bu örnek için, TwentyNineen varsayılan WordPress temasına nasıl bir parça ekmek kırıntısı kodu ekleyeceğinizi göstereceğim. Kodu herhangi bir tema/şablon dosyasına ekleyebilirsiniz, ancak çoğu, single.php dosyanıza (tüm yayınlarda görünmek için), dosya page.php (tüm sayfalarda görünmek için) veya başlık dosyası. PHP’niz (Site genelinde görüntülenecek). Bu örnek için, ekmek kırıntı kodunu çocuğumun temasından header.php dosyasına ekleyeceğim. Header.php dosyasını üst temadan kopyaladıktan sonra, Seçim Kod Düzenleyicisi’ndeki dosyaları düzenlemeye açın. Ardından, Header.php dosyasının en alt kısmında, ekmek kırıntılarının işlevselliğini etkinleştirmek için Yoast tarafından sağlanan aşağıdaki PHP görüntülerini ekleyin:
Bu, ekmek kırıntılarını doğrudan tüm sayfaların başlıkları, ekmek kırıntıları için genel yerleştirme altında gösterecektir. WordPress Children’ın temasına kod snippet eklendikten sonra eklenti ayarlarında yoast ekmek kırıntılarını etkinleştirin ve yapılandırın, yapılacak olan Yoast SEO eklentisi ayarlarında ekmek kırıntılarını etkinleştirmektir. Bunu yapmak için WordPress kontrol panelinizi açın ve SEO> Arama ekranına gidin ve ardından Breadcrumbs sekmesini tıklayın. Ekmek kırıntıları ayarlarının altında, “etkinleştirilmiş” seçeneğini etkinleştirerek ekmek kırıntılarını etkinleştirdiğinizden emin olun. Ardından, ekmek kırıntı ayarını ihtiyaçlarınıza göre yapılandırabilirsiniz. Ayrıca gönderiniz için ekmek kırıntılarında görüntülenecek bir taksonomi seçmek isteyebilirsiniz. Bu örnek için, yazımı ekmek kategorisini görüntülemek için ayarlayacağım. Bu, ekmek kırıntısını etkinleştirmeden önce yazının görüntülenmesidir.
Ekmek kırıntılarını etkinleştirdikten sonra aşağıdaki ekran gönderi. Bu özel gönderinin örnekleri, ekmek kırıntısı ayarlarında seçtiğim ekmek kırıntı taksonomi kategorisini göstermek için kategorisi (“WordPress”) ve üst kategoriye (“web tasarımı”) sahiptir. Bazı harici CSS kullanarak ekmek kırıntı stilinizi ayarlamanız gerekebilir. Bunu yapmak için, PHP koduna dahil edilen “Ekmek kırıntıları” kimlik CSS’yi kullanabilirsiniz. Style.css dosyasını çocuğunuzun temasından açın (veya ek CSS altındaki ayar temasına ekleyebilirsiniz) ve aşağıdakileri ekleyebilirsiniz: #galeta unu {
/*Buraya ekmek kırıntısı stilini ekleyin*/
}
TwentyNineen teması için, aşağıdaki özel CSS’yi ekleyerek başlık metin marjımı eşleştirmek isteyebilirim: #breadcrumbs {
Marj: 0 Calc (% 10 + 60px);}
Ekmek kırıntılarınızın belirli konumunu kontrol etmek istiyorsanız, her gönderi veya sayfa için aşağıdaki kısa kodu kullanabilirsiniz. [Wpseo_breadcrumb]
Herhangi bir nedenle yoast SEO’yu yüklemek istemiyorsanız veya başka basit seçenekler arıyorsanız, Breadcrumb Navxt kullanarak WordPress sitenize ekmek kırıntısı ekleyin, Breadbrumb Navxt eklentisi çok iyi bir seçimdir.
Eklentiyi yüklemek için WordPress kontrol panelinizi açın ve Eklentiler> Yeni Ekle’ye gidin. Ardından “Breadbrumb Navxt” için WordPress depolarını arayın. Eklentiyi gördükten sonra yüklemek ve etkinleştirmek için tıklayın.
Bu örnek için, divi temasını yanımın üstünde ekmek kırıntıları sergilemek için kullanıyorum. Bir gönderide aşağıdaki ekran.
Yoast Breadbrumb örneğine benzer şekilde, çocuğunuzun temasına gerekli kodu ekleyerek Sitenize Breadbrumb Trail’i de arayabilirsiniz. Aşağıda şemaya uygun olarak verdikleri kod. <? Php if (function_exists (‘bcn_display’)) {
bcn_display ();
}?>
Bu örnek için divi temasını kullandığım için, kodu single.php dosyasına ekleyeceğim Divi Children teması makale etiketinin hemen üstünde.Bu, tüm yayınlarımın üstünde ekmek kırıntıları gösterecektir. Kod ekledikten sonra gönderinin yayınlanması aşağıdadır.
Breadbrumb Navxt eklenti ayarlarını kullanarak ekmek kırıntılarını yapılandırmak, ekmek kırıntınızı yapılandırmak için birkaç sofistike seçeneğe sahiptir.Tüm ekmek kırıntı şablonlarınızı farklı taksonomi ve daha fazlası için ayarlayabilirsiniz.Ayarlar> Breadbrumb NAVXT’e giderek WordPress Gösterge Tablonuzdan bu ayarlara erişebilirsiniz.
Ekmek kırıntıları düzenleme ekmek kırıntıları düzenlemek istiyorsanız, kodda bulunan “Breadcrumb” adlı bir sınıfı hedefleyebilirsiniz.Sadece aşağıdaki CSS’yi Style.css çocuğunuzun temasına veya ilave CSS’ye ekleyin: Breadcrumbs {
/*Buraya stil ekmek kırıntılarına CSS ekleyin*/
