Divi'nin Portföy modülü ile işlerinizi sitenizin herhangi bir yerinde herhangi bir sütun yapısı ile gösterebilirsiniz. Bu eğitimde size Divi'de cüzdan modülünü nasıl kullanacağınızı göstereceğim.
Divi Cüzdan modülü nasıl eklenir?
Sayfanıza bir portföy modülü eklemeden önce Divi Builder'a atlamanız gerekir. Bir kere Divi teması senin üzerine kurulu Site Web, bir düğme göreceksiniz Divi Builder'ı Kullan yeni bir sayfa oluşturduğunuzda yayın düzenleyicisinin üzerinde. Divi Builder'ı etkinleştirmek ve tüm Divi Builder modüllerine erişmek için bu düğmeye tıklayın. Ardından düğmeye tıklayın Visual Builder'ı kullan Jeneratörü görsel modda başlatmak için. Düğmeye de tıklayabilirsiniz Visual Builder'ı kullan göz attığınızda Site Web WordPress kontrol panelinize giriş yaptıysanız ön planda.
Visual Builder'a girdikten sonra, sayfanıza yeni bir modül eklemek için gri artı düğmesini tıklayabilirsiniz. Yeni modüller yalnızca satırların içine eklenebilir. Yeni bir sayfaya başlıyorsanız, önce sayfanıza bir satır eklemeyi unutmayın.
Portföy modülünü modüller listesinde bulun ve sayfanıza eklemek için üzerine tıklayın. Modül listesi aranabilir, yani portföy modülünü otomatik olarak bulup eklemek için "portföy" kelimesini yazabilir ve ardından "Gir" düğmesine tıklayabilirsiniz! Modül eklendiğinde, modül seçenekleri listesi tarafından karşılanacaksınız. Bu seçenekler üç ana gruba ayrılmıştır: içindekiler , Gebe kalma et gelişmiş .
Örnek kullanım örneği: Bir portföy sayfasına bir portföy modülü ekleme
Bu örnekte size bir portföy sayfasında bir portföyü nasıl sunacağınızı göstereceğim.
Başlayalım.
Sayfa başlığının altına tam genişlikte (1 sütun) satır içeren normal bir bölüm eklemek için görsel oluşturucuyu kullanın. Ardından satıra filtrelenebilir bir portföy modülü ekleyin.
M-cüzdan ayarlarını aşağıdaki gibi güncelleyin:
İçerik seçenekleri
Makale sayısı: 8
Show Pagination: NO
Tasarım seçenekleri
Düzen: Izgara
Yakınlaştırma Renk Simgesi: #ffffff
Vurgulu Yerleşimi Rengi: rgba (224,153,0,0.58)
Başlık Yazı Tipi: Varsayılan, kalın, büyük harf
Başlık Yazı Tipi Boyutu: 14px
Başlık Mektubu boşluk: 1px
Meta yazı tipi boyutu: 12px
Meta harf aralığı: 1px
Gelişmiş seçenekler (özel CSS)
Portföy Başlığı:
text-align: center;
Meta Mesaj Portföyü:
text-align: center;
Bu kadar!
Portföy içeriği seçenekleri
İçerik sekmesinde, modülün metin, resimler ve simgeler gibi tüm içerik öğelerini bulacaksınız. Tüm kontroller ce qui modülünüzde beliren her zaman bu sekmede bulunur.
Ürün numarası
Görüntülenen proje sayısını kontrol edin Boş bırakın veya sayıyı sınırlamamak için 0 kullanın.
Kategorileri Dahil Et
Görüntülemek istediğiniz kategorileri seçin. Seçilmeyen kategorilerdeki projeler proje listesinde görünmeyecektir.
Başlığı göster
Fareyi proje öğesinin üzerine getirdiğinizde her projenin başlığının görüntülenip görüntülenmeyeceğini seçin.
Kategorileri göster
Burada kategori bağlantılarını etkinleştirebilir veya devre dışı bırakabilirsiniz.
Sayfalandırmayı görüntüle
Burada bu besleme için disk belleği etkinleştirebilir veya devre dışı bırakabilirsiniz.
Arka plan rengi
Modülünüz için özel bir arka plan rengi tanımlayın veya varsayılan rengi kullanmak için boş bırakın.
Arka plan resmi
Ayarlanırsa, bu görüntü bu modül için arka plan olarak kullanılacaktır. Bir arka plan resmini kaldırmak için, URL'yi ayarlar alanından kaldırmanız yeterlidir. Arka plan resimleri, arka plan renklerinin üstünde görünecektir; bu, bir arka plan görüntüsü uygulandığında arka plan renginin görünmeyeceği anlamına gelir.
Yönetici Etiketi
Bu, kolay tanımlama için yapıcıdaki modül etiketini değiştirecektir. WireFrame görünümünü Visual Builder'da kullandığınızda, bu etiketler Divi Builder arayüzünün modül bloğunda görünür.
Portföy modülü tasarım seçenekleri
Tasarım sekmesinde yazı tipleri, renkler, boyutlandırma ve aralık gibi tüm modül stil seçeneklerini bulacaksınız. Bu, modülünüzün görünümünü değiştirmek için kullanacağınız sekmedir. Her Divi modülünde, herhangi bir şeyi değiştirmek için kullanabileceğiniz uzun bir tasarım ayarları listesi vardır.
hüküm
Kullanmak istediğiniz düzeni seçin. "Kılavuz", tüm öğelerinizi çok sütunlu, çok satırlı bir düzende görüntüler. Tam genişlik, her projeyi büyük kesilmemiş ve geniş genişlikte görüntüler kullanarak kendi satırında görüntüler.
Yakınlaştırma simgesi rengi
Portföy modülünde bir öğenin üzerine geldiğinizde, bir kaplama simgesi görünür. Bu ayardaki renk seçiciyi kullanarak bu simge için kullanılan rengi ayarlayabilirsiniz.
Geçişte katman rengi
Portföy modülünde bir öğenin üzerine geldiğinizde, görüntünün üstünde ve portföy başlık metni ve simgesinin altında bir kaplama rengi belirir. Varsayılan olarak yarı saydam bir beyaz renk kullanılır. Farklı bir renk kullanmak istiyorsanız, bu ayardaki renk seçiciyi kullanarak rengi ayarlayabilirsiniz.
Fareyle üzerine gelme seçimi simgesi
Burada, bir ziyaretçi modüldeki portföy öğelerinin üzerine geldiğinde görüntülenecek özel bir simge seçebilirsiniz.
Metin rengi
Burada, metninizin açık mı yoksa koyu mı olacağını seçebilirsiniz.
Başlık yazı tipi
Açılır menüden istediğiniz yazı tipini seçerek başlık metninizin yazı tipini değiştirebilirsiniz. Divi, Google Yazı Tipleri tarafından desteklenen düzinelerce harika yazı tipiyle birlikte gelir. Varsayılan olarak Divi, sayfanızdaki tüm metinler için Open Sans yazı tipini kullanır. Kalın, italik, büyük harf ve altı çizili seçenekleri kullanarak metninizin stilini de özelleştirebilirsiniz.
Başlık Yazı Tipi Boyutu
Burada başlık metninizin boyutunu ayarlayabilirsiniz. Metninizin boyutunu artırmak veya azaltmak için aralık kaydırıcısını sürükleyebilir veya kaydırıcının sağındaki giriş alanına doğrudan istenen metin boyutunun değerini girebilirsiniz. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Başlık metni rengi
Varsayılan olarak, Divi'deki tüm metin renkleri beyaz veya koyu gri olarak görünür. Başlığınızın metin rengini değiştirmek istiyorsanız, bu seçeneği kullanarak renk seçiciden istediğiniz rengi seçin.
Başlık harflerinin aralığı
Harf aralığı, her harf arasındaki boşluğu etkiler. Başlık metninizdeki her harf arasındaki boşluğu artırmak istiyorsanız, aralığı ayarlamak için aralık kaydırıcısını kullanın veya kaydırıcının sağındaki giriş alanına istenen boşluk boyutunu girin. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Başlık satırının yüksekliği
Satır yüksekliği, başlık metninizin her satırı arasındaki boşluğu etkiler.Her satır arasındaki boşluğu artırmak istiyorsanız, aralığı ayarlamak için aralık kaydırıcısını kullanın veya giriş alanına istediğiniz boşluk boyutunu girin imlecin sağında bulunur. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Metas yazı tipi
Açılır menüden istediğiniz yazı tipini seçerek meta metninizin yazı tipini değiştirebilirsiniz. Divi, Google Yazı Tipleri tarafından desteklenen düzinelerce harika yazı tipiyle birlikte gelir. Varsayılan olarak Divi, sayfanızdaki tüm metinler için Open Sans yazı tipini kullanır. Ayrıca kalın, italik, büyük harf ve altı çizili seçenekleri kullanarak metninizin stilini özelleştirebilirsiniz.
Metas yazı tipi boyutu
Burada meta metninizin boyutunu ayarlayabilirsiniz. Metninizin boyutunu artırmak veya azaltmak için aralık kaydırıcısını sürükleyebilir veya kaydırıcının sağındaki giriş alanına doğrudan istenen metin boyutunun değerini girebilirsiniz. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Meta metni rengi
Varsayılan olarak, Divi'deki tüm metin renkleri beyaz veya koyu gri olarak görünür. Metninizin rengini değiştirmek istiyorsanız, bu seçeneği kullanarak renk seçiciden istediğiniz rengi seçin.
Meta Harf Aralığı
Harf aralığı, her harf arasındaki boşluğu etkiler. Metninizdeki her harf arasındaki boşluğu artırmak istiyorsanız, aralığı ayarlamak için aralık kaydırıcısını kullanın veya kaydırıcının sağındaki giriş alanına istenen boşluk boyutunu girin. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Meta alandaki linklerin yüksekliği
Satır yüksekliği, meta metninizin her satırı arasındaki boşluğu etkiler.Her satır arasındaki boşluğu artırmak istiyorsanız, aralığı ayarlamak için aralık kaydırıcısını kullanın veya giriş alanına istediğiniz boşluk boyutunu girin imlecin sağında bulunur. Giriş alanları farklı ölçü birimlerini destekler; bu, birim türünü değiştirmek için beden değerinize bağlı olarak "px" veya "em" girebileceğiniz anlamına gelir.
Sınırı kullan
Bu seçeneğin etkinleştirilmesi, modülünüzün etrafına bir sınır koyacaktır. Bu sınır, aşağıdaki koşullu parametreler kullanılarak özelleştirilebilir.
Sınırın rengi
Bu seçenek, kenarlığınızın rengini etkiler. Kenarlığınıza uygulamak için renk seçiciden özel bir renk seçin.
Sınırın genişliği
Varsayılan olarak, kenarlıklar 1 piksel genişliğindedir. Aralık kaydırıcısını sürükleyerek veya kaydırıcının sağındaki giriş alanına özel bir değer girerek bu değeri artırabilirsiniz. Özel ölçü birimleri desteklenir; bu, varsayılan birimi "px" den em, vh, vw vb. Gibi başka bir şeye değiştirebileceğiniz anlamına gelir.
Sınır tarzı
Kenarlıklar sekiz farklı stili destekler: düz, noktalı, noktalı, çift, oluk, sırt, kaplama ve başlangıç. Kenarlığınıza uygulamak için açılır menüden istediğiniz stili seçin.
Gelişmiş portföy seçenekleri
Gelişmiş sekmesinde, özel CSS ve HTML özellikleri gibi daha deneyimli web tasarımcılarının yararlı bulabileceği seçenekler bulacaksınız. Burada, modülün birçok öğesinden herhangi birine özel CSS uygulayabilirsiniz. Ayrıca, alt temanızın style.css dosyasında modülü özelleştirmek için kullanılabilen modüle özel CSS sınıfları ve kimlikleri de uygulayabilirsiniz.
CSS Kimliği
Bu modül için kullanmak üzere isteğe bağlı bir CSS Kimliği girin. Kimlik, özel bir CSS stili oluşturmak veya sayfanızın belirli bölümlerine bağlanmak için kullanılabilir.
CSS sınıfı
Bu modül için kullanılacak isteğe bağlı CSS sınıflarını girin. Özel CSS stili oluşturmak için bir CSS sınıfı kullanılabilir. Bir boşlukla ayırarak birden fazla sınıf ekleyebilirsiniz. Bu sınıflar, Divi alt temanızda veya sayfanıza veya web sitenize eklediğiniz özel CSS stil sayfasında kullanılabilir. Site Web Divi tema seçeneklerini veya Divi Builder sayfa ayarlarını kullanarak.
Özel CSS
Özel CSS, modüle ve modülün herhangi bir dahili bileşenine de uygulanabilir. Özel CSS bölümünde, her öğeye doğrudan özel CSS stil sayfaları ekleyebileceğiniz bir metin alanı bulacaksınız. Bu ayarlardaki CSS girişleri zaten stil etiketlerine sarılmıştır. Bu yüzden CSS kurallarını noktalı virgülle ayırarak girin.
görünürlük
Bu seçenek, modülünüzün göründüğü cihazları kontrol etmenizi sağlar. Modülünüzü tabletlerde, akıllı telefonlarda veya masaüstlerinde ayrı ayrı devre dışı bırakmayı seçebilirsiniz. Bu, farklı cihazlarda farklı modlar kullanmak istiyorsanız veya sayfadan belirli öğeleri kaldırarak mobil tasarımı basitleştirmek istiyorsanız kullanışlıdır.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”genişletilmiş” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DIVI TEMASINI İNDİRİN [/vcex_button][/vc_column][vc_column width=” 1 /2"][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”genişletilmiş” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]YÜKLE ŞABLONLARI DIVI[/vcex_button][/vc_column][/vc_row]
Diğer Divi öğreticiler
- restoran kullanımı Divi tema için 5 siteleri
- Bir Divi WooCommerce ürününe metin ekleme
- Divi sayfaları arasındaki menü rengini değiştirme
- Bir blog'un ızgaralarını Divi ile kişiselleştirme
- Nasıl WordPress üzerinde rol Divi editörü kullanımı
- Tam ekran Divi sürgüsü nasıl oluşturulur
- Divi sayfaları arasındaki menünün rengi nasıl değiştirilir
- Divi hakkında muhtemelen bilmediğiniz özellikler
- WordPress üzerinde Divi Builder nasıl kullanılır
- Divi video kaydırma modülü nasıl kullanılır
- Divi Builder Flip modülü nasıl kullanılır
- Divi Builder'da referans modülü nasıl eklenir?
- Divi metin modülü nasıl kullanılır?
- Divi'de kaydırıcı nasıl oluşturulur
- Divi kullanıcı rolü nasıl düzenlenir
- Divi Sosyal Medya modülü nasıl kullanılır?
- WordPress Divi konulu mağaza modülü nasıl kullanılır?
- Divi kenar çubuğu modülü nasıl kullanılır
- Divi Fiyat Tablosu Modülünün Kullanımı
- Divi yayınlarının başlık modülünü nasıl kullanırım
- Divi video modülü nasıl eklenir
- Makale navigasyon modülü nasıl kullanılır
- Divi arama modülü nasıl kullanılır?
- Divi cüzdan modülü nasıl kullanılır?
- Divi Builder'da kişi modülünün kullanımı
- Divi filtreli cüzdan modülü nasıl kullanılır
- Tam genişlikte sürgü modülü nasıl kullanılır
- Divi Builder Görüntü Modülü nasıl kullanılır?
- Divi Builder'ın tam genişlikli gezinme modülünü nasıl kullanırım?
- Resim galerisi modülü nasıl kullanılır?
- Divi Builder Tam Genişlik Kart Modülü nasıl kullanılır?
- Divi Tam Genişlik Portföy Modülü nasıl kullanılır?
- Divi tam genişlikli başlık modülü nasıl kullanılır?
- Divi Sayaç Modülünün Kullanımı
- Divi Builder'daki makaleler sürgüsünü kullanma
- Divi Email Optin modülü nasıl kullanılır?
Ciao, 3. sütunlu bir puanlama portföyüne sahip olmak mümkün mü? Daha fazla bilgi için görselleştirme, daha fazla görselleştirme, delle slide che scorrono verso sx gibi… Hayır, o kadar da fikir değil… Grazie!
Merhabalar, dört değil, üç sütunlu ızgara şeklinde bir sunum yapmanın mümkün olup olmadığını bilmek istiyorum. Varsayılan olarak, projelerim yatay olarak dörde hizalanır ve altı koymak istediğim gibi, üç sütun ve iki satırda bir sunum yapmak isterdim. Seçenekleri araştırdım ama hiçbir şey bulamadım ...
Yardımlarınız için şimdiden teşekkür ederiz.
Merhaba, bana portföyümün her bir sütunu arasında, elemanların altında neden çok büyük bir boşluk olduğunu açıklar mısınız? Solda ve sağda değil, sıraların altında. Çok teşekkür ederim.
Merhaba, bir genel bakışımız varsa size daha iyi tavsiyelerde bulunabiliriz.
Merci.
2019-09-21 ekran görüntüsü 14.49.53'de copie.jpg
Merhaba, yayınınız ekran görüntüsüne bağlantı içermiyor. Bunu yapmak için bu aracı kullanabilirsiniz: https://screenshot.net/fr/
Merhaba,
Portföy için başlık altında görünen bir alıntı eklemek mümkün olup olmadığını biliyor musunuz?
Şimdiden teşekkürler
İyi akşamlar Sally,
Henüz test edilmedi üzgünüm.