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 > ภาษา > ตัวสลับภาษาแบบกำหนดเอง”

ตัวสลับภาษาของเรามีความกว้างที่เฉพาะเจาะจง หากต้องการทำให้มีความกว้างเต็มหน้าจอบนมือถือ (ต่ำกว่า 1025 px) ให้เพิ่ม CSS นี้ในสไตล์ชีตของคุณหรือใน ปรับแต่ง > CSS เพิ่มเติม
```
@media screen and (max-width: 1025px) {
  .wpml-ls-legacy-dropdown {
      width: 100%;
  }
}
        
```

ปัญหาที่ทราบแล้วทั้งหมด →