WordPress’te Taşma Nasıl Devre Dışı Bırakılır (Yatay Kaydırmayı Kaldırma)

Yatay kaydırma çubuğu, sayfadaki bir öğe görüntülenemeyecek kadar geniş olduğunda ve ekranın dışına taştığında görünür. Çoğu WordPress teması yatay kaydırma kullanmaz çünkü site düzeninizi bozabilir ve kullanıcıların kafasını karıştırabilir.

Hem siz hem de ziyaretçileriniz için sinir bozucu olabilir. Neyse ki, taşmayı devre dışı bırakmak basittir ve sitenizin görünümünü ve kullanılabilirliğini iyileştirir.

Bu makalede, WordPress’te taşmayı nasıl kolayca devre dışı bırakacağınızı ve yatay kaydırma çubuğunu nasıl kaldıracağınızı göstereceğiz. Basit talimatlarımız kullanıcı dostudur ve bir kodlama uzmanı olmasanız bile takip etmesi kolaydır.

WordPress’te Yatay Kaydırma Çubuğuna veya Taşmaya Ne Sebep Olur?

WordPress web sitenizi kurarken, onu kullanıcı dostu ve herkes için erişilebilir hale getirmek önemlidir.

Bir öğe web sitenizin düzeninden daha genişse WordPress yatay bir kaydırma çubuğu gösterecektir. Buna ‘taşma’ adı verilir. Yatay kaydırma çubuğuna sahip olmak tasarımınızı bozabilir ve web sitenizi daha az kullanıcı dostu hale getirebilir.

Hem yatay hem de dikey kaydırma çubuklarına sahip bir web sayfası ziyaretçi için kafa karıştırıcı olabilir ve gezinmesi zorlaşabilir. Bu da insanların sitenizden ayrılmasına, dönüşümlerin ve satışların düşmesine neden olabilir.

Taşmayı devre dışı bırakmak sitenizi daha kullanıcı dostu hale getirecek, sabit genişlikte bir düzen oluşturacak ve sitenizin genel duyarlılığını artıracaktır.

Bunu akılda tutarak, WordPress’te taşan yatay kaydırma çubuğunun nasıl kolayca devre dışı bırakılacağına bir göz atalım:

Yöntem 1: Tema Özelleştirici Kullanarak CSS Snippet’i Ekleme

WordPress’te taşmayı, tema özelleştiricinin ‘Ek CSS’ seçeneğine CSS kodu ekleyerek devre dışı bırakabilirsiniz.

Tek yapmanız gereken WordPress kontrol panelinden Görünüm ” Özelleştir sayfasını ziyaret etmektir.

Özelleştir sayfasına geldiğinizde, ‘Ek CSS’ sekmesine tıklayın.

Ardından, aşağıdaki kodu kopyalayıp yapıştırmanız yeterlidir:

html, body {
	max-width: 100%;
	overflow-x: hidden;
}

Bundan sonra, tüm taşmalar kaldırılacak ve web sitenizin canlı önizleme bölmesinde uygulandığını görebileceksiniz.

İşiniz bittiğinde sayfanın üst kısmındaki ‘Yayınla’ düğmesine tıklamayı unutmayın!

Yöntem 2: WPCode Kullanarak CSS Snippet’i Ekleme

CSS kodunu WPCode eklentisini kullanarak bir kod parçacığı aracılığıyla da ekleyebilirsiniz.

WPCode, 1 milyondan fazla web sitesi tarafından kullanılan, piyasadaki en iyi WordPress kod parçacığı eklentisidir.

Bu eklenti, tema dosyalarınızdan herhangi birini düzenlemek zorunda kalmadan WordPress’e özel kod eklemeyi kolaylaştırdığı için bu yöntemi öneriyoruz.

İlk olarak, web sitenize WPCode eklentisini kurun ve etkinleştirin. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakabilirsiniz.

Etkinleştirmenin ardından WordPress kontrol panelinden Kod Parçacıkları ” + Parçacık Ekle sayfasını ziyaret edin.

Burada, ‘Özel Kodunuzu Ekleyin (Yeni Snippet)’ seçeneğinin altındaki ‘Snippet Kullan’ düğmesine tıklayın.

Bu sizi kod parçacığınız için bir başlık girerek başlayabileceğiniz ‘Özel Snippet Oluştur’ sayfasına götürecektir. Bu ad kullanıcılara gösterilmeyecektir ve yalnızca sizin tanımlamanız içindir.

Ardından, sağdaki açılır menüden kod türü olarak ‘CSS Snippet’i seçin.

Bundan sonra, aşağıdaki CSS kod parçacığını kopyalayıp ‘Kod Önizleme’ kutusuna yapıştırın:

<style type="text/css">
html, body {
	max-width: 100%;
	overflow-x: hidden;
}
</style>

Bunu yaptıktan sonra, ‘Otomatik Ekle’ ve ‘Kısa Kod’ olmak üzere iki seçenek bulacağınız ‘Ekleme’ bölümüne ilerleyin.

Buradan, etkinleştirme üzerine kodunuzu otomatik olarak yürütmek için ‘Otomatik Ekle’ modunu seçin.

Ancak, sadece bazı belirli sayfalarda yatay kaydırma çubuğunu devre dışı bırakmak istiyorsanız, ‘Kısa Kod’ modunu seçebilirsiniz.

Bunu yaptığınızda, WPCode size snippet aktivasyonu üzerine taşmayı kaldırmak için belirli bir web sitesi alanına veya sayfasına yapıştırabileceğiniz bir kısa kod sağlayacaktır.

Seçeneğinizi belirledikten sonra, sayfanın en üstüne gidin ve sağ üst köşedeki ‘Etkin Değil’ düğmesini ‘Etkin’ olarak değiştirin.

Ardından, ‘Snippet’i Kaydet’ düğmesine tıklayın.

İşte bu kadar! Sitenizdeki tüm yatay taşma kaydırma çubuklarını kaldırdınız.

Bonus: WordPress’te Özel Kaydırma Çubuğu Ekleme

Yatay kaydırma çubuğunu devre dışı bıraktıktan sonra, özel bir kaydırma çubuğu da ekleyebilirsiniz.

Örneğin, siteniz marka renklerinize göre belirli bir renk şeması kullanıyorsa, kaydırma çubuğunuz için de aynı rengi kullanabilirsiniz. Bu, görsel olarak çekici görünecek ve kullanıcıları sitenizi keşfetmeye teşvik edecektir.

Özel bir kaydırma çubuğu oluşturmak için Advanced Scrollbar eklentisini yükleyin ve etkinleştirin. Ayrıntılar için bir WordPress eklentisinin nasıl kurulacağına ilişkin başlangıç kılavuzumuza bakın.

Etkinleştirmenin ardından WordPress kontrol panelinden Ayarlar ” Gelişmiş Kaydırma Çubuğu Ayarları sayfasını ziyaret edin. Buradan artık kaydırma çubuğunun rengini isteğinize göre değiştirebilirsiniz.

İşiniz bittiğinde, ayarlarınızı kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklayın. Daha fazla bilgi için WordPress’te özel bir kaydırma çubuğunun nasıl ekleneceğine ilişkin eğitimimize bakın.

Umarız bu makale WordPress sitenizde taşmayı nasıl devre dışı bırakacağınızı öğrenmenize yardımcı olmuştur. WordPress sitenizde kullanabileceğiniz en iyi kod parçacıkları için uzman seçimlerimize ve WordPress’te kullanılmayan CSS’lerin nasıl kaldırılacağına ilişkin başlangıç kılavuzumuza da göz atmak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.