Divi'nin Koşul Seçenekleriyle Üyeye Özel Blog Yazıları Nasıl Oluşturulur

Divi'nin yerleşik koşul seçenekleri, kullanıcının oturum açma durumu da dahil olmak üzere bir dizi koşula dayalı olarak herhangi bir öğeyi gizlemeyi veya göstermeyi gerçekten kolaylaştırır. Bu koşullu işlevin gerçekten yararlı bir uygulaması, üyelere özel blog gönderileri oluşturmaktır. Buradaki fikir, üye olmayanlara (veya oturumu kapatan kullanıcılara) gönderi içeriğinden kısa bir alıntıyla birlikte kaydolmak veya tüm makaleyi görmek için giriş yapmak için bir harekete geçirici mesaj göstermektir. Ardından, üyeler (veya oturum açmış kullanıcılar) için tüm içeriğiyle birlikte tam gönderiyi gösterirsiniz.

Bu eğitimde, Divi'nin tema oluşturucusunu ve Divi'nin yeni koşul seçeneklerini kullanarak üyelere özel blog gönderilerinin nasıl oluşturulacağını göstereceğiz. Tamamlandığında, kullanıcıları her gönderinin tam içeriğini görüntülemek için sitenize üye olmaya teşvik edecek dinamik bir blog yazısı şablonuna sahip olacaksınız.

Başlayalım!

Gizlice Bakış

İşte bu eğitimde oluşturacağımız tasarıma hızlı bir bakış.

Burada yalnızca gönderiden alıntıyı ve kullanıcıları üye olmaya veya makalenin tamamını görüntülemek için oturum açmaya davet eden bir CTA yerleşimini gösteren bir blog gönderisi bulunmaktadır.

Giriş formunu kullanarak giriş yaptığınızda, tüm gönderi içeriğini gösteren aynı gönderiye yönlendirileceksiniz.

Üyeye Özel Blog Yazısı Şablonunu ÜCRETSİZ İndirin

Bu eğitimdeki ücretsiz Üyeye Özel Blog Gönderisi Şablonunu kullanmak için, önce aşağıdaki düğmeyi kullanarak onu indirmeniz gerekir. İndirmeye erişmek için aşağıdaki formu kullanarak Divi Daily e-posta listemize abone olmanız gerekir. Yeni bir abone olarak, her Pazartesi daha da fazla Divi iyiliği ve ücretsiz bir Divi Düzen paketi alacaksınız! Zaten listedeyseniz, aşağıya e-posta adresinizi girin ve indir'i tıklayın. "Yeniden abone olmayacaksınız" veya fazladan e-posta almayacaksınız.

Şablon Nasıl Yüklenir

Divi Theme Builder'a gidin

Şablonu yüklemek için aşağıdakileri yapın:

1. WordPress web sitenizin arka ucundaki Divi Theme Builder'a gidin.
2. Ardından, sağ üst köşede iki oklu bir simge göreceksiniz. simgesine tıklayın.
3. Taşınabilirlik açılır penceresinde, içe aktarma sekmesini seçin
4. Bu gönderide indirebileceğiniz JSON dosyasını yükleyin
5. Divi Tema Oluşturucu Şablonlarını İçe Aktar'a tıklayın.
6. Değişiklikleri Kaydet

Divi'nin Koşul Seçenekleriyle Üyeye Özel Blog Yazıları Nasıl Oluşturulur

1. Bölüm: Blog Gönderisi Şablonunu Yükleme

Bu eğitim için, bir blog gönderisi şablonuna koşul seçenekleri ekleyerek üyelere özel blog gönderileri oluşturacağız. İstediğiniz herhangi bir özel blog yazısı şablonunu kullanabilirsiniz, ancak şimdilik, önceden hazırlanmış ve blogumuza indirilmeye hazır olan Marina Blog Yazısı Şablonunu kullanacağız.

Marina Blog Gönderi Şablonunu indirmek için blogumuzdaki gönderiye gidin. İndirme bölümünün altında, indirmeye erişmek için e-posta adresinizi girin. Ardından zip dosyasını indirmek için indir düğmesine tıklayın.

İndirildikten sonra, JSON dosyasının yüklemeye hazır olması için dosyayı açın.

