Link ekranı genişletiyor

Question

Selamlar. Sitemde uzun linkler paylaştığım zaman linkin bir kısmının aşağı kaymasının yerine dümdüz uzuyor. Ve mobilde kötü bir görüntü oluyor. Bu sorunu nasıl düzeltebilirim? (Insert Shortcodes ile ilgili değil, onsuz linklerde aynı)

zagor6390 · Answer

Linki kisaltabilirsiniz

ENESTALHABRAND · Answer

zagor6390 adlı üyeden alıntı:						mesajı görüntüle									Linki kisaltabilirsiniz 		Geçici bir çözüm aramıyorum hocam

SkyGhostAir · Answer

Sorunun olduğu örnek bir sayfa yazar mısın bakıp çözüm bulmaya çalışayım.

ozanx07 · Answer

ENESTALHABRAND adlı üyeden alıntı:						mesajı görüntüle									Selamlar. Sitemde uzun linkler paylaştığım zaman linkin bir kısmının aşağı kaymasının yerine dümdüz uzuyor. Ve mobilde kötü bir görüntü oluyor. Bu sorunu nasıl düzeltebilirim? (Insert Shortcodes ile ilgili değil, onsuz linklerde aynı)
 		Script Facebook Group Bölümünü Nasıl Çekiyor Hocam Ona Göre Bir Çözüm Üretebilirim

ENESTALHABRAND · Answer

ozanx07 adlı üyeden alıntı:						mesajı görüntüle									Script Facebook Group Bölümünü Nasıl Çekiyor Hocam Ona Göre Bir Çözüm Üretebilirim 		Hocam facebook linki sadece denk geldi, her uzun link böyle zaten

ozanx07 · Answer

ENESTALHABRAND adlı üyeden alıntı:						mesajı görüntüle									Hocam facebook linki sadece denk geldi, her uzun link böyle zaten 		bit.ly İle kısalta bilrisiniz hocam geçici bir çözüm

OOWC · Answer

Sorun hala çözülmediyse çözüm sağlayabilirim. Pm atabilirsiniz.

Vindicta · Answer

Link kısaltma çözümü biraz komik bir çözüm önerisi olmuş.

Yapman gereken ilgili elementin seçicisinin css'ine aşağıdaki kodu eklemek;

word-wrap:break-word;

OOWC · Answer

Vindicta adlı üyeden alıntı:						mesajı görüntüle									   Link kısaltma çözümü biraz komik bir çözüm önerisi olmuş.

Yapman gereken ilgili elementin seçicisinin css'ine aşağıdaki kodu eklemek;

word-wrap:break-word; 		break word çözümünün de link kısaltma çözümünden arta kalır yanı yok. Media taglarıyla link fontunun boyutu responsive olarak değiştirilebilir.

Vindicta · Answer

Empat adlı üyeden alıntı:						mesajı görüntüle									break word çözümünün de link kısaltma çözümünden arta kalır yanı yok. Media taglarıyla link fontunun boyutu responsive olarak değiştirilebilir. 		Olayın ne oldunu tam olarak kavramadan saçma çözüm önerilerinde bulunup kullanıcıları yanlış yönlendirme lütfen.

break word bu durumun en stabil çözümüdür. Bu durumda belirtilen media yöntemi çok sığ, uğraştırıcı ve çözünürlüklere göre bir çok ayar gerektirecek bir çözüm (?) önerisi. Ayrıca ekran küçülttükçe verilen bağlantıları küçültmek mobil cihazlarda okunamayacak duruma getirecektir.

OOWC · Answer

Vindicta adlı üyeden alıntı:						mesajı görüntüle									   Link kısaltma çözümü biraz komik bir çözüm önerisi olmuş.

Yapman gereken ilgili elementin seçicisinin css'ine aşağıdaki kodu eklemek;

word-wrap:break-word; 								Vindicta adlı üyeden alıntı:						mesajı görüntüle									Olayın ne oldunu tam olarak kavramadan saçma çözüm önerilerinde bulunup kullanıcıları yanlış yönlendirme lütfen.

break word bu durumun en stabil çözümüdür. Bu durumda belirtilen media yöntemi çok sığ, uğraştırıcı ve çözünürlüklere göre bir çok ayar gerektirecek bir çözüm (?) önerisi. Ayrıca ekran küçülttükçe verilen bağlantıları küçültmek mobil cihazlarda okunamayacak duruma getirecektir. 		Media taglarını bilmiyorsunuz galiba? Ekran küçüldükçe otomatik olarak font küçültülürse dediğiniz gibi olur. Ancak media tagları ile yaygın 5-6 çözünürlük seviyelerinde font özellikleri manuel olarak belirtilirse bahsettiğiniz sorun olmaz. Break word yaparsanız UX açısından negatif olacağını bilmiyorsunuz sanırım.  Bahsettiğiniz 1-2 satırlık break word metotuyla UI sorunu çözülür, UX sorunu meydana gelir. Bu çok doğal, geliştirici adında kod yazanların çoğunun çözüm mantığı sadece sorunu çözmek üzerine. Bir sorun çözüldüğünde başka sorun meydana gelecekse, o sorunu hiç çözmeyin daha iyi. Bağlantıyı break word yapan büyük bir site/platform gördünüz mi hiç? Önemli olan daima az kod yazmak değil, gereken kodu en clean code şeklinde yazmak.

Vindicta · Answer

Empat adlı üyeden alıntı:						mesajı görüntüle									Media taglarını bilmiyorsunuz galiba? Ekran küçüldükçe otomatik olarak font küçültülürse dediğiniz gibi olur. Ancak media tagları ile yaygın 5-6 çözünürlük seviyelerinde font özellikleri manuel olarak belirtilirse bahsettiğiniz sorun olmaz. Break word yaparsanız UX açısından negatif olacağını bilmiyorsunuz sanırım. Bahsettiğiniz 1-2 satırlık break word metotuyla UI sorunu çözülür, UX sorunu meydana gelir. Bu çok doğal, geliştirici adında kod yazanların çoğunun çözüm mantığı sadece sorunu çözmek üzerine. Bir sorun çözüldüğünde başka sorun meydana gelecekse, o sorunu hiç çözmeyin daha iyi. Bağlantıyı break word yapan büyük bir site/platform gördünüz mi hiç? Önemli olan daima az kod yazmak değil, gereken kodu en clean code şeklinde yazmak. 		   UX Açısından nasıl bir sorun yaşatacakmış break word ? Kişi isterse font boyutlarını ekran boyutlarına göre zaten düzenleyebilir. CSS Tarafında bu işin temel çözümü break-word'dur. Break-word'suz bir şekilde font ayarlaması yapmaya çalışmak, daha uzun linklerde gene taşma sorununa itecektir. Ayrıca bu iş için break-word kullanmayıp daha sığ çözümler kullanan büyük platformuda atmanı beklerim, yada neyse alıntılama tekrar, nerede, nasıl kullandığını göstertmek için uğraştırma. İyice bak, break-word kullandıklarını sende göreceksin

Clean kodu savunupta bir çok ekran boyutunu referans alıp tek tek özel font boyutu ekleyip çözüme ulaşamamak

Onur89TR · Answer

text-overflow: ellipsis; Tarzında bir kod eklenebilir