Divi Kenar Çubuğu Kenarlığı Nasıl Kaldırılır

Hemen hemen her Divi kullanıcısının Divi temasıyla nasıl yapılacağını bilmek istediği bir şey, kenar çubuğu kenarlığını kaldırmaktır. Neyse ki, bu basit bir görevdir. Kodla yapılabilir, ancak daha da önemlisi Divi Theme Builder ile yapmak kolaydır. Bu makalede, her iki yöntemi de kullanarak Divi kenar çubuğu kenarlığını nasıl kaldıracağınızı göstereceğiz ve Divi Tema Oluşturucu'yu kullanmanın size neden en iyi sonuçları verdiğini göreceğiz.

Varsayılan Divi Kenar Çubuğu

Divi varsayılan sayfası ve gönderi düzenleri, içerik ile kenar çubuğu arasına bir çizgi yerleştirir. Kenar çubuğu öğelerinin çoğu, tema özelleştiriciyle biçimlendirilebilir veya ayarlanabilir, ancak bu satır onlardan biri değil. Bu, WordPress seçeneklerinin eksik olduğu bir alandır.

Divi tema seçenekleri, kenar çubuğunu sağa veya sola taşımanıza izin verir, ancak stil seçeneklerini içermez.

Divi ayrıca sayfa ve gönderi düzeyinde kenar çubuğu düzenini seçmenize olanak tanıyan ayarlar da ekler. Bu, içerik alanının web sayfasının tüm genişliğini kullanmasına izin vererek hiçbir pencere öğesinin görüntülenmemesi için kenar çubuğunu kaldırma seçeneğini bile içerir.

Bu seçenekler mizanpaj üzerinde kontrol sağlar, ancak stil üzerinde kontrol sağlamaz ve kenar çubuğu kenarlığını kaldırmaz. Divi kenar çubuğu kenarlığını biçimlendirmek veya kaldırmak için iki yönteme bakalım.

Divi'nin Kenar Çubuğu Kenarlığını Kodla Kaldırma veya Şekillendirme

İlk olarak, Divi'ye kod ekleyerek Divi teması kenar çubuğu kenarlığının nasıl kaldırılacağını veya stilini görelim.

Divi Tema Seçenekleri Özel CSS alanına biraz CSS eklemeniz gerekecek. Özel CSS alanına erişmek için WordPress kontrol paneli menüsünde Divi > Tema Seçenekleri'ne gidin. Genel sekmesinde kalın ve kodunuzu yapıştırmak için ayarların en altına gidin.

İşte ihtiyacınız olacak CSS:

#main-content .container:before {
width:0;
}
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }

Bu kod, WordPress'e pencere öğesi alanı kenarlığının genişliği olmadığını ve görüntülenmemesine neden olduğunu söyler.

Kodu Özel CSS alanına yapıştırın ve değişiklikleri kaydedin.

Sınır şimdi kaldırıldı. CSS, kenar çubuğu kenarlığını kaldırmak için Divi temasıyla çalışır, ancak bu ideal değildir ve herkes herhangi bir tür kodu işlemek istemez. Divi Builder ile blog sayfası oluşturmak isterseniz ne olur? En iyi seçenek Divi Theme Builder'ı kullanmaktır.

Divi Kenar Çubuğu Kenarlığını Kodsuz Kaldırmak için Divi'nin Tema Oluşturucusu Nasıl Kullanılır

Kenar çubuğu kenarlığını kod olmadan kaldırmak için Divi temasını kullanmak da mümkündür. WordPress kontrol paneli menüsünde Divi > Tema Oluşturucu'yu seçerek Divi Tema Oluşturucu'ya gidin . Halihazırda bir blog düzeniniz yoksa Yeni Şablon Ekle 'yi seçin.

Bu şablon blog sayfanıza, arşiv sayfanıza veya istediğiniz başka bir sayfaya atanacaktır, bu nedenle önce bu sayfayı oluşturduğunuzdan emin olun.

Bu şablonun nerede görüneceğini seçebileceğiniz bir modal açılacaktır. Belirli Sayfalar altında blog sayfanızı seçin. Ayrıca arşiv sayfaları, yazar sayfaları, kategori sayfaları, tarih sayfaları, etiket sayfaları ve çok daha fazlasını oluşturabilirsiniz. Seçiminizi yaptıktan sonra Kaydet'e tıklayın.

Artık sayfanıza boş bir şablon atanmıştır. Ardından, blog düzenini oluşturmanız gerekecek. Özel Gövde Ekle etiketli alana tıklayın.

Bu, özel bir gövde oluşturmayı seçebileceğiniz veya kitaplıktan bir tane ekleyebileceğiniz bir açılır kutu açar. Seçiminize tıklayın. Özel gövdeyi oluşturmayı seçiyorum.

Divi Kenar Çubuğu Modülü

İki sütunlu bir düzen seçtim ve sol tarafa bir blog modülü ve sağ tarafa bir kenar çubuğu modülü yerleştirdim. Divi modülü olduğu için kenar çubuğunu istediğiniz yere yerleştirebilirsiniz, ancak ben geleneksel sağ taraf tasarımıyla gidiyorum.

