网站切换到其他语言时如何禁用图像链接?

时间:2018-09-27 12:37:20

标签: wordpress hyperlink polylang disable

当网站导航出原始语言时,我正在尝试禁用图像链接。它的wordpress和我正在使用Polylang进行翻译。 该网站使用葡萄牙语,英语,德语和法语。无论语言如何,我都有一个位于通用包装中的小部件。该小部件显示的图像带有指向使用类(class =“ modal-link”)的插件命令的弹出窗口的链接,无法禁用该类,因为它将断开其他页面中的链接。切换到英语/德语/法语时,我需要禁用链接。

小部件中的代码如下:

<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仅适用于使用该语言进行处理,但我不知道如何编写代码以禁用该特定链接。

:lang(en)   {

}

只需完成此操作即可! :O

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

有什么想法吗?感谢JF

1 个答案:

答案 0 :(得分:0)

您可以尝试的操作是,在functions.php文件中添加一个小函数来检查当前语言并返回一些信息:

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;
    }
}

由于英语,法语等语言环境不止一种,因此您可以在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>

因此,对于葡萄牙语,您将为其他语言添加模态类-不添加任何内容或放置任何类。我可以想到的另一种选择是使用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进行字符串翻译,然后只剩下葡萄牙语的课程。如果要尝试使用jQuery,请在首页模板文件的末尾添加以下内容:

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