WPML 是什麼?
是一個出色的 WordPress 多國語言插件,功能非常強大
官網:https://wpml.org
在 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;
}