Right-to-left Joomla templates: RTLize your layout with T3 Framework

JA Erio template RTLized

Right-to-left Joomla templates: RTLize your layout with T3 Framework

Since more than one year, I discussed with Joomlart's CEO (Hung) about the necessity to do a native RTL template. Actually, I was unhappy to see all these automaticlly mirrored templates with a global code: "direction: rtl" that send the vertical scroll to the left side of the screen and cause more issues than solutions. Yes, I read from right to left but I use my right hand to scroll pages and I have the same visual logic as readers of Left-to-Right scripts.

A language is described as right-to-left (or RTL) if writing starts from the right of the page, and continues to the left. Right to left scripts are:

Having a stimulating opportunity to do a portal for "Aratypo: Arabic Typography" for my team of Arabic typeface creators and graphic designers, I decided to use JA Erio in this strategic project and I started to "rtlize" the template as would be naturally read by native Arabic visitors.

This was a quite amazing project that I shared with some of JA mods, I would like to thank them firstly, Pavit, Khoand, TomC, Jooservices (Viet Vu) for their answers and solutions to all of my interrogations.

I think now that I put the very most of the Rtlizing solutions for this template in the forum JA Erio and I hope that all the RTL languages developers will use the right coding for their language.

What makes a good RTL template?

  • Mandatory: Vertical scroll stays in the right side of the screen. IE is the browser that tell you the real place of the vertical scroll.

Right-to-left Joomla templates: RTLize your layout with T3 Framework

 

  • Menu items are aligned to the right side.

Right-to-left Joomla templates: RTLize your layout with T3 Framework

 

  • Images are mostly in the right side of the article.

Right-to-left Joomla templates: RTLize your layout with T3 Framework

 

  • Breadcrumbs starts from the right side of the screen and it is oriented from right to left.

Right-to-left Joomla templates: RTLize your layout with T3 Framework

 

  • Articles, sections, categories wordings are aligned to right. Direction of the text is rtl.

Right-to-left Joomla templates: RTLize your layout with T3 Framework

 

The great news for the original script lovers!

Monotype released a plug-in for Joomla 1.5-17 to implement webfonts. This is very important in order to show exceptional scripts in RtL languages. Monotype propose a free/payed subscriptions that can be tested/used.

You can download this plug-in from the link: https://github.com/webfonts/Web-Fonts

you can use this technology and have a subscription from the link: www.fonts.com/webfonts

Right-to-left Joomla templates: RTLize your layout with T3 Framework

What is next step?

Every time I watch the window of Joomlart fans on Facebook I can regonize 30% of RtL Script people! Is it interesting enough percentage in order to start doing a native RtL templates? The experience showed that it is not a big dev investment and I hope that we start to do other templates in this pathway. All RtLizers are invited!

How could template designers place this in the new multi-language function in Joomla 1.7?

This is quite interesting question for the perspective of Joomla development.

The website: www.aratypo.net is published in beta version and we continue to RTLize it and to implement articles till the end of this year. In January 2012 we will be fully operational for the Arabic script and graphic design professionals; be tuned...

Personally, I will answer to every question regarding the RTLizing possibility; please do not hesitate to contact me.

Login to post comments

Custom HTML

This is a custom html module. That means you can enter whatever content you want.

Login

Who's Online

We have 72 guests and no members online