WordPress özel temanıza RTL desteği nasıl eklenir

RTLCSS: Bu çerçevenin bir dizi çok ayrıntılı talimatı vardır ve mevcut yazıda da doğrudan beta dönüştürücü testidir.
CSSJANUS: Bu araç, sol panelde soldan sağa (LTR) CSS’nizi basit tiptir, Gönder düğmesini tıklayın ve sağdaki RTL CSS’nizi görün.
Bu yapmanın en basit yolu. Yeni bir CSS oluşturduktan sonra, daha sonra kullanıma hazır stil-rtl.css adlı bir dosya olarak üretilen stili kaydedin.
İkinci yöntem biraz daha sıkıcı çünkü stil sayfası ‘geçersiz kılma’ içeriyor. Bu sürümde, her CSS satırını keşfedecek ve tüm yatay konumlandırma öğelerini manuel olarak RTL.CSS adlı ayrı bir dosyaya taşıyacak ve yansıtacaksınız. Bu daha küçük dosyalar üretir, ancak sonunda bunu takip etmek için daha fazla çalışma gerektirir, özellikle de temanızda yeni güncellemeler ve değişiklikler yapmaya devam edersiniz. Bunu yapmak için önce aşağıdaki kodu rtl.css dosyanızın üstüne ekleyin: gövde {yön: rtl;
Unicode-Bidi: Pilting;
} Ardından, diğer seçmenler için, her bir sol veya sağ pozisyonu ters pozisyona yönlendirdiğinizden emin olun. Özellikle metin-align, şamandıra ve net arayın. Ancak, yönlendirdiğiniz doğru seçmenler kendi ihtiyaçlarınıza (ve müşterilerinize) dayanacaktır.
Belirli bir yön gösteren bir arka plan görüntüsünüz varsa, ters bir sürüm sağlamanız ve RTL.CSS stil sayfasındaki referansı da güncellemeniz gerekir. Bu arada, yeni bir değer ayarlamadan önce, bu özelliklerin hepsinin orijinal görüntü için ‘LED’ olması gerekir:
sınırlamak
katman
sınır
arka plan pozisyonu
sağ ve sol pozisyon
Son olarak, negatif metin endikasyonları kullanılarak ekrandan basılan herhangi bir düğmeye pozitif olarak aktarılmalıdır. Bu, işlevinizin cihaz dışında yerinde kalmasını sağlar.
Bu değişikliği yaptıktan sonra, style.css ile aynı dizinde rtl.css olarak yeni bir dosyayı kaydedin. Artık WordPress’in gerekirse dosyanızı yükleyebilmesini sağlayabilirsiniz.
Adım 2: WordPress’in RTL stilini gördüklerinden emin olun Bir CSS Maker kullanıyorsanız, şimdi WordPress’in doğru zamanda yükleyebilmesi için yeni stil sayfası stili-rtl.css için sıraya girmelisiniz. Bu sadece function.php dosyasına snippet ekleme meselesidir: enqueue_enquee_files () {wp_enqueue_style (‘themeslug style’, get_stylesheet_uri ());

WP_STYLE_ADD_DATA (‘stil-tema’, ‘rtl’, ‘Değişik’);
}
Add_action (‘wp_enqueue_scripts’, ‘enqueue_theme_files’); Bu, Web sitesi RTL diline ayarlandığında WordPress’e doğru stil sayfasını yüklemesini söyler. Stylesheet style.css’inizi düzenli olarak yüklemek için enqueue’yi doğru kullandığınızı varsayarsak, enqueed stiller işlevine wp_style_add_data () bilgilerini ekleyebilirsiniz.
Ancak, özel bir yedek stil sayfası kullanırken, herhangi bir özel işlev içermenize gerek yoktur. WordPress, rtl.css dosyasını yalnızca ikincil dosyalar kullanarak yönlendirme olarak adlandırılacak olan normal styles.css’inizden sonra yükler. Seçtiğiniz yöntem kullanıma hazır olduktan sonra, her şeyin WordPress’te düzgün çalışıp çalışmadığını test etmenin zamanı geldi. RTL tarafından desteklenen yeni tema tasarımını nasıl test edebileceğinize bakalım. Bunu eylemde görmek, her şeyin beklendiği gibi görünmesini sağlamanıza ve gerekli manuel iyileştirmeleri göz önünde bulundurmanıza olanak tanır.
Adım 3: WordPress’te RTL tarzı testiniz
WordPress kurulumunuzdaki RTL dilini test etmek için birkaç seçeneğiniz var. Birincisi, WordPress’i RTL diline değiştirmektir. Bunu yapmak için WordPress kontrol panelinizde Ayarlar sayfasını> ortak açın. Ardından, gerilme aşağı kutusunda gördüğünüz ilk komut dosyası dilini seçin: Kaydettikten sonra, her şeyin şimdi sağdan sola olduğunu göreceksiniz. Ancak, iki dilli değilseniz, elbette, herhangi bir metni anlamakta zorluk çekeceksiniz. Bunun üstesinden gelmek için, İngilizceyi ana dil olarak kullanırken RTL stilini etkinleştirmek için bir geliştirici kullanabilirsiniz.
Burada faturaya uygun iki eklenti var. İlk olarak, genel bir RTL test cihazı eklentisi var. Kurulduktan ve etkinleştirildikten sonra, bu temelde tüm web sitelerinizdeki anahtarı tersine çevirir ve ona tüm özel RTL stillerini yüklemesini söyler. İkincisi, bir gönderide farklı yönler arasında geçiş yapmanızı sağlayan WP-RTL vardır. Bu eklentinin işlevselliği iyi olsa da, son zamanlarda yenilenmediklerini unutmayın. Basit ve ezoterik işlevselliği göz önüne alındığında, anlaşılabilir. Bunun dışında, mevcut WordPress kurulumunuzdaki her ek işlevi sağlamanız gerekebilir, ancak olasılık Siteyi doğrudan teşvik ederken gereksinimlerin bir avantajı olacaktır.
Bu iki eklenti arasında, farklı RTL veya LTR içeriğiyle çeşitli düzenlerin ne göründüğünü hızlı bir şekilde test edebilmeniz gerekir. Son olarak, RTL stili eklerken metin ve biçimlendirme stilinin hemen hemen her permütasyonunu eklediğinizden emin olmak için WordPress tema testi verilerini kullanmalısınız. Sonuç En az 200 milyon internet kullanıcısı sağdan sola yazılmış dil konuşur. Bu pazar tarafından kullanılabilmesi için tasarımınızı açmak için temanızdaki RTL stilini sunar. Onlar olmadan, şu anda ürün ve hizmetlerinizi (veya müşterilerinizi) kaybeden çoğu insandır. Bu makalede, RTL stilinin önemini ve neden görmezden gelmemeniz gerektiğini öğrendiniz. Ardından, size üç adımda temanıza nasıl ekleyeceğinizi öğrettik: temanız için RTL CSS oluşturun.