如何在网站切换到其他语言时禁用图像 link？

Question

我试图在网站导航出原始语言时禁用图像 link。它是 wordpress，我正在使用 Polylang 进行翻译。该网站使用葡萄牙语、英语、德语和法语。无论使用哪种语言，我都有一个位于公共包装中的小部件。该小部件将带有 links 的图像显示到使用 class (class="modal-link") 的插件命令的弹出窗口无法禁用 class 因为它会破坏其他页面中的 links。切换到 English/Deutsh/French.

时，我需要禁用 links

widget中的代码是这样的：

<a class="modal-link" href="http://moldetefa.com/wp2018/index.php/pt2020/">
<img border="0" alt="Centro2020" src="http://moldetefa.com/wp2018/wp- 
content/uploads/2018/08/c2020.png"></a>
<a class="modal-link" href="http://moldetefa.com/wp2018/index.php/pt2020/">
<img border="0" alt="Portugal2020" src="http://moldetefa.com/wp2018/wp- 
content/uploads/2018/08/pt_2020.png"></a>
<a class="modal-link" href="http://moldetefa.com/wp2018/index.php/pt2020/">
<img border="0" alt="FEDR" src="http://moldetefa.com/wp2018/wp- 
content/uploads/2018/08/FEDR.png"></a>

这个 CSS 有效，但我不知道如何用特定语言调用它

[href="http://moldetefa.com/wp2018/index.php/pt2020/"]{
pointer-events: none;
}

此 CSS 仅适用于在该语言下做事，但我不知道如何编写代码来禁用该特定 link。

:lang(en)   {

}

刚刚完成并成功了！ :O

:lang(en) > [href="http://moldetefa.com/wp2018/index.php/pt2020/"]{
pointer-events: none;
}

有什么想法吗？谢谢JF

Answer 1

您可以尝试在 functions.php 文件中添加一个小函数来检查当前语言和 return 一些东西：

function check_languages($pt, $fr, $en, de) {
    $cuurent_language = get_locale();
    if($cuurent_language == 'pt_PT'){
        return $pt;
    }
    if($cuurent_language == 'fr_FR'){
        return $fr;
    }
    if($cuurent_language == 'en_GB'){
        return $en;
    }
    if($cuurent_language == 'de_DE'){
        return $de;
    }
}

由于英语、法语等有 1 个以上的语言环境，您可以在 Polilang 中检查所选语言的当前版本 - http://joxi.ru/Vm6ZjvEHDqeMkm 并在需要时在此示例函数中替换它。添加此功能后，您可以像这样使用它：

<a class="<?=check_languages('modal-link', '', '', '');?>" href="http://moldetefa.com/wp2018/index.php/pt2020/">
<img border="0" alt="Centro2020" src="http://moldetefa.com/wp2018/wp- 
content/uploads/2018/08/c2020.png"></a>

因此，对于葡萄牙语，您将添加模态 class，对于其他语言 - 什么都没有或您放置的任何内容 class。我能想到的另一个选择是使用 Polilang string translation （比自定义函数更好，如果你的模板中有很多字符串需要翻译）并注册一个字符串，如：

<a class="<?pll_e('modal-link');?>" href="http://moldetefa.com/wp2018/index.php/pt2020/">
<img border="0" alt="Centro2020" src="http://moldetefa.com/wp2018/wp- 
content/uploads/2018/08/c2020.png"></a>

在 Polilang 中的字符串翻译之后，您将只为葡萄牙语保留 class。如果您想尝试 jQuery，请在您的主页模板文件末尾添加：

<script>
    if($('html').attr('lang') !== 'pt-PT'){
      $(".modal-link").css("pointer-events", "none !important");
    }
<\script>

如何在网站切换到其他语言时禁用图像 link？

How to disable image link when site toggles to other language?

wordpress

hyperlink

polylang

disable