Blog gönderisi şablonunu sitenize yüklemek için aşağıdakileri yapın:

1. WordPress web sitenizin arka ucundaki Divi Theme Builder'a gidin.
2. Ardından, sağ üst köşede iki oklu bir simge göreceksiniz. simgesine tıklayın.
3. Taşınabilirlik açılır penceresinde, içe aktarma sekmesini seçin
4. Bu gönderide indirebileceğiniz JSON dosyasını yükleyin
5. Divi Tema Oluşturucu Şablonlarını İçe Aktar'a tıklayın.
6. Düzeni düzenlemeye başlamak için şablonun özel gövde alanındaki düzenle simgesini tıklayın.

Bölüm 2: Oturumu Kapatmış Kullanıcılar için Alıntı Gönderi İçeriği Oluşturma

Blog gönderisi şablonu içe aktarıldıktan ve şablonun özel gövde alanını düzenlemek için tıkladığınızda, çıkış yapan kullanıcılar için gönderi alıntı içeriğini eklemeye hazırsınız. Alıntı sonrası içerik, Divi'de dinamik içerik olarak mevcuttur ve gönderi içeriğinin tamamını göstermeden gönderi içeriğinin bir önizlemesini göstermenin mükemmel bir yoludur.

Gönderi Alıntısı için Yeni Satır Ekle

Alıntı sonrası içeriği eklemeden önce, ilk olarak, gönderi içeriği ve sonrası gezinme modüllerini içeren mevcut satırın altına doğrudan yeni bir satır ekleyin.

Ardından, satırın satır stillerini doğrudan yeni satırın üzerine kopyalayın ve stilleri yeni satıra yapıştırın.

Yeni satırın ayarlarını açın ve dolguyu aşağıdaki gibi güncelleyin:

• Alt Dolgu: 20px

Bu bize daha sonra örtüşen bölümümüzle örtüşebileceğimiz statik bir boşluk verecektir.

Dinamik İçerik Olarak Gönderi Alıntısıyla Yeni Metin Modülü Ekleme

Satırın içine yeni bir metin modülü ekleyin.

Metin ayarlarının içerik sekmesi altında, gövde alanının üzerine geldiğinizde dinamik içerik simgesine tıklayın ve Alıntı Gönderiyi dinamik içerik olarak kullanmayı seçin.

Metin stillerini mevcut düzen ile eşleştirmek için içerik gönderisi modülünün ayarlarını açın ve metin stillerini kopyalayın.

Ardından metin stillerini, alıntı sonrası dinamik içeriği içeren yeni metin modülüne yapıştırın.

Ardından, başlık stilleri için aynısını yapın. Başlık stillerini içerik sonrası modülünden kopyalayın.

Ardından başlık metni stillerini yeni metin modülüne yapıştırın.

Artık herhangi bir alıntı sonrası içerik, metin modülünde ayarlanan eşleşen stilleri devralacaktır.

Bölüm 3: Oturumu Kapatmış Kullanıcılar için CTA Yer Paylaşımı Bölümünü Oluşturma

Alıntı sonrası içerik bittiğine göre, oturumu kapatmış kullanıcılar için görünmesini istediğimiz CTA yer paylaşımı bölümünü oluşturmaya hazırız.

Yeni Bölüm ve Satır Ekle

Bunu yapmak için, gönderi içeriğini ve gönderi alıntılarını içeren bölümün altına yeni bir normal bölüm ekleyin.

Bölüme iki sütunlu bir satır ekleyin.

Üye Olmayanlar için Harekete Geçirici Mesaj ekleyin

Sol sütuna, bir eylem çağrısı modülü ekleyin. Bu, kullanıcıyı bir üyeliğe kaydolmak için bir düğmeyi tıklamaya teşvik eden bir harekete geçirici mesaj işlevi görecektir. Bu nedenle, kullanıcıları düğme URL'si ile yönlendirebileceğiniz bir üyelik kayıt sayfanız olduğundan emin olmak isteyeceksiniz.

Harekete Geçirici Mesaj Ayarlarının içerik sekmesi altında aşağıdakileri güncelleyin:

• Başlık: Premium İçeriğe Erişin
• Düğme: Ayda 4,99 ABD Doları'na katılın
• Düğme Bağlantı URL'si: #
• Arka Plan Rengi: #12115d

