WordPress Taşan Link Kısaltma

WordPresste yazılarınızda uzun linkler eklediğinizde link bazen taşıyor ve sitenin css yapısını bozabiliyor.

Çoğu tema buna önlem almıyor ve bu durumda uzun link paylaşımlarında sitede kayma oluyor.

Kendi sitemde mobilde dolaşırken aşağıdaki manzara ile karşılaşınca durumu fark ettim!

Resimde göreceğiniz üzere site kaymış. Mobil cihazlarda kayma yapıyor ama bilgisyarda bakınca sorun göremiyorsunuz.

Çünkü monitörler büyük ve uzun yazıları sığdırıyor.

Aslında olması gereken görüntü aşağıdaki gibi cuk oturan bir görüntüdür.

Google da aradım taradım:

WordPress Css Long Link dedim short link dedim pek sonuç çıkmamıştı ki diplerden bir sonuç çıkardım sonunda!

Yapmanız gereken gayet basit:

WordPresste verdiğiniz Linklerin css yapı karşılığı dosyada a olarak geçer.

Aslında sadece wordpresste değil her yerde bu böyledir.

Bu koddan yola çıkarak…

Kodun Bize Lazım Olan Şekli budur!

a {word-break: break-all;}

 

Gayet basit dimi 🙂

Bu kodu wordpressste:

ayarlarda / görünüm / özelleştir / gelişmiş seçenekler / ek css

bölümüne bir yere yapıştırırsanız göreceksiniz ki artık linkler mobile sayfalarda kaymayacak.

Bu kodu temayı bozan kayma yapan diğer argümanlara da ekleyebilirsiniz.

 

Sizde bu kod çalışmaz ise şunu da deneyebilirsiniz bende sadece üstteki çalıştı:

a {
display: block;
width: 180px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}


100numaraliadam ile kalın hoşçakalın…

100numaraliadam Yeni Konu:  Wordpress Resimler Ayrı Safyada Açılıyor

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir






Bunlar da hoşunuza gidebilir...