自动从 ltr 设计到 rtl

design from ltr to rtl automatically

我有一个 LFR(从左到右)的法语网站 客户希望将网站翻译成希伯来语,从而将其转换为 RTL(从右到左)。在所有希伯来语网站中,设计都是相反的

https://he.wikipedia.org/wiki/

https://www.google.co.il/

有没有办法自动执行此操作?同样,我不是在谈论文本方向。我想水平翻转设计,像镜面效果。

您的里程可能会有所不同。一些网页生成工具支持轻松切换的 RTL,而对于其他网页生成工具,当您指定 <html dir="rtl"> 时,所见即所得完全中断。浏览器碎片化也可能是一个问题:某些浏览器根本不正确支持 RTL 项目符号列表。

网上有不少不错的教程;我会推荐 https://hacks.mozilla.org/2015/09/building-rtl-aware-web-apps-and-websites-part-1/ and https://hacks.mozilla.org/2015/10/building-rtl-aware-web-apps-websites-part-2/。如果您查找 Google 以搜索更多文章,请记住这个领域正在迅速变化,几年前的一些食谱可能已经过时。

您可能会发现 css-flip or rtlcss 的自动化很有用。

请注意,定位通常并不容易,并且总是需要手动触摸。您必须非常了解 target 文化,才能识别出对最终用户来说可能看起来很糟糕的微小故障。例如,在希伯来语网站上,"back" 按钮需要不同的图像。在阿拉伯语网站上,一些数字应该用印度数字表示,但其他数字应该使用通常的数字。

一周的第一天等问题对于 LTR 本地化也很常见。