
WooCommerce Multilingual 5.5.0 —— 更流畅、更快速、更易用
我们刚刚发布了 WooCommerce Multilingual 5.5.0!这个主要版本带来了更好的可用性、提升的性能以及一些应用户要求新增的功能。
从右到左的语言带来了一些特殊的挑战。幸运的是,WordPress 在很大程度上减轻了这些麻烦。我们将向您展示如何基于默认的 TwentyTen 主题,创建一个功能完善的 RTL 网站。
当您创建一个多语言 RTL / LTR 网站时,需要解决两个问题:
在显示网站时,您的主题需要为 RTL 和 LTR 语言处理正确的显示方向。
本教程将以我们的 Twenty Ten 多语言演示网站为例,该网站提供英语、西班牙语和希伯来语(RTL)版本。
您还需要配置 WPML,以允许其翻译主题和插件。
如果您对此还不熟悉,请首先阅读有关翻译管理模块的内容。
这是我将 Hello World 文章翻译成希伯来语时的界面。

您可以看到英语文本左对齐,而希伯来语右对齐。我甚至可以使用 HTML 模式从英语中复制并粘贴项目。HTML 模式以 LTR 显示,以允许您正确输入标签。
当您翻译字符串时,WPML 也会以正确的方向显示它们。这是我翻译 Search 小工具标题时的字符串翻译屏幕。

翻译编辑器和字符串翻译模块将允许我们完全翻译网站。接下来,我们来看看如何以正确的方向正确显示它。
这短短的一行代码发挥了大部分神奇的作用:
<html dir="rtl" lang="he-IL">
dir="rtl" 属性告诉网站,整个网站的显示方向是从右到左。浏览器能够理解这一点,并将所有内容翻转到正确的方向。
来自 header.php 的这行简单的 PHP 代码使其得以实现:
<html <?php language_attributes(); ?>>
如果您的主题的 HTML 和 CSS 遵循“安全”的做法,这确实就是您所需要的全部。所谓“安全”,我指的是没有绝对定位或宽度。如果您必须使用绝对值,您可以考虑为每种语言加载不同的 CSS。
您可以使用检查 ICL_LANGUAGE_CODE 常量的条件语句(在 WPML 编码 API 中有描述)轻松实现这一点。