Tasarım sekmesi altında, metin ve düğme stillerini aşağıdaki gibi güncelleyin:

• Başlık Yazı Tipi: Playfair Gösterimi
• Başlık Yazı Tipi Ağırlığı: Kalın
• Gövde Çizgisi Yüksekliği: 2em
• Düğme Metin Boyutu: 16px
• Düğme Metin Rengi: #12115d
• Düğme Arka Plan Rengi: #fff
• Düğme Dolgusu: 0,7em üst, 0,7em alt, 1,7em sol, 1,7em sağ

Mevcut Üyeler İçin Giriş Formu Ekle

Sağ sütunda bir oturum açma modülü ekleyin. Bu, mevcut kullanıcıların henüz giriş yapmamışlarsa makalenin tamamını görmek için giriş yapmalarına izin verecektir.

Oturum açma ayarlarının içerik sekmesi altında aşağıdakileri güncelleyin:

• Başlık: Makalenin Tamamını Okumak İçin Giriş Yapın
• Geçerli Sayfaya Yönlendir: EVET
• Arka Plan Rengini Kullan: HAYIR

NOT: Daha iyi bir kullanıcı deneyimi için kullanıcıları geçerli sayfaya yönlendirdiğinizden emin olun. Ayrıca, beyaz metni henüz arka plan rengi olmadan göremezsiniz, ancak bunu düzelteceğiz.

Tasarım sekmesi altında aşağıdakileri güncelleyin:

• Alanlar Arka Plan Rengi: #e3e8f0
• Metin Rengi: Koyu
• Başlık Yazı Tipi: Playfair Gösterimi
• Başlık Yazı Tipi Ağırlığı: Kalın
• Başlık Metni Hizalama: orta

Eşleşen bir düğme stili alma sürecini hızlandırmak için, “Bültenimize Katılın” başlıklı bölümün içindeki satırın sağ sütununda bulunan E-posta Tercih Modülü'ndeki düğme stillerini kopyalayın.

Ardından düğme stillerini yeni oluşturduğumuz yeni oturum açma modülüne yapıştırın.

Bölüm Örtüşme Stilleri Ekle

Çakışan bölümün tasarımını tamamlamak için CTA ve Giriş formumuzu içeren bölüme birkaç stil öğesi eklememiz gerekiyor. Bölüm ayarlarını açın ve tasarım ayarlarını aşağıdaki gibi güncelleyin:

• Kenar boşluğu: -60 piksel üst
• Kutu Gölgesi: ekran görüntüsüne bakın
• Kutu Gölgesi Dikey Konumu: -50px
• Kutu Gölge Bulanıklığı Konumu: 50 piksel
• Gölge Rengi: #fff

Bu, bölümü 60 piksel yukarı getirecek, böylece kutu gölgesi yukarıdaki bölümdeki alıntı sonrası metnin alt kısmıyla örtüşecektir.

Gelişmiş sekmesi altında, bölümün Z Dizini'ni 12'ye güncelleyerek kaplama bölümünün sayfadaki diğer öğelerin üzerinde kaldığından emin olun.

• Z İndeksi: 12

Bölüm 4: Kullanıcının Oturum Açma Durumuna Göre Öğelere Görüntüleme Koşulları Ekleme

Artık alıntı sonrası satırı ve kaplama bölümü (CTA ve Giriş formuyla birlikte) tamamlandığında, kullanıcının oturum açma durumuna göre öğeleri gizlemek ve göstermek için Divi'nin yerleşik koşul seçeneklerini kullanmaya hazırız.

Oturum Açmış Kullanıcılar için Tam Gönderi İçeriğini Göster

İlk olarak, içerik gönderisi modülünü içeren satırı yalnızca oturum açmış kullanıcılara göstermek için bir görüntüleme koşulu ekleyeceğiz.

Bunu yapmak için, satır ayarlarını açın ve Gelişmiş sekmesi altında yeni bir görüntüleme koşulu eklemek için tıklayın.

Açılır menü altında, “Oturum Açıldı Durumu” seçeneğini seçin.

