WordPress'te Taşmayı Devre Dışı Bırakma (Yatay Kaydırmayı Kaldırma)

Bir sayfadaki bir öğe, ekranda gösterilemeyecek kadar geniş olduğunda ve ekranın dışına taştığında yatay bir kaydırma çubuğu görünür. Çoğu WordPress teması, site düzeninizi bozabileceği ve kullanıcıları karıştırabileceği için yatay kaydırmayı kullanmaz.

Bir site sahibi olarak sizin için sinir bozucu ve inanın bize, içeriğinizde gezinmeye çalışan ziyaretçileriniz için daha da sinir bozucu.

Neyse ki, deneyimlerimize göre taşmayı devre dışı bırakmak ve o kaydırma çubuğundan kurtulmak genellikle basittir ve sitenizin görünümünde ve kullanım kolaylığında büyük bir fark yaratır.

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. Doğrudan talimatlarımız, kodlama uzmanı olmasanız bile kullanıcı dostu ve takip etmesi kolaydır.

WordPress'te Yatay Kaydırma Çubuğu veya Taşma Neden Olur?

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

Bir öğe web sitesi düzeninizden daha genişse WordPress yatay bir kaydırma çubuğu gösterecektir. Buna 'taşma' denir. Yatay bir kaydırma çubuğunun olması 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. İnsanların sitenizden ayrılmasına neden olabilir, bu da dönüşüm ve satışların düşmesine yol açar.

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

Bunu akılda tutarak, WordPress'te taşma yatay kaydırma çubuğunu kolayca nasıl devre dışı bırakabileceğimize bakalım:

• Yöntem 1: Tema Özelleştiriciyi Kullanarak CSS Kod Parçasını Ekleme
• Yöntem 2: WPCode Kullanarak CSS Kod Parçasını Ekleme
• Bonus: WordPress'e Özel Kaydırma Çubuğu Ekleme

Yöntem 1: Tema Özelleştiriciyi Kullanarak CSS Kod Parçasını Ekleme

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

Tek yapmanız gereken WordPress kontrol panelinden Görünüm » Özelleştir sayfasına gitmektir.

Özelleştirme sayfasında, ‘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, taşma 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 Kod Parçasını Ekleme

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

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

Bu yöntemi öneriyoruz çünkü bu eklenti, tema dosyalarınızdan herhangi birini düzenlemek zorunda kalmadan WordPress'e özel kod eklemeyi kolaylaştırır.

Öncelikle, web sitenize WPCode eklentisini kurun ve etkinleştirin. Daha fazla ayrıntı için, WordPress eklentisinin nasıl kurulacağına dair adım adım kılavuzumuza bakabilirsiniz.

Etkinleştirdikten sonra, WordPress kontrol panelinden Kod Parçacıkları » + Parçacık Ekle sayfasını ziyaret edin.

Burada, ‘Özel Kod Ekle (Yeni Parça)’ seçeneğinin altında ‘+ Özel Parça Ekle’ düğmesine tıklayın.

Ardından, ekrana gelen seçenekler listesinden kod türü olarak ‘CSS Parçası’nı seçmeniz gerekir.

Şimdi, kod parçacığınız için bir başlık girerek başlayabileceğiniz 'Özel Parçacık Oluştur' sayfasına yönlendirileceksiniz.

Bu ad, kullanıcılara gösterilmeyecek ve yalnızca sizin kimliğiniz içindir.

Bundan sonra, aşağıdaki CSS kod parçası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, ‘Ekleme’ bölümüne aşağı kaydırın; burada ‘Otomatik Ekleme’ ve ‘Kısa Kod’ olmak üzere iki seçenek bulacaksınız.

Buradan, kodunuzun etkinleştirme üzerine otomatik olarak çalıştırılması için 'Otomatik Ekle' modunu seçin.

Ancak, yalnızca 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, 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çiminizi yaptıktan sonra, sayfanın en üstüne gidin ve sağ üst köşedeki anahtarı ‘Etkin Değil’den ‘Etkin’e getirin.

Ardından, 'Parçacığı 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'e Ö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 markanızın renklerine 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 dair başlangıç kılavuzumuza bakın.

Etkinleştirdikten sonra, WordPress kontrol panelinden Ayarlar » Gelişmiş Kaydırma Çubuğu Ayarları sayfasını ziyaret edin. Buradan, kaydırma çubuğunun rengini istediğiniz gibi 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 dair eğitimimize bakın.

Umarım bu makale, WordPress sitenizdeki taşmayı nasıl devre dışı bırakacağınızı öğrenmenize yardımcı olmuştur. Ayrıca, WordPress sitenizde kullanabileceğiniz en iyi kod parçacıkları ve WordPress'te kullanılmayan CSS'yi nasıl kaldıracağınıza dair başlangıç kılavuzumuza da göz atmak isteyebilirsiniz.

Bu makaleyi beğendiyseniz, lütfen WordPress video eğitimleri için YouTube Kanalımıza abone olun. Bizi ayrıca Twitter ve Facebook'ta da bulabilirsiniz.