MasterStudy – 语言切换器在移动端菜单中显示为纯文本

状态: 已由作者解决
相关插件/主题: MasterStudy LMS Learning Management System
主题标签: Compatibility

问题概述

将 MasterStudy 主题 与 WPML 配合使用时，直接添加到主菜单的语言切换器在移动端视图中会显示为纯文本。发生这种情况是因为该主题绕过了标准的 WordPress 菜单渲染函数。

临时解决方法

在继续操作之前，请确保对您的网站进行完整的网站备份。

打开 …/wp-content/themes/masterstudy/partials/headers/parts/mobile_menu.php 文件。

在第 20 行左右，查找：

foreach ( (array) $menu_items as $key => $menu_item ) {

在其正下方添加以下内容：

// Detect WPML LS with class 'wpml-ls-item' 
$classes = is_array( $menu_item->classes ) ? $menu_item->classes : array(); 
if ( in_array( 'wpml-ls-item', $classes, true ) ) { 
    continue; 
}

然后在文件末尾附近，查找：
```
echo $menu_list;
        
```

将其替换为：

$menu_list .= '<div class="stm_lms_categories_dropdown__parent">'; 
$menu_list .= do_shortcode( '[wpml_language_selector_widget]' ); 
$menu_list .= '</div>' . "n";
echo $menu_list;

样式说明：

您可以在“WPML > 语言 > 自定义语言切换器”中设置语言切换器的样式。

我们的语言切换器具有特定的宽度。若要在移动设备（1025px 以下）上使其全宽显示，请在您的样式表或“自定义 > 额外的 CSS”中添加此 CSS。
```
@media screen and (max-width: 1025px) {
  .wpml-ls-legacy-dropdown {
      width: 100%;
  }
}
        
```

所有已知问题 →