- Konu sahibi
- #1
WordPress'te RTL desteği nedir?
WordPress'te RTL desteği, sağdan sola yazılan Arapça, İbranice, Farsça ve benzeri dillerde sitenin metin yönünü, hizalamasını ve arayüz yerleşimini doğru gösterebilmesidir. RTL, “right to left” ifadesinin kısaltmasıdır. Bu destek yalnızca yazıyı sağa hizalamak değildir; menüler, simgeler, kenar çubukları, form alanları, tablolar ve yön belirten boşluklar da yazı yönüne uygun davranmalıdır.
RTL nasıl çalışır?
Bir sayfanın yazı yönü genellikle HTML belgesindeki
dir="rtl" niteliğiyle belirtilir. WordPress, geçerli yerel ayarın yönünü is_rtl() ile belirleyebilir. Klasik temada kök öğeye language_attributes() çıktısını eklemek dil ve yön bilgisini aktarır; temanın bunu doğru kullanması gerekir. Tema ve eklentiler de CSS kurallarıyla RTL düzenini destekler.Örneğin LTR bir yerleşimde içerik solda, kenar çubuğu sağda olabilir. RTL yerleşimde bu yönler tersine çevrilir. Ancak her şeyin mekanik olarak aynalanması doğru değildir. Bir telefon numarası, tarih biçimi, logo, oynat düğmesi veya ileri-geri simgesi kendi anlamına göre ayrıca ele alınmalıdır.
İyi bir RTL uyumluluğunda sabit
margin-left ve padding-right kullanımı yerine gerektiğinde mantıksal CSS özellikleri tercih edilir. Örneğin:
Kod:
.kutu {
margin-inline-start: 16px;
padding-inline-end: 12px;
text-align: start;
}Burada
inline-start ve inline-end, yön değiştiğinde otomatik olarak uygun kenara karşılık gelir. Böylece aynı stil hem soldan sağa hem sağdan sola yazı düzeninde daha az ek düzeltmeyle kullanılabilir.RTL denetiminde katmanları ayırma
| Katman | Kontrol | Yeterli olmayan yaklaşım |
|---|---|---|
| Belge yönü | Kök öğede dil ve dir bilgisi | Yalnız text-align:right kullanmak |
| Tema stili | Mantıksal boşluklar, menü ve mobil yerleşim | Her simgeyi ve her satırı aynalamak |
| Eklenti bileşeni | Form, galeri ve açılır listenin ayrı kontrolü | Ana sayfa doğruysa tüm siteyi uyumlu saymak |
| Karışık metin | Kod, e-posta ve URL parçalarının okunurluğu | Tüm içeriği tek yönde zorlamak |
Somut örnek: Arapça bir WordPress sitesi
Arapça bir WordPress sitesi oluşturduğunuzu varsayalım. İçerik metinleri sağdan sola akmalı, başlıklar sağa hizalanmalı, menü öğeleri doğru sırada görünmeli ve yazı içindeki madde işaretleri metnin başlangıç tarafında yer almalıdır. Temanız RTL uyumluysa yön bilgisi çoğunlukla otomatik uygulanır. Tema RTL uyumlu değilse ana içerik doğru görünse bile açılır menü, galeri, form veya alışveriş sepeti gibi bileşenlerde taşma ve ters yön sorunları oluşabilir.
Bu nedenle bir tema veya eklenti seçerken yalnızca “Arapça metin yazılabiliyor mu?” sorusuna bakmayın. Yönetim ekranı, ziyaretçi tarafı, mobil görünüm ve kullanılan özel bileşenler birlikte test edilmelidir.
Uygulanabilir kontrol adımları
RTL gerektiren bir siteyi kontrol ederken şu sırayı izleyin:
- WordPress site dilinin hedef RTL yerel ayarı olduğunu doğrulayın. Kullanıcı profilindeki yönetim dili ile ziyaretçi tarafındaki site dili farklı olabilir; yalnız panelin yönüne bakmayın. Dil değişikliğinin temanın ve eklentilerin yön desteğini otomatik olarak garanti etmediğini unutmayın.
- Temanın RTL uyumluluğunu üretici açıklamasından ve mümkünse deneme sitesindeki gerçek görünümden kontrol edin.
- Ana sayfa, yazı, menü, arama formu, iletişim formu, tablo ve mobil görünümü sağdan sola metinle test edin.
- Taşan alanları ve ters görünen bileşenleri tarayıcının geliştirici araçlarıyla inceleyin. Özellikle sabit sol-sağ margin, padding, float ve absolute konumlandırmalarını kontrol edin.
- Sorun yalnızca bir eklenti bileşenindeyse önce eklentinin kendi RTL stil desteğini ve tema çakışmasını ayırın; doğrudan genel CSS'yi değiştirmek başka bileşenleri bozabilir.
Kontrolün başarılı sonucu, metnin sağdan sola akmasıyla sınırlı değildir. Menü ve form alanları kullanılabilir kalmalı, simgeler anlamını korumalı, içerik mobil ekranda kesilmemeli ve LTR içeren kod, e-posta adresi veya URL parçaları okunabilir olmalıdır.
Sık yapılan hatalar
En yaygın hata, tüm siteye
text-align: right uygulamayı RTL desteği sanmaktır. Bu yöntem yön bilgisini değiştirmez; yalnızca metin hizasını değiştirir. İkinci hata, her simgeyi yatay olarak çevirmektir. Geri ve ileri gibi yön belirten simgeler çevrilebilirken marka işaretleri veya oynat düğmesi bağlama göre aynı kalabilir.Bir diğer hata, yalnızca masaüstünü test etmektir. RTL sorunları dar ekranlarda menü taşması, düğme metninin kesilmesi ve görsel ile başlık arasındaki boşluğun yanlış tarafa uygulanması şeklinde daha belirgin görülür. Ayrıca Arapça veya İbranice metin içine eklenen LTR parçalar, örneğin e-posta adresleri ve kodlar, ayrı yön kuralları gerektirebilir.
Sık sorulan sorular
RTL desteği için ayrı bir WordPress eklentisi gerekir mi?
Her zaman gerekmez. WordPress, tema ve eklenti RTL'yi doğru destekliyorsa temel yönlendirme ayrıca eklenti kurulmadan çalışabilir. Eklenti ancak belirli bir bileşenin eksik işlevini gidermek için düşünülmelidir.
Kullanıcı adları yönü belli olmayan metin içeriyorsa ne yapılabilir?
Yönü önceden bilinmeyen kısa metni
bdi öğesiyle çevresinden yalıtmak yararlı olabilir. HTML metin kaçışını yine uygulayın; yön yalıtımı güvenlik için kaçış yapmaz. Bir e-posta veya kod parçasının LTR olması gerekiyorsa o parçanın yönünü ayrıca belirtin.