Divi Ürün Öne Çıkan: DiviCity

DiviCity, Divi Marketplace'te bulunan tek sayfalık bir Divi düzenidir. Birçok farklı türde web sitesi için kullanılabilen, tamamen duyarlı ve özelleştirilebilir çok yönlü bir tasarıma sahiptir. Bu öne çıkan üründe, DiviCity düzenine bir göz atacağız ve sizin için doğru düzen olup olmadığına karar vermenize yardımcı olacağız.

Başlayalım!

DiviCity'yi Yükleme

DiviCity, Divi Visual Builder .json dosyalarını içeren bir ZIP dosyası olarak gelir. Düzeni yüklemek için, dosyayı sıkıştırarak açın. Ardından, sayfanızı Divi Builder'da açın.

Sayfanın altındaki taşınabilirlik seçeneğine tıklayın ve içe aktar sekmesini seçin. Ardından, DiviCity düzeni için .json dosyasını seçin ve düzeni içe aktarmaya başlayın. Düzen içe aktarıldıktan sonra tek yapmanız gereken içeriği kendi içeriğinizle değiştirmek ve web siteniz tamam!

DiviCity

DiviCity, tek sayfalık bir Divi Builder düzeninden oluşur. Hiçbir demo görüntüsü olmadan gelir, bu yüzden bu makalenin amacı için kendiminkini ekledim. Bu düzen ile gelen bölümlere bir göz atalım!

DiviCity Başlık Bölümü

Başlık, altta açılı bir ayırıcı bulunan büyük bir resimden oluşur. Başlık, bir düğmenin yanı sıra alt başlık ve başlık metni özelliklerine sahiptir. Metin bir yükleme animasyonu efektine sahiptir. Başlık bölümünün alt kısmında iki kutu bulunur. Her kutuda bir miktar başlık metni, bir ayırıcı çizgi, gövde metni ve bir düğme bulunur. Bu kutuların ayrıca bir yükleme animasyonu vardır ve üzerine gelindiğinde genişler. Son olarak, aşağıda bir simge, başlık metni ve gövde metni bulunan dört tanıtım yazısı modülü vardır. Tanıtım yazısı modülleri, sayfa yüklenirken birer birer ortaya çıkar. Bu başlık düzeni, ziyaretçilerinize bir bakışta işinizle ilgili temel bilgileri veren harika görünümlü, ilgi çekici bir başlık bölümü oluşturmak için kendi fotoğraflarınız ve içeriğinizle kolayca özelleştirilebilir.

DiviCity Hakkında Bölümü

Hakkında bölümünde bir giriş metni, solda bir başlık ve sağda bir resim bulunur. Bu öğelerin her ikisi de bir solma animasyonuna sahiptir ve merkeze doğru hareket eder. Aşağıda, bir resim ve bir başlık ve bazı gövde metni içeren bir metin bloğu içeren üç tam genişlikte bölüm bulunmaktadır. Bu bölümlerin her birinin bir yükleme animasyonu efekti de vardır.

DiviCity Blog Bölümü

Varsayılan olarak, blog bölümü, öne çıkan resim ve gönderi bilgileriyle birlikte son üç gönderiyi listeleyen basit bir son gönderiler modülüne sahiptir. Bu bölümde bazı başlık metni ve gövde metni de bulunmaktadır. Bu bölümde solma animasyonu bulunur.

Alternatif olarak, ücretsiz Divi Article Cards eklentisini yükleyerek düzen demosunda yer alan tasarımı elde edebilirsiniz. Eklenti sitenize yüklenip etkinleştirildikten sonra, WordPress kontrol paneli menüsünden Divi 100 ayarlarını açın. Makale kartını etkinleştirin, ardından kaydet'i tıklayın.

Şimdi DiviCity sayfasındaki blog modülleri yukarıdaki düzen gibi görünmelidir.

DiviCity Numaraları Bölümü

Sayılar bölümünde, bir görüntü arka planında dört çubuk sayacı bulunur; sayfa yüklenirken sayı sayaçları yüklenir.

DiviCity Ne Yapmalı Bölümü

