Divi ile Örnek Olayları Düzenlemek için Filtrelenebilir Portföy ve Gezinme Sonrası Nasıl Kullanılır

Vaka çalışmaları son derece değerli bir pazarlama aracı olabilir. Tüketiciler iyi bir vaka çalışmasını severler çünkü iyi bir hikayeyi severler. Ve öyle görünüyor ki, en iyi hikayeleri anlatan şirketler/markalar, özellikle hikayeleri kaliteli ürün ve hizmetlerle destekleniyorsa, en iyi pazarlamacılardır. Web sitenizde dünyayla paylaşmak istediğiniz çok sayıda harika vaka çalışmanız varsa, bunları ziyaretçileriniz için nasıl organize etmek istediğiniz konusunda biraz düşünmeniz yardımcı olur.

Bu kullanım örneği eğitiminde, vaka çalışmalarınızı organize etmek için post-navigasyon ile nasıl filtrelenebilir bir portföy oluşturacağınızı göstereceğim. Bunu yapmak için, mizanpajın tasarımına uyan bir portföy ızgarası tasarlamak için Divi'nin Filtrelenebilir Portföy Modülünü kullanacağım ve kullanıcılar için daha kolay hale getirmek için sonraki ve önceki bağlantıları sağlamak için Gezinme Sonrası Modülünü kullanacağım. aynı kategorideki vaka çalışmalarına göz atmak için.

Gizlice Bakış

İşte oluşturacağım portföy sayfasının bir önizlemesi ve navigasyon sonrası.

Bu Eğitim İçin İhtiyacınız Olan Şeyler

Bu kullanım örneği öğreticisi için aşağıdakileri kullanacaksınız:

