Divi's Babysitter Layout Pack ile Profil Sayfalarına Yıldız İncelemeleri Nasıl Eklenir

Her hafta size bir sonraki projeniz için kullanabileceğiniz yeni ve ücretsiz bir Divi yerleşim paketi sunuyoruz. Her düzen paketiyle birlikte, web sitenizi bir sonraki düzeye taşımanıza yardımcı olacak bir kullanım örneği de paylaşıyoruz.

Bu hafta, devam eden Divi tasarım girişimimizin bir parçası olarak, size Divi'nin yeni ve ücretsiz Bebek Bakıcısı Düzen Paketi ile profil sayfalarına nasıl yıldız incelemeleri ekleyeceğinizi göstereceğiz. Bu şekilde, ne zaman biri şirketinizdeki farklı bebek bakıcılarına baksa, insanların geçmişte onların varlığına nasıl tepki verdiğini de görebilirler. Bu, muhtemelen her bebek bakıcısının güvenilirliğini artıracak ve olası satışları çok daha hızlı dönüşümlere dönüştürmenize yardımcı olacaktır.

Gizlice Bakış

Bölüm 1: Site İnceleme Eklentisini İndirin

1. Adım: Eklentiyi İndirin

Yapmanız gereken ilk şey, aşağıdaki bağlantıya gidip indirme düğmesine tıklayarak Site İncelemeleri adlı bu süper harika ve ücretsiz eklentiyi indirmek.

2. Adım: Eklentiyi Yükleyin ve Etkinleştirin

Ardından, eklentiyi yükleyin ve onu da etkinleştirdiğinizden emin olun.

Bölüm 2: Profil Sayfasının Alt Menü Öğeleri Olarak Eklenmesi

Adım 1: Menülere Git

Bebek Bakıcısı Düzen Paketinin her bir düzenini zaten bir sayfa olarak eklediğinizi ve bu sayfalarla da bir birincil menü oluşturduğunuzu varsayıyoruz. Ancak küçük bir değişiklik yapacağız. Bu değişikliği yapmak için WordPress Panonuz > Görünüm > Menüler'e giderek menünüze gidin.

2. Adım: Profil Sayfalarını Takım Sayfasının Altına Sürükleyin

Bebek bakıcısı web sitenizin sahip olduğu profil sayısına bağlı olarak, bunları ekip sayfanızın alt menü öğeleri olarak kullanın.

Bölüm 3: Site İnceleme Eklenti Ayarlarını Değiştirin

1. Adım: Site İncelemeleri Eklenti Ayarlarına gidin

Ardından, Site İncelemeleri > Ayarlar'a giderek eklentide bazı küçük değişiklikler yapabilirsiniz.

2. Adım: Genel Tercihlerinizi Seçin

Genel sekmesinde, incelemelere uygulamak istediğiniz ayarları seçin. Bu seçeneklerden biri, incelemeler için onay vermenizi sağlar. Web sitenizde neyin görünüp neyin görünmediğini tam olarak kontrol etmek için bu seçenek için 'evet'i seçmeniz en iyisidir.

3. Adım: Avatarları Etkinleştir

Bebek bakıcılarınızın güvenilirlik faktörünü artırmak için yorumlar sekmesinde avatarları da etkinleştirebilirsiniz.

Bölüm 4: Her Profil için Boş Gönderiler Oluşturun ve Yayınlayın

Adım 1: Her Profil için Yeni Gönderi Oluşturun

Site İncelemeleri eklentisi, incelemeleri farklı gönderilere bağlamanıza olanak tanır. Ancak, profil sayfalarımız için sayfaları kullanıyoruz. Bu nedenle, web sitenizde gösterdiğiniz bebek bakıcısı sayısıyla eşleşen bazı boş gönderiler oluşturmanız gerekecek. Bunu yapmak için Gönderiler > Yeni Ekle'ye gidin ve sahip olduğunuz bebek bakıcılarının her biri için bu adımı tekrarlayın .

2. Adım: Bunları Yayınlayın

Gönderilerinize bir başlık verin ve hemen ardından yayınlayın. Ancak merak etmeyin, tüm adımları tamamladıktan sonra incelemeleri kaybetmeden onları yeniden taslağa koyabileceğiz. Kısa kodların bir sayfada çalışması için eklentinin belirli bir blog gönderisine bağlanması yeterlidir.

Bölüm 5: Profil Sayfasına Site İnceleme Kısa Kodları Ekleme

1. Adım: Arka Uç Oluşturucu ile Profil Sayfasını Açın ve İncelemeler Bölümünü Bulun

Artık inceleme kısa kodlarını profil sayfamıza eklemeye başlayabiliriz. İki şey ekleyeceğiz; son incelemeler ve bir inceleme formu gönderin. Kısa kodları sayfamıza eklemek için arka uç oluşturucuyu kullanmamız gerekecek. Daha sonra, görünümde değişiklik yapmak için Görsel Oluşturucu'ya geçeceğiz. Şimdi, arka uç oluşturucuyu kullanarak sayfanızda aşağıdaki bölümü bularak başlayın:

2. Adım: Mevcut Metin Modülünü Son İnceleme Kısa Koduyla Değiştirin (Arka Uç Oluşturucu)

Ardından, aşağıdaki Metin Modülünü açın:

İçerik kutusundaki tüm içeriği silin, yıldız simgesine tıklayın ve 'Son Site İncelemeleri'ni seçin. Bu seçenek, farklı incelemelerin sayfanızda görünmesini sağlar.

'Son Site İncelemeleri' düğmesini tıkladıktan sonra, aşağıdaki ayarları kullanın ve ardından 'Kısa Kod Ekle'yi tıklayın:

