Nasıl & amp;Divi Blog Gönderi Şablonunuzda Gönderimi Gönderme

Navigasyon sonrası, genellikle blog yazısının altında, sizi önceki veya sonraki yayınlara götürebilecek bir bağlantı koleksiyonudur. Neyse ki, navigasyon yayınları Divi Tema Builder’daki blog yayın şablonunuza eklemek kolaydır. Bu makalede, Divi Blog Gönderi şablonunuzda navigasyon sonrası nasıl ve nereye gireceğimizi göreceğiz. Ayrıca düzenlemenin üç farklı yolunu da göreceğiz. Başlayalım. İlk önizleme, bu yapacağımız üç farklı tasarımın önizlemesidir. Önceki metin ve bir sonraki masaüstü

Önceki ve sonraki telefon metin bağlantısı

Masaüstü için önceki ve sonraki düğme

Cep telefonu için önceki ve sonraki düğme

Masaüstü için iki taraflı ve bir sonraki düğme

Cep telefonu için iki taraflı ve sonraki düğmeler

Neden Gönderme Gezinme Gönderme Gönderimi içeriyor Web sitenizin navigasyonunu optimize etmenin iyi bir yoludur. Yerleşim, harekete geçme daveti görevi görür. Bu, içeriğinize dikkat çeker ve okuyucunuzu web sitenizde daha uzun süre tutar. Bu, okunacak diğer yayınları bulma sürecini basitleştirir. Divi’nin navigasyon sonrası modülü, kullanıcıların önceki veya sonraki yayınlara gitmesine olanak tanır. Nasıl çalıştığı hakkında birkaç seçeneğiniz var. Tüm belirli kategorilerdeki veya kategorilerdeki yayınlarla bağlantı kurabilirler. Girdiğimiz metni veya adları yayınlayabilirler. Önceki ve sonraki bağlantıları bağımsız olarak devre dışı bırakabiliriz.
Gezinme gönderme navigasyon bağlantılarının yerleştirilmesi rastgele bir bağlantı gibi görülmemeli veya hissetmemelidir. Okuyucunun ne olduğunu sezgisel olarak anlayacak şekilde yerleştirilmelidir. Bunun için en iyi yer, blog yazısı içeriği altındadır. Okuyucu blog yayınını tamamlar tamamlamaz, önceki veya bir sonraki gönderiyi görmek için kolay bir şekilde sunulur. Bu onlar için en faydalı yerleşimdir ve artan trafik için en kullanışlı yerdir. YouTube kanalı yüklememize abone olun veya blog yazısı şablonunuz için bir blog yayın şablonu oluşturun, baştan baştan yapabilir veya zarif temalar blogundan indirebilirsiniz. ET blogunda ücretsiz divi düzeni paketine uyacak şekilde tasarlanmış birçok ücretsiz blog gönderme şablonu vardır. Sadece “Ücretsiz Blog Gönderi Şablonları” nı arayın. Şablonunuzu indirin ve açın. Ekran görüntülerimin örnekleri için ücretsiz bir şirket blog yazısı şablonu kullanıyorum. Blog yayın şablonuna uyacak şekilde navigasyon sonrası modülünü düzenleyeceğim.

Şablonunuzu yüklemek veya oluşturmak için WordPress kontrol panelinde Divi> Tema Oluşturucunu Açın. Yüklemek için taşınabilirlik seçin ve açık sermayede içe aktarın. Dosyanızı seçmek için tıklayın ve bilgisayarınızdaki JSON dosyasını seçin. Divi Tema Şablon Şablonlarını İçe Aktar’ı tıklayın ve yükleme tamamlanana kadar bekleyin. Ayarlarınızı kaydedin.

bölüm
Tema üreticisi
Taşınabilirlik
İçe aktarmak
Dosya Seç
Divi Tema Şablonu İthalat
Kale
Divi Post şablonunuza navigasyon gönderisi ekleyin
Gönderi içeriği altında kendi satırına navigasyon sonrası ekleyeceğiz. Bu düzen sıradaki arka plan rengini kullanır, bu nedenle bölücü ile yer ekleyeceğiz. Aynı satırı her üç tasarım için de kullanacağız. Görmeyi kolaylaştırmak için çerçeve görüntüsünün görünümünü değiştirdim. İçerik yayınlama ile satırın altına yeni bir tek sütun satırı ekleyin.

Bölme modülünü hatta ekleyin.

Bölücü ayarlarında, bölücüyü görüntülememek için görünürlüğü ayarlayın. Bölme ayarlarını kapatın.

Divisor göster: hayır

Ardından, navigasyon sonrası modülünü ekleyin.
Son olarak, modülü aynı çizgide üst bölücüye sürükleyin. Bunu ilk iki tasarımımız için kullanacağız. Üçüncü tasarım için küçük bir değişiklik yapacağız. Ardından, üç farklı tasarım yapmak için navigasyon sonrası modülüne bir stil vereceğiz. İlk Gezinme Navigasyon Tasarımı: Önceki ve Sonraki Metin Bağlantısı