Modül sağ veya sol tarafa yerleştirilecek şekilde tasarlanmış ve bordürünü buna göre yerleştirmektedir. Varsayılan olarak, modül sol kenar çubuğu olarak görüntülenecek şekilde ayarlanmıştır, bu nedenle kenarlık, widget'ların sağ tarafındadır.

, Düzenini değiştirmek modülü açmak, Tasarım sekmesini, Düzen bölümüne göz seçin ve Hizalama açılan kutuya Hakkı seçin. Bu örnekte artık pencere öğesi alanının solunda kenarlık vardır, bu da bunu sağ kenar çubuğu yapar.

Kenar çubuğu kenarlığının görüntülenmesini istiyorsanız bu ayarı kullanın. Kenarlığı devre dışı bırakmak istiyorsanız, hizalama önemli değildir. Eminim Hizalama açılır kutusunun altındaki geçişi fark etmişsinizdir.

Düzen bölümündeki ikinci seçenek, Sınır Ayırıcıyı Göster adlı bir geçiştir . Bu, sınırı devre dışı bırakmanıza veya etkinleştirmenize olanak tanır. Varsayılan olarak etkindir. Geçişi tıklamanız yeterlidir. Kenarlık artık kenar çubuğundan kaldırılmıştır. Düzeni kaydedin ve düzenleyiciden çıkın. İşte bu kadar kolay.

Son olarak, Divi Tema Oluşturucu'dan ayrılmadan önce Değişiklikleri Kaydet'i seçin. Artık Blog sayfası için özel bir gövde gösteriyor.

Blog sayfam artık kenar çubuğunu kenarlıksız gösteriyor. Elbette daha iyi bir tasarım istiyorsanız yapabileceğiniz birkaç şey daha var.

Özel Divi Kenar Çubuğu Kenarlığı Oluşturma

Kenar çubuğu kenarlığını kaldırmak için Divi temasını kullanmak istemiyorsanız ancak standart WordPress kenarlığını istemiyorsanız, Divi kenar çubuğu modülünü kullanarak özel bir kenar çubuğu kenarlığı oluşturabilirsiniz.

Kenar çubuğu modülünün Tasarım sekmesinde Kenarlık ayarlarına gidin. Burada modülün bir tarafına kenarlık ekleyebilirsiniz. Kenarlığın görüntülenmesini istemediğiniz her bir kenarı seçin ve kenarlık genişliğini 0 olarak ayarlayın. Ayrıca kenarlığın genişliğini seçebilir, bir renk seçebilir ve bir stil seçebilirsiniz. Stiller arasında düz, kesikli, noktalı, çift, oluk, çıkıntı, ek, başlangıç ​​ve hiçbiri bulunur.

Kenarlığın görüntülenmesini istediğiniz taraf için kenarlık genişliğini, rengini ve stilini seçin. Bu örnekte, sınırı yalnızca modülün sol tarafında göstermeyi seçtim. Kenarlık genişliğini 7 piksele, rengi açık turuncuya ve kenarlık stilini noktalı olarak ayarladım.

Blog sayfam artık özel Divi kenar çubuğu kenarlığımı gösteriyor.

Hatta isterseniz diğer üç tarafa da kutu gölgesi ekleyebilirsiniz. Bu örnekte, sağ taraf için sınırları yuvarladım. Ortadaki bağlantıyı tıkladım, böylece noktalı kenarlık düz kalır. İstediğim tasarımı elde etmek için kutu gölgesini de ayarladım.

İşte noktalı kenarlıklı son tasarımım. Kenar çubuğu, blogun tasarımıyla iyi uyum sağlar.

Kenar çubuğu kenarlığını kaldırmak için Divi temasını kullanma fikrine geri dönersek, işte son blog düzenim. Bunun nasıl olduğunu beğendim. Bu, Divi modülünü kullanmanın kenar çubuğu tasarımı için birçok olasılık açtığını gösteriyor.

Çözüm

Kenar çubuğu kenarlığını kaldırmak için Divi temasının nasıl kullanılacağına bakışımız bu. Kodu kaldırmak yeterince basittir ancak Divi Theme Builder'ı kullanmak size çok daha fazla seçenek sunar ve bu da tasarım üzerinde daha fazla kontrol sahibi olmanızı sağlar. Bu özellik son derece basittir, ancak çoğu Divi kullanıcısının öğrenmek istediği bir şeydir. Ayrıca Divi modüllerindeki küçük ayarlamaların web sitenizin tasarımında nasıl büyük bir fark yaratabileceğini öğrenmek için de iyi bir alıştırmadır.

Senden duymak istiyoruz. Bu yöntemlerden birini kullanarak Divi kenar çubuğu kenarlığınızı kaldırdınız mı? Aşağıdaki yorumlarda deneyiminizi bize bildirin.

Andrew Rybalko / Shutterstock.com aracılığıyla Öne Çıkan Görsel