Ana İçeriğe Geç

Divi öğreticisi: Sosyal Medya modülünün kullanımı

Divi: Kullanılacak en kolay WordPress teması

Divi: Tüm zamanların en iyi WordPress teması!

daha fazla 901.000 indirmeler, Divi, dünyanın en popüler WordPress teması. Tamamen, kullanımı kolay ve 62 ücretsiz şablonlardan daha fazlasını sunuyor. [Önerilen]

Divi'nin Sosyal Medya modülü, Facebook, Twitter ve Google+ gibi çevrimiçi sosyal profillerinize işaret eden simgelere dayalı bağlantılar oluşturmanıza olanak tanır. Bu simgeler, Divi'nin kendi tarzında, şık simgelerini kullanarak temaya entegre edilmiştir ve bu da onları üçüncü taraf eklentileri kullanmaya tercih edilir kılar. Her modülde birden çok sosyal profile bağlantı ekleyebilir ve modülü sayfanın herhangi bir yerine ekleyebilirsiniz.

Sayfanıza sosyal medya modülü nasıl eklenir

Sayfanıza bir sosyal medya modülü eklemeden önce Divi Builder'a geçmelisiniz. Divi teması web sitenize yüklendikten sonra 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 WordPress panonuza bağlıysanız, web sitenizi ön planda tuttuğunuzda.

divi oluşturucu

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.

Bizi sosyal ağlarda takip edin.png

Modüller listesinde sosyal medya modülünü bulun ve sayfanıza eklemek için üzerine tıklayın. Modların listesi aranabilir, yani "Bizi sosyal medyada takip edin" kelimesini yazabilir ve ardından sosyal medya modunu otomatik olarak bulup eklemek için "enter" tuşuna 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: İlgili sosyal medya simgelerini bir iletişim sayfasına ekleme

Bir web sitesinin iletişim sayfası, sosyal profillerinizi çevrimiçi olarak sergilemek için mükemmel bir yerdir. Bu, kullanıcıların bağlantıda kalması ve blogunuzu veya işletmenizi tanıtması için daha fazla olanak sağlar. Bu örnek için, bir iletişim sayfasının mevcut tasarımına uygun sosyal medya simgelerini nasıl ekleyeceğinizi göstereceğim.

iletişim sayfasındaki izleme düğmeleri ekle divi wordpress.jpg

Görsel oluşturucuyu kullanarak, bir sütunun tam genişliğinde bir satıra sahip yeni bir normal bölüm ekleyin. Sütununuza bir sosyal medya modülü ekleyin.

Modül ayarlarının İçerik sekmesinde, modülünüze yeni bir sosyal ağ eklemek için "Yeni öğe ekle" düğmesini tıklayın. Belirli sosyal ağ ayarları altında aşağıdakileri güncelleyin:

İçerik seçenekleri

Sosyal ağ:
Facebook hesabı URL'si: [Facebook hesabı URL'nizi girin]

Tasarım seçenekleri

Simge Rengi: # d94b6a (çeşitli renk)

eşleşen bir color.jpg ekle

Ardından, diğer dört ağı (Twitter, Google+, LinkedIn ve Instagram) eklemek için bu sosyal ağı kopyalayın. Ağı kopyaladığınızdan beri, özel simgenin rengi aktarıldı. Yani her bir ağ URL'sini ve hesabını güncellemeniz yeterlidir.

Elementor ile web sitenizi kolayca oluşturun

Elementor, profesyonel bir görünüme sahip herhangi bir web sitesi tasarımını kolayca oluşturmanıza olanak sağlar. Kendin yapabileceğin için pahalı ödemeyi kes. [Ücretsiz]

yinelenen sosyal ağlar divi.jpg

Artık iletişim sayfasının tasarımına uygun sosyal medya simgelerine sahipsiniz.

sosyal ağ display.png

Sosyal Medya İç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.

divi içeriği sosyal ağlarda bizi takip edin module.png

Yeni bir nesne ekle

Modülünüze yeni ağlar eklediğiniz yer burasıdır. "Yeni bir öğe ekle" yi tıkladığınızda, yeni ağınıza özgü yepyeni bir seçenekler penceresi açacaksınız ("İçerik", "Tasarım" ve "Gelişmiş" sekmelerinin altında). Bireysel sosyal medya ağı ayarları için aşağıya bakın.

İlk ağınızı ekledikten sonra, ağ başlığınızın etiket olarak görüntülendiği gri bir çubuk göreceksiniz. Gri çubukta ayrıca ağı düzenlemenize, çoğaltmanıza veya silmenize olanak tanıyan üç düğme vardır.

Bağlantı formu

Burada, sosyal ağ simgelerinizin şeklini yuvarlatılmış dikdörtgen veya daire şeklinde seçebilirsiniz.

URL açılır

Ağ URL'nizi yeni bir sekmede veya aynı pencerede açmayı seçin.

Takip düğmesi

Burada, simgenin yanındaki sonraki düğmeyi dahil edip etmeyeceğinizi seçebilirsiniz.

En iyi WordPress temalarını ve eklentilerini mi arıyorsunuz?

Envato'daki en iyi eklentileri ve WordPress temalarını indirin ve web sitenizi kolayca oluşturun. 49.720.000 indirme işleminden daha fazla. [ÖZEL]

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.

Sosyal Medya 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, görünümü değiştirmek için kullanabileceğiniz uzun bir tasarım ayarları listesi vardır.

divi.png görünümünü değiştir

Bu modül için tasarım seçenekleri tek bir öğeden oluşur - Metin Rengi.

Metin rengi

Burada metninizin açık mı yoksa koyu mu olacağını seçebilirsiniz. Koyu bir arka plan üzerinde çalışıyorsanız, metniniz açık olmalıdır. Arka planınız açıksa, metniniz koyu olmalıdır.

Gelişmiş sosyal medya 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.

gelişmiş ayarlar divi.png

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 kullanmak üzere 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 çok 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. tema seçenekleri Divi veya Divi Builder sayfasının parametreleri.

Ö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.

Bireysel sosyal medya içerik seçenekleri

optin içerikli divi.png

Sosyal ağ

Buradan görüntülemek istediğiniz sosyal ağı seçebilirsiniz.

Çevrimiçi Mağazanızı kolayca oluşturun

WordPress'te fiziksel ve dijital ürünlerinizi satmak için ücretsiz WooCommerce, en iyi e-ticaret eklentilerini indirin. [Önerilen]

Hesap URL'si

Bu sosyal ağ bağlantısının URL'sini girdiğiniz yer burasıdır. Ağınız olarak Facebook'u seçerseniz, Facebook sayfanızın URL'sini koyacağınız yer burasıdır.

Bireysel sosyal medya tasarım seçenekleri

bireysel stil option.png

Simge rengi

Divi, varsayılan olarak tanımlanan her sosyal ağ için standart renkler sunar. Burada bu simge rengini istediğiniz gibi kolayca değiştirebilirsiniz.

Gelişmiş sosyal medya seçenekleri

avans opsiyon modülü bizi takip edin divi.png

Ö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.

Diğer Divi öğreticiler

Bu makale yorumları 0 içeriyor

YORUM BIRAKIN

E-posta hesabınız yayımlanmayacak. Doldurulması zorunlu alanlar * ile işaretlenmiştir *

Bu site, istenmeyenleri azaltmak için Akismet'i kullanıyor. Yorum verilerinizin nasıl kullanıldığı hakkında daha fazla bilgi edinin..

Başa dönüş
9 hisseleri
hisse4
cıvıltı1
Enregistrer4