En basit gezinme seçeneği metin bağlantısıdır. Bu, gezinme modüllerini yayınlamak için varsayılan ayarlardır. Metni kaydedeceğiz, ancak bağlantının adını değiştireceğiz. Varsayılan olarak, yayınların adlarını görüntüler.

Masaüstünü seçin ve önceki bağlantıya önceki gönderiyi ve bir sonraki bağlantıda bir sonraki gönderiyi girin. Kalan ayarların bunun için varsayılan olarak izin vereceğiz.

Önceki bağlantı: Önceki gönderi
Sonraki bağlantı: Sonraki gönderi
Önceki bağlantının altındaki telefon simgesini seçin ve daha önce ve sonra alana girin.
Önceki bağlantı: Önceki

Sonraki bağlantı: Sonraki
Ardından, Tasarım sekmesini açın. Yazı tipini SAN’ları açacak şekilde değiştirin, kalınlaşın, tüm büyük harfleri değiştirin ve rengi #1d1d25 olarak değiştirin.
Yazı tipi ağırlığı: kalın

Yazı tipi stili: tüm kapaklar
Renk: #1d1d25
Harf aralığını 2 piksel ve hat yüksekliği 1.2EM olarak değiştirin. Sermayenizi kapatın ve ayarlarınızı kaydedin.
Mektup alanı: 2px
Hat yüksekliği: 1.2em

İkinci Post Navigasyon Tasarımı: Önceki ve Sonraki Düğmeler
Navigasyon sonrası içeriğini ayarlarken, arka plana doğru kaydırın ve #4C594C’ye (veya düzeninizin başka bir rengine) ayarlayın. İçerik sekmesindeki diğer ayarların varsayılan olarak izin vereceğiz. Bu, modülün yazı adını görüntülemesine izin verecektir.
Arka plan rengi: #4C594C
Tasarım sekmesini seçin. Yazı tipi bağlantıları için SAN’ları açın, kalın ve rengi beyaz olarak değiştirin. Bir harf aralığı 2 piksel ve hat yüksekliği 1.2em olarak ayarlayın.

Bağlantı yazı tipi: SANS’ı açın
Yazı tipi ağırlığı: kalın

Renk: #ffffff
Mektup alanı: 2px
Hat yüksekliği: 1.2em
Alana doğru kaydırın. 40 piksel dolguyu yukarı ve aşağı ve sola ve sağa 20 piksel dolgu ekleyin. Ayarları kapatın ve kaydet.
Dolgu: 40 piksel (üst, alt), 20px (sol, sağ)
Üçüncü Navigasyon Tasarımı: İki -Yan ve Sonraki Düğme

İlk olarak, posta navigasyon modülünü içeren hattın altında yeni bir çizgi oluşturun ve bölücüyü oraya sürükleyin.
Şimdi, gezinme sonrası modüllere sahip satırlar için ayarları açın. Satır Ayarları
Arka plan ayarına gidin ve rengi #1D1D25 (veya düzeninizin başka bir rengi) olarak ayarlayın.

Arka plan rengi: #1d1d25

Tasarım sekmesini açın. Boyutlandırma altında, genişliği% 90 ve maksimum genişlik 500 piksel olarak değiştirin.

Genişlik:% 90
Maksimum genişlik: 500 piksel

Aralıkta kaydırın ve 20 piksel yukarı ve alttı ve sola ve sağa 30 piksel dolgu ekleyin. Dolgu: 20px (üst, alt), 30px (sol, sağ)
Sınır ayarlarına gidin ve yuvarlak köşelerin dört tarafına PX ekleyin. Satır ayarlarını kapatın.
Yuvarlak açı: 30 piksel

Gezinme Modülü Ayarları Gönderme
Navigasyon sonrası modülünü açın ve Tasarım sekmesini seçin. Bu sefer son içerik ayarını yapacağız. Yazı tipini SAN’ları açacak şekilde, ağırlığı kalın, tüm kapaklara ve renkte beyaza ayarlayın. Harf aralığını 2 piksel ve hat yüksekliği 1.2EM olarak değiştirin.

Bağlantı yazı tipi: SANS’ı açın
Yazı tipi ağırlığı: kalın
Yazı tipi stili: tüm kapaklar

Renk: #ffffff
Mektup alanı: 2px
Hat yüksekliği: 1.2em
İçerik sekmesini açın. Kategoriye girin ve mevcut kategoride gezinmeyi etkinleştirin. Bu yalnızca aynı kategorideki yayınları görüntüler. Alanı boşaltacağız, ancak isterseniz taksonominin adını ekleyebilirsiniz. Post adını kullanmak için boş metin alanını da bırakacağız. Ayarları kapatın ve kaydet.
Mevcut kategoride navigasyon: evet
Buradaki navigasyon yayınlarının sonuçları üç tasarımın sonuçlarıdır. Önceki metin ve bir sonraki masaüstü
Önceki ve sonraki telefon metin bağlantısı

Masaüstü için önceki ve sonraki düğme
Cep telefonu için önceki ve sonraki düğme
Masaüstü için iki taraflı ve bir sonraki düğme

Cep telefonu için iki taraflı ve sonraki düğmeler

admin

Bir Cevap Yazın

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