时间戳

首页 > 解决方案 > 根据站点的语言更改跨度文本

javascript - 根据站点的语言更改跨度文本

问题描述

我已经用我的语言建立了一个 wordpress 网站，并使用“实时查找和替换”插件<span class="class1">TEXT</span>在代码中的特定位置添加了一个页面。我现在正在尝试使用polylang创建网站版本，但我无法更改此特定文本，因为它是使用插件硬编码的。

有没有办法根据站点的语言环境更改这个跨度类文本？

标签： javascripthtmlcsswordpress

解决方案

我使用Wordpress已经有一段时间了，但当时他们习惯于根据w3规范在HTML标签中定义网页的语言。

<html lang="En">
     <body>
         <span lang="En">Hello</span>
         <span lang="Jp">こんにちは&lt;/span>
     </body>
</html>

通常使用该标签来定位特定元素。对于这个例子，我们将隐藏所有不是该语言的元素，同时显示那些是。在此示例中，假设显示绿色而隐藏红色。

html[lang="En"] span{background: red;}
html[lang="En"] span[lang="En"]{background:green}
html[lang="Jp"] span{background: red;}
html[lang="Jp"] span[lang="Jp"]{background:green;}

当 HTML 中的语言定义为“En”时，所有带有“En”的标签都将变为绿色，其余的将变为红色。

如果您将 En 更改为 Jp，那么它将被翻转。

这是它的副本：https ://replit.com/@DillonBurnett/targetSpanByLanguage#index.html

尝试更改<html lang="En">为<html lang="JP">.

假设 Wordpress 仍然以同样的方式使用语言标签。否则，我知道有一些语言插件和一个用于替换文本的插件。

推荐阅读