Divi'de blog yazılarını yüzdürmek ister misiniz?
Bugün size Divi'de blog gönderilerini kayan kartlar olarak sunmanın yaratıcı bir yolunu göstereceğiz. Her blog veya Site Web mükemmel olmayı hedeflemeli içindekiler çekici ve belki de aynı derecede önemli veya erişilebilir.
Bunu sağlamanın bir yolu içindekiler Kullanıcılar için erişilebilir kalmasının amacı, sayfada kaymasını sağlamaktır.
Blogcular için de size makaleleri nasıl sunacağınızı göstereceğiz. blogunuzun Sayfayı kaydırırken görünür kalmaları için kayan kartlar olarak.
Gidelim.
anket
İşte bu eğitimin sonunda elde edeceğimiz sonuca kısa bir genel bakış.
Başlamak için neye ihtiyacınız var?
Divi'de bu tasarımı oluşturmaya başlamadan önce aşağıdakileri yapmanız gerekir:
- Yeni bir sayfa oluşturun, ilgili bir ad verin ve 'Divi Builder'ı Kullan'a tıklayın
- Seçeneği seçin Düzen seçin".
- Düzeni bulun ve seçin 'blogger açılış sayfası'.
- Düğmesine tıklayın Düzen seçin Sayfaya yüklemek için.
Bundan sonra, bu eğitim için kullanıma hazır önceden hazırlanmış düzeniniz olacak.
Divi'nin Blog Modülünü Kullanarak Blog Yazısı Kayan Kartları Nasıl Oluşturulur
Sayfa düzeni yüklendiğine göre, artık blog yazısı kayan kartlarımızı oluşturmaya hazırız.
Ayrıca Oku: Divi'de Yapışkan Genel Başlık Nasıl Oluşturulur
Düzenin en altında yeni bir bölüm oluşturun.
Ardından bölüme yeni bir tek sütunlu satır ekleyin.
Satır/sütun için bir Blog modülü ve bir başlık ekleyin
Burada yeni bir Blog modülü oluşturmak yerine, yukarı kaydırın ve üç blog gönderisi görüntüleyen mevcut Blog modülünü bulun (sayfanın ortasına yakın üçüncü bölümdedir). Açık " Diğer modül parametreleri »Ve« seçeneğini seçin Modül Kopyalama".
Ardından modülü, sayfanın alt kısmında oluşturduğumuz yeni tek sütunlu satıra gri artı simgesine sağ tıklayıp “ Modül Yapıştır".
Ardından, blog gönderilerimizin üzerine, blog kartlarının üzerinde de kayan bir başlık ekleyeceğiz. Bunu yapmak için, mevcut Metin modülünü küçük başlık metniyle kopyalayın " Yaşam Tarzı".
Ardından modülü yeni eklediğimiz Blog modülünün hemen üstüne yapıştırın.
Ardından, öne çıkarmak istediğiniz blog gönderilerinin türünü açıklamak için başlık metnini düzenleyin. Bu örnekte, sadece " Top Story".
Çizgiyi sabit konum ve özel genişlikle özelleştirme
Sabit bir konuma sahip olduklarında sayfada çok fazla yer kaplamamaları için kayan blog gönderilerinin boyutunu küçültmek istiyoruz. Eğlenceli olurdu. Bunu yapmak için hat ayarlarını açın ve aşağıdakileri güncelleyin:
Öğeleri yüzdürmek için çizgiye sabit bir konum vermemiz gerekir. Gelişmiş sekmesi altında aşağıdakileri güncelleyin:
- Pozisyon: Sabit
- Yer: Sağ alt
- Dikey Ofset: 20px
- Yatay Ofset: 20px
- Z İndeksi: 12
Minimum içerik ve kutu gölgesi ile güncellenmiş Blog modülü
Genel olarak, Blog modülü zaten üç sütunlu bir ızgara düzenine ve seçtiğimiz düzen paketiyle birlikte gelen hoş bir stile sahiptir. Ama yapmamız gereken birkaç şey var.
Ayrıca bakınız: Divi'de giriş formuyla küresel bir başlık nasıl oluşturulur
Öncelikle haritaların boyutunu (dikey olarak) küçültüp bazı unsurları kaldırmamız gerekiyor. içindekiler.
Bunu yapmak için blog ayarlarını açın ve öne çıkan resim dışındaki tüm öğeleri gizleyin. Bu, gönderinin yalnızca öne çıkan resmi ve başlığı göstermesini sağlar.
Stil sekmesi altında kutu gölgesini aşağıdaki gibi yapılandırın:
- Gölge kutusu: Ekran görüntüsüne bakın
- Kutu Gölge Bulanıklığı Gücü: 28px
- Altyazı yazı tipi rengi: rgba(0,0,0,0.19)
anket
İşte şimdiye kadar elde ettiğimiz sonucun bir önizlemesi.
Fareyle üzerine gelindiğinde makale satırının görünmesini sağlayın
Son olarak, kullanıcıları kayan makalelerle etkileşime girmeye teşvik eden güzel bir fareyle üzerine gelme efekti ekleyebiliriz.
Ayrıca okuyun: Divi'de Blog modülü ile blog sayfası nasıl oluşturulur
Hat ayarlarını açın ve seçenekleri güncelleyin:
ofis için
- Dönüşüm: %50
vurgulu durumu için
- Dönüşüm: %0
Bu, başlangıçta tüm satırı %50 oranında tarayıcı görünüm alanının dışına çıkaracaktır. Kullanıcı çizginin üzerine geldiğinde, tamamen görüntüye geri döner.
Mobilde satırı gizle
Tek bir blog gönderisi yayınlamak istemiyorsanız, bu blog gönderilerini mobil cihazlarda kaydırmanın bir anlamı yoktur. Muhtemelen çok fazla yer kaplar ve kaydırmaya çalışırken sorunlara neden olur.
Ayrıca bakınız: Divi'de genel bir başlığa iletişim formu nasıl eklenir
Haritaları mobil cihazlarda gizlemek için bölüm ayarlarını açın ve telefon ve tablette bölüm görünürlüğünü kapatın.
Nihai sonuç
DIVI'yı Şimdi İndirin !!!
Sonuç
Yani ! Bu eğitimde, öne çıkarmak istediğiniz blog gönderilerini sunmanın yaratıcı ve özgün bir yolunu gösterdik.
Herhangi bir endişeniz veya öneriniz varsa, bizi yorumlar bölümü bunu tartışmak için.
Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.
Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.
...
