Divi Person modülü, Kişisel profil bloğu oluşturmanın en iyi yoludur. Bu, Hakkımda sayfalarında veya bireysel kişilerin biyografisini oluşturmak istediğiniz ekip üyelerini içeren sayfalarda kullanmak için harika bir eklentidir. Bu modül, metin, görüntü ve sosyal medya bağlantılarını tek bir uyumlu modülde birleştirdi.
Divi Kişi modülü nasıl yapılandırılır
Sayfanıza bir Divi Person modülü ekleyebilmeniz için ö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. Öğelerini kullanma konusunda harika öğreticilerimiz var hatları ve bölümler Divi tarafından.
Modüller listesinde kişi modülünü bulun ve sayfanıza eklemek için üzerine tıklayın. Modül listesi aranabilir, yani "kişi" kelimesini de yazabilir ve ardından Kişi modülünü otomatik olarak bulup eklemek için enter'a 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 Hakkımızda Sayfasına "Ekibimiz" Bölümü Ekleme
Hakkımızda sayfası, Personel modülünü kullanarak ekip üyelerinizi tanıtmak için iyi bir yerdir. Kişisel bir dokunuş katar ve yeni müşterilerle güven oluşturmaya yardımcı olabilir.
Bu örnek için, size küçük bir işletme hakkındaki sayfaya "Ekibimiz" bölümü eklemek için Kişi modülünü nasıl kullanacağınızı göstereceğim. Bölümü daha derli toplu tutan ve sayfanın genel tasarımına uyan üç kişilik, üç sütun düzeni kullanacağım.
Visual Builder'ı kullanarak, üç sütunlu (1/3 1/3 1/3) yeni bir standart bölüm ekleyin. Ardından ilk sütuna bir Kişi modülü ekleyin.
Person modülü ayarlarını aşağıdaki gibi güncelleyin:
İçerik seçenekleri
İsim: [Kişinin adını girin]
Pozisyon: [Kişinin dahili numarasını girin]
Sosyal medya profilleri için URL'leri girin
Açıklama: [Kısa bir biyografi girin]
Resim: [600 x 600 resim çekin]
Tasarım seçenekleri
Renk Simgesi: # fcbf00
Vurgulu Simge Rengi: # e0a831
Başlık yazı tipi: Roboto, kalın, kaldıraç
Üstbilgi Yazı Tipi Boyutu: 30px
Üstbilgi Metin Rengi: # 505050
Mektup Üstbilgi Aralığı: 1px
Başlık Satır Yüksekliği: 1.5em
Gövde yazı tipi boyutu: 18px
Vücut Çizgisi Boyutu: 1.4em
Özel dolgu: 15px yukarı, 15px sağ, 15px aşağı, 15px sol
Gelişmiş seçenekler (özel CSS)
Ana eleman:
-webkit-box-shadow: 0 1px 5px rgba (0, 0, 0, 0.2)
-moz-box-shadow: 0 1px 5px rgba (0, 0, 0, 0,2);
kutu-gölge: 0 1px 5px rgba (0, 0, 0, 0,2);
Ayarları kaydet
Şimdi oluşturduğunuz Kişi modülünü iki kez çoğaltın ve çoğaltılan modülleri satırdaki ikinci ve üçüncü sütunlara sürükleyin. Tasarım, çoğaltılmış "Kişi" modüllerinin her biri için taşındığından, yapmanız gereken tek şey içeriği görüntü, başlık, konum, sosyal medya url'leri ve açıklama ile güncellemektir. kişinin.
İşte bu kadar!
Kiş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.
Adınız
Bu, tanıttığınız kişinin adıdır. Ad, modülün üst kısmında daha büyük metin olarak görüntülenir.
Pozisyon
Konum, daha küçük metin olarak adın altında görüntülenir. Bu genellikle bir kişinin kurumsal bir ekip içindeki profesyonel konumuna atıfta bulunmak için kullanılır. Örneğin, Nick Roach, "Grafik Tasarımcı".
Facebook Profil URL'si
Facebook sayfanıza URL'yi girin veya Facebook simgesini devre dışı bırakmak için boş bırakın.
Twitter profili URL'si
Twitter sayfanıza URL'yi girin veya Twitter simgesini kapatmak için boş bırakın.
Google+ profili URL'si
Google+ sayfanıza URL'yi girin veya Google+ simgesini kapatmak için boş bırakın.
LinkedIn profil URL'si
LinkedIn sayfanıza URL'yi girin veya LinkedIn simgesini kapatmak için boş bırakın.
Açıklama
Modülünüzün ana metninin içeriğini buraya girin.
Image URL
Buradan biyoda kullanmak için bir fotoğraf indirebilirsiniz.
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.
Kişi modülü için 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.
Simge rengi
Bu seçenek, her kişinin profilinde görünen sosyal medya simgelerinin rengini kontrol eder. Varsayılan olarak bu simgeler gridir, satın al bu ayarı kullanarak bu rengi değiştirebilirsiniz.
Fareyle üzerine gelindiğinde simge rengi
Ayrıca sosyal medya simgelerinin fareyle üzerine gelme rengini de değiştirebilirsiniz. Bu ayarda renk seçiciyi kullanarak istediğiniz rengi seçin.
Metin rengi
Burada metninizin değerini seçebilirsiniz. Koyu bir arka plan üzerinde çalışıyorsanız, metniniz açık olmalıdır. Açık renkli bir arka planla çalışıyorsanız, metniniz koyu olmalıdır.
Üstbilgi 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.
Üstbilgi yazı tipi boyutu
Burada başlık metninizin boyutunu ayarlayabilirsiniz. Metninizin boyutunu büyütmek veya küçültmek 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 boyutu 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.
Üstbilgi Metin Rengi
Varsayılan olarak, Divi'deki tüm metin renkleri beyaz veya koyu gri olarak görünür. Başlık metninizin rengini değiştirmek istiyorsanız, bu seçeneği kullanarak renk seçiciden istediğiniz rengi seçin.
Başlık harf 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 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ık kaydırıcısını kullanarak boşluğu ayarlayın veya istediğiniz aralık boyutunu girin. imlecin sağındaki giriş alanı. 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.
Vücut yazı tipi
Açılır menüden istediğiniz yazı tipini seçerek gövde yazı tipinizi 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.
Vücut yazı tipi boyutu
Burada gövde metni boyutunuzu ayarlayabilirsiniz. Metninizin boyutunu büyütmek veya küçültmek 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 boyutu 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.
Gövde metni rengi
Varsayılan olarak, Divi'deki tüm metin renkleri beyaz veya koyu gri görünür. Metninizin rengini değiştirmek istiyorsanız, bu seçeneği kullanarak renk seçiciden istediğiniz rengi seçin.
Vücut harflerinin 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.
Vücut hattı yüksekliği
Satır yüksekliği, vücudunuzdaki her metin 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.
Özel marj
Kenar boşluğu, modülünüzün dışına, modül ile üstündeki, altındaki veya solundaki ve sağındaki sonraki öğe arasına eklenen boşluktur. Modülün dört kenarından herhangi birine özel kenar boşluğu değerleri ekleyebilirsiniz. Özel marjı kaldırmak için, giriş alanından katma değeri kaldırın. Varsayılan olarak, bu değerler piksel cinsinden ölçülür, ancak giriş alanlarına özel ölçü birimleri girebilirsiniz.
Özel dolgu
Dolgu, modülünüzün içine, modülün kenarı ile iç öğeleri arasına eklenen boşluktur. Modülün dört kenarından herhangi birine özel dolgu değerleri ekleyebilirsiniz. Özel marjı kaldırmak için, giriş alanından katma değeri kaldırın. Varsayılan olarak, bu değerler piksel cinsinden ölçülür, ancak giriş alanlarına özel ölçü birimleri girebilirsiniz.
Person modülünün gelişmiş 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.
Animasyon
Varsayılan olarak, siz sayfayı kaydırırken resimler canlandırılır. Burada animasyonun yönünü seçebilir veya devre dışı bırakabilirsiniz.
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?
Bonjour
Bu çok faydalı makaleler için teşekkür ederim.
Tıpkı Facebook, Twitter, Google+ veya LinkedIn URL'leri gibi, lütfen Instagram profilinize bir URL eklemenin mümkün olup olmadığını biliyor musunuz? Teşekkür ederim 🙂
Salut!
Bir proje veya gönderi oluşturduğumda ve Kişi bölmesini kullandığımda, blog veya filtrelenebilir blog bölmesini kullanarak projeleri veya gönderileri görüntülediğimde Konum alanı neden kayboluyor?
Kişi Konumu alanını Blog Grid görünümünde nasıl görünür yapabilirim?
Merci!
İyi akşamlar ve beklediğiniz için teşekkür ederim.
Genellikle, arama modülleri kısa kodlar yürütmez. Bu nedenle, Kişi modülü (diğer herhangi bir modül gibi), söz konusu makalenin veya sayfanın önizlemesini sunan bir modülden değil, yalnızca makale veya sayfanın önizlemesiyle oluşturulabilen bir kısa kod üretir.