Divi kenar çubuğunuzu güzelleştirmenin 5 kolay yolu
69 Divi 100 maratonumuza hoş geldiniz. Bu serinin son gününde Divi 3.0’ın muhteşem sürümünü geri saydığımızda Divi’nin olağanüstü kaynaklarının 100 gününü takip etmeye devam edin!
Bir web sitesi tasarlarken, taraf bazen biraz göz ardı edilebilir. Knock-Out Blog yön sayfasını derlemek ve standart widget’ı silmeyi ve sitenizin geri kalanına uyacak şekilde düzenlemeyi unutmak kolaydır. Unutmayın, tam genişlikte posta ekranını tercih etseniz bile, standart kenar çubuğu arşiv sayfasında hala görünecektir. Kenar çubuğunuz, kullanıcılarınızın blog alanınızda gezinmesine yardımcı olmanın iyi bir yoludur. Onlar için en ilginç yayınları bulmalarına yardımcı olmak için bir widget kullanabilir ve bunları harici reklamlar veya bültenlerin kaydı gibi dahili pazarlama için kullanabilirsiniz.
Divi tarafı Bilah modülü, düzen sayfanızda sınırsız miktarda özel bir yan çubuk yerleştirmenizi sağlar. Blog iniş alanının bir parçası olarak özel bir yan çubuk kullanmayı gerçekten seviyorum. İşte iyi bir örnek. Bu yazıda, kenar çubuğunuzu baharat etmenin en sevdiğim beş yolunu paylaşacağım. Başlamadan önce, WordPress yönetici menüsündeki görünüm> widget’lar aracılığıyla tüm widget alanları gibi düzenleyebileceğiniz standart kenar çubuğuna odaklanacağım. 1. Divi bir görüntü yükleyicisi ile gelmese de zarif bir tema reklam widget kullanın, et ad widget tarafınıza görüntü ekleme açısından gizli silahınızdır. Elbette standart bir WordPress metin widget’ı kullanarak resim ekleyebilir ve bir resim bağlantısı yapmak için HTML yazabilirsiniz, ancak bu ET widget sizin için kolaylaştırır. Yine de URL’yi medya kitaplığından eklemek ve kopyalamak istediğiniz önceden yükleme öncesi görüntüler yapmanız gerekir, ancak HTML kodunu nasıl yazacağınızı bilmenize gerek yoktur. İstediğiniz kadar çok resim ekleyebilirsiniz, yalnızca bir başlık altında (aşağıya bakın). Ayrıca ek alt başlıklar ve etiketler de ekleyebilirsiniz. Standart taraftaki widget başlık stili widget başlığı H4 etiket stilinizi devralır, ancak daha fazla ayarlamak istiyorsanız, .WidgetTitle sınıfını kullanarak hedefleyebilirsiniz. Sınıfı Divi Tema Seçenek kutusundaki kullanarak, yazı tiplerini, boyutu, renk, seviyelendirme ve rulmanları değiştirebilirsiniz. Divi Tema Seçenekleri> Genel sekmesinin alt kısmında özel bir CSS kutusu bulabilirsiniz. Örneğin: WidgetTitle { Metin-align: merkez;
yazı tipi boyutu: 18px;
Dolgu Alt: 20px;
} En sevdiğim stili yapılandırmanın püf noktalarından biri, sınır tabanlı özelliği kullanarak Widget başlığında alt sınırı eklemektir. İyi bir editoryal hissi olan bu örneğe bakın.
Bu efekti, sınıfınıza aşağıdaki kod görüntülerini ekleyerek elde edebilirsiniz. WidgetTitle. .Widget Başlığı { Sınır dip: Katı 2px #000000;
Marj-Alt: 25px;
} 3. Widget’lar arasındaki kenar boşluğunu ayarlayın, widget’lar arasındaki mesafeyi azaltmak veya onlara biraz yer vermek istiyorsanız, daha düşük kenar boşluğunun yüzdesini ayarlayabilirsiniz. Kodu kontrol ederek bulmak oldukça zordur, bu yüzden bu pratik bir kısayoldur. .et_pb_idabar .et_pb_widget {marj-alt:%14! Önemli;
} 4. Kenar çubuğunuzda, ancak düzenlemesi zor kategoriyi görüntülemek istediğinizde WordPress kategorisinin standart bir WordPress kategorisini görüntülemek için özel bir menü kullanın. Kategoriyi istediğiniz sırayla görüntülemenize veya hangisinin göründüğünü seçmenize izin vermez. Bu, yanlışlıkla yazıyı kategorize edilmeden ayrıldığınızda can sıkıcıdır.
Bunun yerine, kategoriyi görüntülemek için özel bir menü widget’ı kullanmayı ve düzenlemesi daha kolay kullanmayı seviyorum. İlk olarak, görünüm alanında> menülerde yeni bir özel menü oluşturun. Ardından seçtiğiniz kategoriyi ekleyin ve menüyü kaydedin. Bir bölgeye koymaya gerek yok.
Daha sonra bu menüyü seçebilirsiniz, görünüm> widget’lar, özel bir menü widget’ı kullanabilirsiniz. Özel menünüze bazı stiller vermek istiyorsanız, aşağıda yaptığım gibi arka plan ve dolgu renkleri ekleyebilir ve yazı tipi özellikleri düzenleyebilirsiniz.
Yukarıdaki örnekte, aşağıdaki kodu kullanarak özel bir menü bağlantısı hedefledim:
.et_pb_widget ul li { Arka Plan rengi: #f9f9f9;Dolgu: 10 piksel;
} 5. Dinamik sosyal medya içeriği eklemek için bir widget jeneratörü kullanın birçok blogcu kenar çubuklarına Instagram yayınları eklemeyi sever. Bu, kenar çubuğunuzun taze görünmesini sağlamanın ve ziyaretçileri sizi sosyal medyada takip etmeye teşvik etmenin iyi bir yoludur. Instagram’dan bir kodu manuel olarak metin widget’ına yerleştirebilirsiniz (ET blogundaki bu harika yayına bakın) veya Instagram için Alpine Photo Tile gibi ücretsiz eklentiler ekleyebilirsiniz. Bununla birlikte, ihtiyacım olmadığında eklentiler eklemek istemiyorum ve sabitlenmiş kod yemini düzenlemek daha zordur. Değiştirme olarak, onu düzene eklemenizi sağlayan yeni nesil widget üreticileri var. yapımcı). Benim favorim Lightwidget.
Kullanmak için, hesabınıza erişmek için widget üreticisine izin verebilmeniz için kayıt yaptırmalı ve Instagram’a çevrimiçi girmelisiniz. Ardından seçtiğiniz sütun ve satır sayısını seçin, widget’ınızı önizleyin ve kodu alın. Not: Sitede bir SSL sertifikası olan bir widget kullanmak istiyorsanız (yani HTTPS: önek URL’sinde) olanlar, Pro sürümüne yükselmelisiniz.
Umarım divi kenar çubuğunuzu baharatlamanın tadını çıkarırsınız. Yukarıdaki ipuçları, büyük bir etki yaratan küçük bir artış sağlar. Şeytan ayrıntılı! Büyük duyuruları, yararlı ipuçlarını veya divi freebie’yi asla kaçırmayacak şekilde e -posta bültenimize ve YouTube kanalımıza abone olduğunuzdan emin olun! Resim Arka Plan Görüntü Üstün Martina Vaculikova / Shutterstock.com
Divi 100 Gün 69 Divi 3.0’a Geri Sayın Bu yazı Divi 100 Maratonumuzun bir parçası.Arka arkaya 100 gün boyunca ücretsiz bir divi kaynağı yayınladığımızda takip etmeye devam edin!REACT kullanarak aşağıdan yukarıya inşa edilmiş yeni görsel düzenleyicimiz de dahil olmak üzere Divi 3.0 oyununu değiştiren bir sürümle sona erecek.Divi 3.0 sonsuza dek Divi Builder ile bir web sitesi oluşturma şeklinizi değiştirecek!Geri sayım başlasın. Divi 3.0 hakkında daha fazla bilgi edinin
