WPML append current language Code in body tag

WPML 是什麼?

是一個出色的 WordPress 多國語言插件,功能非常強大
官網:https://wpml.org

WordPress 最好用多國語言插件

在 body 標籤的 class 中加入當前的語言代碼

在進行多國語言網站開發的時候,會希望 Body 上面有一個可以判斷語言的 Class 可以讓 CSS 或 JavaScript 這類前端程式可以藉此方便去調整文字的樣式或功能等等,以樣式為例,因為不同語言的字寬可能不太一樣,通常需要再進行一些針對語言的樣式調整,以下代碼可在 body 標籤的 class 上加入目前的 Language Code

請將下列代碼置於主題根目錄下的 fuctions.php 文件

/**
 * WPML append current language Code in body tag
 * @link https://v123.tw/wpml-append-current-language-code-in-body-tag/
 */
if (class_exists('SitePress')) {
    add_filter('body_class', 'append_language_class');
    function append_language_class($classes){
    $classes[] = 'language-'.ICL_LANGUAGE_CODE;  //or however you want to name your class based on the language code
    return $classes;
    }
}

最後輸出結果

<body class="home page page-id-116 language-en">

透過語言代碼,個別針對對應語言的標題進行調整

body.language-tw h1{
    font-size: 18px;
}
body.language-en h1{
    font-size: 20px;
}
body.language-jp h1{
    font-size: 19px;
}

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步瞭解 Akismet 如何處理網站訪客的留言資料