MasterStudy – 모바일 메뉴에서 언어 전환기가 일반 텍스트로 표시됨

상태: 개발자가 해결함
관련 플러그인/테마: MasterStudy LMS Learning Management System
주제 태그: Compatibility

문제 개요

WPML과 함께 MasterStudy 테마를 사용할 때, 기본 메뉴에 직접 추가된 언어 전환기가 모바일 보기에서 일반 텍스트로 표시됩니다. 이는 테마가 표준 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%;
  }
}
        
```

알려진 모든 문제 →