• Sayı: 3
• Gönderi Kimliği: 1 (yorumların o profil sayfasına özgü olduğundan emin olmak için başka bir bebek bakıcısı profili sayfasını her düzenlediğinizde bu gönderi kimliğinin değişmesi gerekir)

3. Adım: İnceleme Gönder Kısa Koduyla Yeni Metin Modülü Ekleme (Arka Uç Oluşturucu)

Ardından, bu bölümün ikinci satırının ilk sütununa yeni bir Metin Modülü ekleyin:

Ardından yıldız simgesine tekrar tıklayın ve 'Site İncelemesi Gönder'i seçin. Bu kısa kod, insanların özellikle o bebek bakıcısı hakkında sahip oldukları bir incelemeyi göndermelerine olanak tanıyan bir başvuru formunun görünmesini sağlayacaktır.

Bu eğitimin önceki adımındaki son incelemeler için yaptığınız gibi, bu kısa koda aynı Posta Kimliği numarasını eklediğinizden emin olun. Sayfada yalnızca doğru incelemelerin göründüğünden emin olmak için son incelemelerin ve inceleme gönderme formunun aynı gönderi kimliğine sahip olması gerekir. İhtiyaçlarınıza bağlı olarak, gönderim formunun belirli öğelerini de gizleyebilirsiniz.

4. Adım: Visual Builder'a Geçin

Artık gerekli iki kısa kodu da eklediğimize göre, bazı görünüm değişiklikleri yapmak için Visual Builder'a geçebiliriz.

Adım 5: Metin Ayarlarını Değiştirin Son İncelemeler Kısa Kodu

Değiştireceğimiz ilk Metin Modülü, son incelemeleri içeren modüldür. Ayarları açın, Tasarım sekmesindeki Metin alt kategorisine gidin ve Bebek Bakıcısı Düzen Paketinin tamamıyla eşleşen aşağıdaki değişiklikleri uygulayın:

• Metin Yazı Tipi: Nunito
• Metin yazı tipi Ağırlık: Kalın
• Metin Rengi: #262f71

6. Adım: Başlık Metni Ayarlarını Değiştirin Son İncelemeler Kısa Kodu

Aynı sekmeyi aşağı kaydırın, Başlık Metni alt kategorisini açın, H3 sekmesine geçin ve ardından aşağıdaki ayarları uygulayın:

• Başlık 3 Yazı Tipi: Nunito
• Başlık 3 Yazı Tipi Ağırlığı: Kalın
• Başlık 3 Metin Rengi: #88d4f2

7. Adım: Metin Ayarlarını Değiştirin İnceleme Kısa Kodunu Gönderin

İncelemeyi gönder Metin Modülü, Metin alt kategorisinde de bazı değişikliklere ihtiyaç duyacaktır:

• Metin Yazı Tipi: Nunito
• Metin Yazı Tipi Ağırlığı: Kalın
• Metin Rengi: #262f71

8. Adım: İncelemeyi Gönder Düğmesi için Sayfaya Özel CSS Ekleme

Gönderim formundaki düğmeyi bebek bakıcısı düzen paketiyle eşleştirmek için biraz CSS kodu uygulamamız gerekecek. Üçüncü taraf bir eklenti kullandığımız için bu değişikliği Divi Builder'ın kendisinde yapamıyoruz. Bu CSS kodunu sayfanıza eklemek için sayfanızın alt kısmında bulunan ikona tıklayın ve ayarları açın.

Ardından, Gelişmiş sekmesine gidin ve aşağıdaki CSS kod satırlarını Özel CSS kutusuna ekleyin:

input[class="button button-primary"] {
background-color: #88D4F2;
color: white;
border: none;
padding-bottom: 14px;
padding-top: 14px;
padding-left: 24px;
padding-right: 24px;
border-radius: 10px;
font-family: 'nunito';
font-weight: bold;
}

9. Adım: Adımları Her Profil İçin Tekrar Edin ve Posta Kimliği Numarasını Değiştirin

Sen bittin! Yapılması gereken tek şey profil sayfasını kaydetmek ve görsel oluşturucudan çıkmak. Web sitenizde birden fazla bebek bakıcısı profiliniz varsa, bu işlemi profil sayfalarının her biri için tekrarlamanız gerekecektir. Kısa kodları eklerken; şunu unutma:

• Gönderi Kimliği numarasını değiştirin (yayınladığınız gönderilerin sayısına göre 1'den 2'ye 3'e gidin)
• Hem inceleme gönder kısa kodu hem de son incelemeler kısa kodu için Posta Kimliği numarasını değiştirin

Bölüm 6: Tüm Profiller Tamamlandığında, Gönderilerden Taslaklar Yapın

1. Adım: Gönderilerden Taslaklar Yapın

Tüm profillerinizi oluşturmayı tamamladığınızda, devam edebilir ve blog gönderilerinin her birini taslağa koyabilirsiniz. Gönderilere yalnızca incelemeleri etkinleştirmek ve farklı profillere özgü olduklarından emin olmak için ihtiyacımız vardı. Blog gönderilerini kaldırmak, incelemelerin artık çalışmamasına neden olabilir, bu nedenle onları taslak haline getirmek güzel bir alternatiftir.

Son düşünceler

Bu gönderide, yeni Bebek Bakıcısı Düzen Paketi ve ücretsiz Site İnceleme eklentisini kullanarak her bebek bakıcısı profil sayfasına nasıl yıldız incelemeleri ekleyeceğinizi gösterdik. Bu kullanım örneği, tasarım ekibimizin her hafta sizinle yeni bir düzen paketi paylaştığı devam eden Divi girişimimizin bir parçasıdır. Eğer sorunuz varsa; Aşağıdaki yorum bölümünde bir yorum bıraktığınızdan emin olun!