Bu bölümde bir başlık ve bazı gövde metni bulunur. Bunun altında her biri bir resim, başlık ve gövde metni içeren iki alt bölüm vardır. Bu bölüm, işinizin özelliklerini, hizmetlerini veya diğer yönlerini göstermek için kullanılabilecek çok yönlü bir düzendir.

DiviCity Nerede Yapılır Bölümü

Bu bölüm aynı zamanda çok yönlüdür ve bir başlık, gövde metni ve bir resim, biraz metin, biraz kısa açıklama metni ve fareyle üzerine gelindiğinde görünen bir kenarlık içeren üç tanıtım yazısı içerir. Görüntü, fareyle üzerine gelindiğinde de yakınlaşır. Bu tanıtım yazılarını web sitenizdeki başka bir sayfaya veya bölüme bağlantı vermek veya yalnızca bazı özellikleri veya bilgileri görüntülemek için kullanabilirsiniz.

DiviCity Bizi Ziyaret Edin Bölümü

Ardından, Bizi Ziyaret Edin bölümü, her biri bir simge, başlık metni ve gövde metni içeren altı tanıtım yazısı modülü içerir. Hizmetlerinizin daha fazla özelliğini veya yönünü vurgulamak veya yoğun metni ayrı başlıklar ve simgelerle bölmek için bu bölümü özelleştirebilirsiniz. Tanıtım yazısı modüllerinin hepsinde bir yakınlaştırma animasyonu bulunur.

DiviCity İletişim Bölümü

Son olarak, iletişim bölümü, üç sosyal medya simgesi olan turuncu bir şeritle başlar. Aşağıda, solda büyük başlık metni ve sağda form bulunan iletişim formu bölümü bulunmaktadır. İletişim bölümü, koyu kaplamalı büyük bir resim arka planına sahiptir. Bu bölümde ayrıca bir çevirmeli yükleme animasyon efekti bulunur ve sosyal medya simgeleri kaybolur.

DiviCity Mobil Düzeni

DiviCity tamamen tablet ve mobil uyumludur. Birkaç bölümün mobil versiyonuna bir göz atalım.

Birincisi, büyük bir resim arka planı, başlık metni ve düğmesi olan başlık bölümüdür. İlk metin kutusu başlığı kaplar ve başlık bölümünün içeriğinin geri kalanı aşağıdan gelir.

Bu, metin içeren bazı bölümlerle ayrılmış resimlerin yer aldığı mobil hakkında bölümünün bir parçasıdır.

Bu, “Nerede Yapılır” bölümünün mobil versiyonudur. En üstte büyük bir resim, başlık metni, gövde metni ve ardından her birinde bir etiket bulunan üç resim bulunur.

Ve son olarak, bu mobil alt bilgidir. Masaüstü sürümünde olduğu gibi, sosyal medya simgelerinin bulunduğu turuncu bir çubuk ve ardından resim arka planı, metin ve iletişim formu içeren altbilgi bölümü bulunur.

DiviCity'yi satın al

DiviCity, Divi Marketplace'te mevcuttur. Sınırsız web sitesi kullanımı ve ömür boyu güncellemeler için 19 ABD dolarıdır. Fiyat ayrıca 30 günlük para iade garantisi içerir.

Son düşünceler

DiviCity, inanılmaz derecede çok yönlü olan basit ve harika görünen bir web sitesi düzenidir. Divi ile oluşturulduğundan, düzeni kendi kullanımınız için özelleştirmek kolay ve sezgiseldir. Mizanpaj boyunca yükleme animasyonları ve fareyle üzerine gelme efektleri hoş ve uyumlu görünüyor ve sayfa içeriğinden veya kullanılabilirlikten çok rahatsız edici değil. Mizanpajda kullanılan tipografinin yanı sıra tasarım boyunca büyük resimlerin kullanılmasını da seviyorum. Bir sonraki Divi projeniz için tek sayfalık basit bir web sitesi düzeni arıyorsanız, bu sizin için doğru ürün olabilir.

Sizden haber almak isteriz! DiviCity'i denediniz mi? Yorumlarda bunun hakkında ne düşündüğünüzü bize bildirin!