Oturum Açma Durumu ayarları açılır penceresinde, seçeneğin Yalnızca Kullanıcı Oturum Açtığında Görüntüle olarak ayarlandığından emin olun. Ardından değişiklikleri kaydedin.

Oturumu Kapatmış Kullanıcılar için Gönderi Alıntı Satırını Göster

Gönderi içeriği şu anda çıkış yapan kullanıcılara gizliyken, bunun yerine çıkış yapan kullanıcılara gönderi alıntı içeriğini içeren satırı göstermemiz gerekir.

Bunu yapmak için, gönderi alıntısını içeren satırın ayarlarını açın ve Gelişmiş sekmesi altında yeni bir görüntüleme koşulu eklemek için tıklayın.

Açılır menü altında, “Oturum Açıldı Durumu” seçeneğini seçin.

Oturum Açma Durumu ayarları açılır penceresinde, Yalnızca Kullanıcı Oturumu Kapatırsa Görüntüle seçeneğini belirlediğinizden emin olun ve seçin.

Ardından değişiklikleri kaydedin.

Oturumu Kapatmış Kullanıcılar için Yer Paylaşımlı CTA Bölümünü Göster

Alıntı sonrası içeriğe ek olarak, oturumu kapatan kullanıcılara yer paylaşımlı CTA bölümünü de göstermek istiyoruz. Bu onlara bir üyelik için kaydolma ve/veya makalenin tamamını görüntülemek için giriş yapma fırsatı verecektir.

Bunu yapmak için, CTA ve Giriş formunu içeren bölümün ayarlarını açın.

Gelişmiş sekmesi altında, yeni bir görüntüleme koşulu eklemek için tıklayın.

Açılır menü altında, “Oturum Açıldı Durumu” seçeneğini seçin.

Oturum Açma Durumu ayarları açılır penceresinde, Yalnızca Kullanıcı Oturumu Kapatılırsa Görüntüle seçeneğini belirlediğinizden emin olun ve seçin.

Ardından değişiklikleri kaydedin.

Oturumu Kapatmış Kullanıcılar İçin Ek Öğeleri Gizleme

Gönderi içeriğine ek olarak, gönderi içeriğini oluşturan ek bölümleri veya öğeleri de (ilgili gönderiler, yorumlar vb.) gizlemek isteyebilirsiniz. Ek gönderi öğelerini gizlemek için, gizlemek istediğiniz tüm bölümleri seçmek üzere Divi'nin çoklu seçim özelliğini kullanın, ardından öğelerden birinin ayarlarını açın ve yeni bir görüntüleme koşulu ekleyin. Oturum Açma Durumu koşulunu seçin ve Yalnızca Kullanıcı Oturum Açtığında Görüntüle olarak ayarlandığından emin olun. Ve değişiklikleri kaydedin.

Bölüm 5: Alıntı Gönderi İçeriğini Özelleştirme

Varsayılan olarak, alıntı sonrası dinamik içerik, yazı içeriğinin küçük bir parçasını görüntüler. Ancak, istediğiniz içeriği görüntülemek için alıntı sonrası içeriği özelleştirebilirsiniz. Bunu yapmak için, yayınlarınızdan herhangi birini düzenleyin ve HTML içeriğini, yazı düzenleyici seçenekleriyle kenar çubuğundaki Alıntı düğmesinin altına ekleyin.

Son sonuç

Nihai sonucu görüntülemek için, oturumunuz kapalıyken bir blog gönderisinin canlı sürümünü açın. Gönderi alıntısını ve CTA bölümü yer paylaşımını görmelisiniz.

Giriş formunu kullanarak giriş yaptığınızda, tüm gönderi içeriğini ve gizlemek için seçtiğiniz ek bölümleri gösteren aynı gönderiye yönlendirileceksiniz.

Son düşünceler

Umarım bu eğitim, Divi sitenizde üyelere özel blog gönderilerini kolaylıkla almak için ihtiyaç duyduğunuz işlevselliği elde etmenize yardımcı olur. Unutmayın, üyelere özel bu blog gönderisi şablonunu belirli gönderilere, belirli kategorilerdeki gönderilere veya site genelindeki tüm gönderilere atamak için her zaman Divi'nin tema oluşturucu seçeneklerini kullanabilirsiniz.

Yorumlarda sizden haber bekliyorum.

Şerefe!