RTL 布局适配：阿拉伯语/希伯来语主题的 dir 与样式

引言：阿语站文字从左到右乱了

阿拉伯语、希伯来语从右向左书写（RTL）。普通 LTR 主题直接上会布局错乱：侧栏在错边、箭头反向、padding 左右颠倒。需显式声明 RTL。

原理分析：RTL 适配要点

1. dir 属性：<html dir="rtl" lang="ar">，告诉浏览器方向。
2. CSS 逻辑属性：用 margin-inline-start 代替 margin-left，浏览器自动镜像；旧代码写死 left/right 需反转。
3. 镜像资源：箭头图标、进度条方向。
4. 字体：阿语需合适字体。

保姆级实操

WP 多语言插件在阿语时自动加 dir；主题用逻辑属性：

.card { padding-inline: 16px; margin-inline-start: 12px; text-align: start; }

// 加载 RTL 样式表（若存在）
if ( is_rtl() ) wp_enqueue_style( 'theme-rtl', get_stylesheet_directory_uri().'/rtl.css' );

常见坑

1. 写死 left/right，RTL 下错位。
2. 没加 dir，方向错。
3. 案例：某站阿语版侧栏在左、箭头反向，改逻辑属性 + is_rtl 样式后正常。
4. 图标没镜像，视觉违和。
5. 第三方库不认 RTL，需补。

总结

判断标准：dir=rtl + CSS 逻辑属性 + 资源镜像。行动清单：加 dir → 改逻辑属性 → RTL 样式 → 测阿语 → 字体。详见多语言 URL 结构对比。