Divi Eklentisi Vurgusu – Divi Breadcrumbs Modülü

Bir web sitesinde gezinirken aradığım gezinme araçlarından biri kırıntılardır. Gezinme hiyerarşisi içinde nerede olduğunuzu göstermek için harikadırlar ve yapı içindeki diğer makaleleri bulmanızı kolaylaştırırlar. Breadcrumbs, Divi Breadcrumbs Module adlı bir eklenti ile Divi'ye eklenebilir.

Divi Breadcrumbs Module, konum tabanlı ekmek kırıntıları oluşturan CodeCrater'ın üçüncü taraf eklentisidir. Başka bir deyişle, okumakta olduğunuz sayfanın kategorilerinin hiyerarşisini size gösterir. Ayrıca, hiyerarşideki her öğe için bağlantılar sağlar, böylece kategorilerin her biri için en son gönderileri kolayca görebilirsiniz. Ekmek kırıntıları son derece özelleştirilebilir.

Breadcrumbs Modülünü kullanarak, Divi Builder'ı kullanan tek tek sayfalara ve gönderilere içerik kırıntıları yerleştirebilirsiniz. Ayrıca Extra ve Divi Builder eklentisi ile çalışır. Bu eklenti vurgusunda, hem Divi hem de Extra'daki eklentiye bir göz atacağız ve özelleştirilebileceği bazı yolları göreceğiz.

Neden Ekmek Kırıntıları Kullanılır?

Ekmek kırıntıları, kategori hiyerarşisini gösteren bir iz bırakır ve gezinmeyi iyileştirmenin harika bir yoludur. Çok fazla yer kaplamazlar ve bir kullanıcının içeriğinizde gezinmek için yapması gereken işlem sayısını azaltabilir ve basitleştirebilirler. Bu, özellikle çok sayıda gömülü kategoriniz varsa önemlidir.

Divi Breadcrumbs Module, Google'a web siteniz hakkında hiyerarşi bilgisi sağlayarak SEO'yu geliştirir. Bu, kategorileriniz için sıralamak istediğiniz anahtar kelimeleri seçmeniz gerektiği anlamına gelir. Bu aynı zamanda tasarımcıları anlaşılması daha kolay kategori adları kullanmaya zorlar.

Ekmek kırıntıları hem UX'i hem de UI'yi iyileştirir. Standart menü gezinmenizin yerini almamalıdırlar, ancak ilgi uyandırabilir ve ziyaretçileri sitenizde daha uzun süre tutabilirler.

Divi Ekmek Kırıntıları Modülü

Eklentiyi normal şekilde yükleyin ve etkinleştirin. Modül, Hollywood Cerise adlı parlak kırmızı renkte görünecektir. Birçok kırıntı eklentisi, kırıntılarını Yoast eklentisinden çektikleri için Yoast gerektirir, ancak Divi Ekmek Kırıntıları Modülü Yoast gerektirmez. Bunun yerine, kendi kırıntılarını yaratır. Yani başka bir eklentiye gerek yok.

İçerik ayarları, ana sayfa içerik haritasını gizleme, kendi ana sayfa içerik haritası metninizi ekleme, ayırıcı simgeyi seçme (12 seçenek arasından), geçerli sayfayı gizleme, arka plan ayarları ve yönetici etiketini içerir. Tasarım ayarları, simgeler, metin ve bağlantılar için stil ve standart boşluk seçeneklerini içerir.

Divi Breadcrumb Modülü Örnekleri

Bu, resimli başlık modülü, içerik kırıntıları modülü ve makalelerin metin modülünü içeren temel bir makale düzenidir. Ekmek kırıntıları ayarlarını varsayılanlarında bıraktım.

Modül, varsayılan ayarlarla bu şekilde görünür. Ev ve Eskrim bağlantıları, tıklanabilir olduklarını göstermek için mavi renktedir. Ekmek kırıntıları sola, ortaya veya sağa yerleştirilebilir.

Bu örnekte, kırıntıları ortaya yerleştirdim ve degrade bir arka plan ekledim ve hem makale başlığı (14 punto) hem de bağlantılar (12 punto) için yazı tipi boyutlarını artırdım. Metin beyazdır. Bir degrade üzerine basıldıkları için onları aynı renkte yaptım. Satır ayırıcıyı da değiştirdim. Normal bir gönderide, degrade arka plana sahip kırıntılara dikkat çekmezdim, ancak bu, onunla neler yapabileceğinizi gösterir.

Tam Genişlikli Menü Altına Ekmek Kırıntıları Ekleme

Ekmek kırıntıları eklemek için en iyi yer sayfanın üst kısmıdır. Bu örnekte, tam genişlikli bir menü kullanarak bir gönderi oluşturdum ve hem tam genişlik bölümü hem de standart bölüm için dolguyu ve kenar boşluklarını 0'a ayarladım. Hiyerarşiyi göstermek için kategorileri yerleştirdim.

