Mettre un élément de menu en gras au chargement de la page et mettre en gras un autre élément de menu au clic, voici ce qu'il faut faire dans WordPress

Question

J'ai cherché longtemps mais je n'ai pas trouvé de bonne solution. Lorsque j'entre sur le site, je veux que l'élément de menu DE soit en gras, et si je clique sur EN, je veux que DE redevienne mince et EN soit en gras.

Le site Web est : https://kxplaw.live-website.com

Actuellement, j'affiche avec succès les éléments avec la classe current-menu-item en gras, mais cela n'inclut pas les éléments lorsque j'ouvre la page pour la première fois.

J'ai essayé d'utiliser JavaScript mais je ne sais pas trop comment le faire fonctionner.

Answer 1

Allez sur 外观 -> 菜单，然后在右上角点击 屏幕选项。然后（如果未选中），勾选 CSS 类 选项，并为每个菜单项添加新的字段 CSS 类（可选），并为 EN 和 DE 添加类 menu-language.

Uniquement pour DE 添加类 lang-DE

Uniquement pour EN 添加类 lang-EN

Maintenant attaché à l'événement clic

// 点击时将添加会话存储语言参数
jQuery(document).on("click", ".menu-language", function(){
    var lang = jQuery(this).text();
    sessionStorage.setItem("language", lang);
});

// 每次页面加载时，我们检查语言参数，然后加粗选定的语言
// 默认值为 "DE"
var language = sessionStorage.getItem("language") ?? 'DE';
if(language != null) {
    jQuery(".lang-" + language).css({"font-weight": "bold"})
}

La langue sélectionnée sera désormais en gras sur chaque page.