1. Divi Teması
2. Divi Hukuk Bürosu Düzen Paketi (Divi'ye dahildir)
3. Divi Filtrelenebilir Portföy Modülü (Divi'ye dahildir)
4. Divi Posta Navigasyon Modülü (Divi ile birlikte verilir)

Vaka Çalışmalarınız için Proje Kategorileri Oluşturma

Normal blog gönderisi türüne ek olarak Divi'de, normal blog gönderilerinde yaptığınız gibi projeleri düzenlemenize olanak tanıyan ek bir proje gönderi türü vardır. Projelerimin/vaka incelemelerinin kategoriye göre düzenlenmesine ihtiyacım olacağından, proje gönderileri olarak yeni vaka çalışmaları eklemeye başlamadan önce proje kategorilerini eklememize yardımcı olur.

Yeni bir proje kategorisi eklemek için WordPress panonuza gidin ve Projeler > Kategoriler'e gidin. Ardından yeni kategoriniz için ad ve bilgi girin ve Yeni Kategori Ekle düğmesini tıklayın.

Bunu kullanmak isteyeceğiniz her kategori için yapmanız gerekecektir.

İşte bu özel Hukuk Bürosu kullanım durumu için kullandığım kategorilerin bir listesi.

• antitröst
• İnşaat Davası
• Telif hakkı yasası
• Çevre Hukuku
• Gayrimenkul Davası

Vaka Çalışmalarını Yeni Projeler Olarak Ekleme

Proje kategorileriniz hazır olduğunda, yeni projeler olarak vaka çalışmaları oluşturmaya başlayabilirsiniz. Hukuk Bürosu Düzen paketinde zaten bir Vaka Çalışması sayfa düzeni bulunduğundan, bu düzeni proje gönderilerimiz için kullanabiliriz.

Vaka Çalışması Proje Düzeninizi Oluşturma

Vaka Çalışması proje düzeninizi oluşturmak için Projeler > Yeni Ekle'ye gidin.
Yeni Proje Ekle sayfasında vaka çalışması için bir başlık girin ve Proje Kategorinizi atayın. Gönderinizin portföy ızgarasında görüntülenmesi için öne çıkan bir resim de eklemek isteyebilirsiniz, ancak bu eğitimde, otomatik olarak bir küçük resim oluşturmak için gönderiden çekeceğim (bununla ilgili daha fazla bilgi daha sonra).

Ardından Visual Builder'ı dağıtın.

Artık Hukuk Bürosu Vaka Çalışması sayfa düzeninizi içe aktarmaya hazırsınız. Sayfanın altındaki ayarlar menüsünü açın. Kütüphaneden Yükle düğmesini tıklayın ve Hazır Düzenler sekmesinden Hukuk Bürosu Vaka Çalışması Sayfa Düzenini kullanmayı seçin.

Sayfa içe aktarıldıktan sonra devam edin ve Sayfa Başlığını ilgili Vaka Çalışmasının Başlığı ile güncelleyin.

Vaka Çalışması Sayfalarınıza Gönderi Gezintisi Ekleme

Gezinme sonrası modülüne aşina değilseniz, temel olarak gönderilerinize sonraki ve önceki bağlantıları ekler. Bu, ana vaka çalışması portföy sayfasına geri dönmek zorunda kalmadan sonraki ve önceki vaka çalışmalarına tıklamanıza olanak tanır. Ayrıca, gönderi navigasyon modülü, genel olarak tüm gönderiler yerine aynı kategorideki diğer gönderilere bağlantı vermenizi sağlar. Bu nedenle, kullanıcı belirli bir kategorideki bir vakayı görüntülemeyi seçerse, ilgileriyle ilgili diğer vakaları görüntülemek için ileri geri gidebilir. Bu genellikle bloglarda yapılır, ancak Hukuk Bürosu vaka çalışmaları için de işe yarayabilir.

Proje gönderinize navigasyon sonrası eklemek için, başlığı tutan metin modülünün altına yeni bir tek sütunlu satır ekleyin ve ardından satıra bir navigasyon sonrası modülü ekleyin.

NOT: Başka proje gönderilerimiz olmadan önce bu gönderi düzenine Gezinme Sonrası Modülünü ekliyoruz. Bu, bağlantı kurabileceğiniz başka proje gönderileriniz olmayacağı anlamına gelir. Ancak bu düzeni örnek olay incelemelerimizin geri kalanı için kullanacağımızdan, daha sonra her birine eklemek zorunda kalmamak için navigasyon sonrası şimdi eklemek istedim.

Gezinme Sonrası İşlevselliğini Ayarlama

Gezinme sonrası ayarlarının içerik sekmesi altında, önceki ve sonraki bağlantılarınız için ("sonraki" ve "önceki" gibi) özel metin ekleme seçeneğiniz vardır. Varsayılan olarak modül, değiştirmediğiniz sürece gönderi başlığını bağlantı metni olarak gösterecektir. Kullanıcılara aynı kategoride vaka çalışmalarını görüntülediklerini daha açık hale getirmek için, bu gönderi için aşağıdaki özel bağlantı metnini ekleyeceğim (çünkü İnşaat Davası kategorisindedir):

Önceki Bağlantı Metni: “Önceki İnşaat Örneği”
Sonraki Bağlantı Metni: “Bir Sonraki İnşaat Örneği”

Ardından navigasyonu aynı kategoride tutmak için seçin.

Posta Gezinti Modülünüzü Şekillendirme

Tasarım sekmesi altında, navigasyon sonrası modülünüzü aşağıdakilerle biçimlendirin:

Bağlantı Yazı Tipi Stili: TT
Bağlantı Metin Rengi: #ffba60
Bağlantılar Harf Aralığı: 2px

Özel Dolgu: 10px Üst, 10px Sağ, 10px Alt, 10px Sol
Kenar Genişliği: 1px
Kenar Rengi: #ffba60

Ayarları kaydet.

Bağlantılarınıza nefes alması için biraz daha yer açmak için satır ayarlarına gidin ve satırı tam genişlikte yapmayı seçin.

Düzeni Divi Kitaplığına Kaydet

Artık proje gönderilerinizin geri kalanı için kullanacağınız vaka çalışması düzenini bitirdiğinize göre, onu Divi kitaplığınıza kaydedin. Görsel oluşturucunun altındaki ayarlar menüsünü açın, ardından Kitaplığa Kaydet simgesini tıklayın. Açılan Kitaplığa Ekle kutusunda, düzen için bir ad girin ve Kitaplığa Kaydet'i tıklayın.

Yeni Düzen ile Vaka Çalışması Gönderilerinin Geri Kalanını Oluşturun

Artık düzeni kitaplığınıza kaydettiğinize göre, bu düzeni kullanarak yeni proje gönderileri eklemeye devam edebilirsiniz. Yalnızca, oluşturduğunuz gönderinin kategorisini yansıtacak şekilde gönderi navigasyon modülü bağlantı metninizi güncellediğinizden emin olun. Örneğin, “Telif Hakkı Yasası” kategorisiyle yeni bir gönderi oluşturursanız, gönderi gezinme metin bağlantılarınızda “Önceki Telif Hakkı Davası” ve “Sonraki Telif Hakkı Davası” yazmalıdır.

Bir kategoride bağlantı kurabileceğiniz yeterli sayıda gönderiye sahip olduğunuzda, yeni vaka incelemesi gönderiniz şöyle görünecektir:

Proje gönderileri için bu kadar.

Gönderi Küçük Resimlerinizi Gönderilerinizdeki İlk Resmi Çekecek Şekilde Ayarlama

Daha önce de belirtildiği gibi, proje gönderilerini oluştururken öne çıkan bir resim belirlemedim. Bunun yerine, asıl gönderideki ilk resmi, otomatik olarak küçük resim olarak kullanılacak şekilde kullanacağım. Bunu yapmak için Divi > Tema Seçenekleri'ne gidin ve "İlk gönderi görüntüsünü al" seçeneğini etkinleştirin.

Filtrelenebilir Portföy Sayfanızı Oluşturma

Bu noktada, örnek olay incelemelerinizi görüntülemek için filtrelenebilir portföy sayfanızı oluşturmak için yeterli kategoriye ve gönderiye sahip olmalısınız.

Yeni bir sayfa oluşturun, ona bir başlık verin ve görsel oluşturucuyu açın. Ardından Hukuk Bürosu Hizmetleri Sayfa Düzenini yükleyin.

Düzen yüklendikten sonra Başlığı “Örnek Çalışmalarımız” olarak güncelleyin. İkinci bölümde (başlığın altında), satırı tek sütunlu bir yapıya dönüştürün ve satırdaki mevcut tüm modülleri silin. Ardından filtrelenebilir portföy modülünüzü ekleyin.

Filtrelenebilir portföy modülü ayarlarını aşağıdaki gibi güncelleyin:

Portföye dahil edilecek tüm Kategorileri seçin.

Düzen: Izgara
Yakınlaştırma Simgesi Rengi: #ffba60
Vurgulu Bindirme Rengi: rgba(84,95,102,0.92)

Ardından, aşağıdakilerle bir Sol Kenarlık ekleyin:

Resim sol Kenarlık genişliği: 2vw
Görüntü Sol Kenarlık Rengi: #ffba60

Ardından başlığı ve meta metni özelleştirin.

Başlık Yazı Tipi Ağırlığı: Yarı Kalın
Başlık Metin Rengi: #545f66
Başlık Harf Aralığı: 1px
Başlık Satırı Yüksekliği: 1.5em

Filtre Ölçütleri metnini güncelleyin.

Filtre Kriter Ağırlığı: Yarı Kalın
Filtre Ölçütü Metin Boyutu: 16px
Filtre Ölçütü Metin Rengi: #545f66

Son olarak, meta metni ve sayfalama metni rengini #ff9000 olarak değiştirin.

İhtiyacınız Olmayan Bölümleri Silme

Artık tek yapmanız gereken, ihtiyacınız olmayan bölümleri silerek düzenin geri kalanını temizlemek.

İşte nihai sonuç.

Küçük resimlerin hepsinin aynı olduğuna dikkat edin, çünkü her gönderide aynı ilk resmi çekiyorlar.

Şimdi, kılavuzun üzerindeki filtre bağlantılarına tıklayarak vaka çalışmalarını filtreleyebilmelisiniz. Belirli bir vaka çalışmasını seçtikten sonra, aynı kategorideki sonraki ve önceki gönderilere gitme seçeneğine sahip olacaksınız.

Son düşünceler

Sonuç olarak, vaka çalışmalarınızı veya projelerinizi nasıl düzenlediğiniz, kullanıcıların içeriğinizle nasıl etkileşimde bulunduğu konusunda büyük bir fark yaratabilir. Umarım bu kullanım örneği size bir sonraki projenizde size yardımcı olacak birkaç seçenek sunmuştur.

İlgileniyorsanız, web sitemizdeki dokümantasyon alanımızda filtrelenebilir portföy modülü ve navigasyon sonrası modül hakkında daha fazla dokümantasyon bulunmaktadır.

Yorumlarda sizden haber bekliyorum.

Şerefe!