Ekmek kırıntısının yazı tipi renklerini tam genişlik menüsüyle eşleşecek şekilde değiştirdim, ancak daha sonra öne çıkmamaları için yumuşattım. Ayırıcıyı bir okla değiştirdim ve Ana Sayfa'yı ve geçerli sayfayı içerik haritasının navigasyonundan kaldırdım.

Ekmek kırıntısının, üstündeki resimdeki kategorilerle aynı gömülü yapıyı izlediğine dikkat edin. Makalenin kendisi de bu kategorileri içerir, ancak hiyerarşik bir yapı yoktur. Aynı kategorileri birden çok kez göstermek istemiyorsanız başlıktan kaldırılabilirler.

Bu örnekte arka plan rengini satıra yerleştirdim, tam genişlik yaptım, yazı tipinin rengini menüye baskın gelmesin diye değiştirdim ve harf aralığına 1 piksel ekledim. Küçük değişiklikler büyük bir fark yaratabilir.

Bu, satır yerine kırıntı modülü içindeki arka planı kullanan aynı ayarlardır. Genişliği azaltmak için dolgu ekledim. Ayrı görünen ancak üstündeki menüye bağlı küçük bir öğe oluşturmasını seviyorum.

Ayırıcıyı Şekillendirme

Ayırıcı ayrıca şekillendirme özelliklerine de sahiptir. Yazı tipi stilini, boyutunu, rengini, aralığını ve yüksekliğini değiştirin. Ayırıcı seçenekleri ve stil özellikleri arasında kolayca web sitenizin markasına uygun ayırıcılar yapabilirsiniz.

Bu örnek, varsayılan yazı tipini mor olarak ve ayırıcılar için 20 yazı tipi boyutunu kullanır.

Ayırıcı için Georgia yazı tipiyle aynı ayırıcı burada. Ayırıcının yazı tipini değiştirmek, ona yeni bir görünüm kazandırmak için yeterlidir.

İşte Black Ops One yazı tipini kullanan aynı ayırıcı. Daha cesur ve daha fazla öne çıkıyor.

Bu, 4 piksel satır aralığı ile 20 punto yazı tipinde Droid Serif. Yazı tipini koyu kırmızı yaptım.

Yazı tipi seçimleri ile noktalar bile şekil değiştiriyor. Bu, 24 noktada Passion One. Benzersiz bir şey yaratmak için yazı tiplerini, renkleri ve boyutları denemek için biraz zaman ayırmaya değer. Standart stil kontrolleriyle bunu yapmak kolaydır.

Divi Breadcrumbs Modülünü Ekstra ile Kullanma

Divi Breadcrumbs Module, Extra ve Divi Builder eklentisi ile çalışır. Sağdaki görüntünün altında ekmek kırıntıları olan Ekstra'ya bir bakış. Ekmek kırıntıları ekranın üst kısmındaki başlıktan çok uzakta olduğu için gönderinin adını ekledim. Bir çubuk ayırıcı kullanır.

İdeal olarak, ekmek kırıntıları sayfanın en üstünde olacaktır. Sayfa düzenimde ekmek kırıntıları modülü en üstte. Resmin altında gösterilmesinin nedeni, Extra'nın öne çıkan resmi göstermesine izin vermem.

Bu örnekte, görüntüyü düzen içine yerleştirdim ve bölümü 0 üst dolguya sahip olacak şekilde ayarladım. Mevcut gönderiyi kaldırdım ve ayırıcıyı kırmızı yaptım.

Lisans, Güncellemeler, Destek

Eklenti, siz ve müşterileriniz için sınırsız web sitesine kurulabilir. Güncellemeler ömür boyudur. Altı aylık desteği içerir.

• Satın almak için buraya tıklayın: Divi Ekmek Kırıntıları Modülü

Son düşünceler

Ekmek kırıntıları, kaybolduğunda fark ettiğiniz küçük şeylerden biridir. Doğru tasarlanmışlarsa, kullanıcı ihtiyaç duyduğunda orada olacaklar ve ihtiyaç duymadıklarında yoldan çekilecekler. Divi Ekmek Kırıntıları Modülü, bunları Divi sayfalarınıza ve gönderilerinize eklemenin harika bir yoludur ve sitenizin markasına uyacak şekilde kolayca şekillendirilebilirler. Bu basit ve sezgisel.

Divi mizanpajlarınıza ekmek kırıntıları eklemekle ilgileniyorsanız, ihtiyacınız olan eklenti Divi Breadcrumbs Module olabilir.

Sizden haber almak isteriz! Divi Breadcrumbs Modülünü denediniz mi? Aşağıdaki yorumlarda deneyiminizi bize bildirin.

Yevgenij_D / Shutterstock.com üzerinden Öne Çıkan Görsel