Moodle 3.8+ Lambda主题 个人资料页隐藏指定元素方案求助

可行实现方案 #

方案1：CSS精准定位（改造成本最低） #

Moodle每个页面的body标签都会自动注入专属页面类，个人资料页默认携带path-user-profile类，可先限定页面范围，再结合:nth-of-type()选择器按顺序定位目标contentnode元素：

1. 打开个人资料页按F12启动开发者工具，数清楚年龄提示是父容器下的第几个contentnode元素（示例为第2个，可根据实际情况调整）
2. 在Lambda主题的自定义CSS面板添加以下代码：

.path-user-profile .contentnode:nth-of-type(2) {
    display: none !important;
}

如果页面contentnode顺序可能变动，也可使用CSS文本匹配写法（仅兼容2021年之后发布的主流现代浏览器）：

.path-user-profile .contentnode:has(:contains("over the age of 13")) {
    display: none !important;
}

方案2：JavaScript注入适配（无依赖兼容性最优） #

Lambda主题支持页脚注入自定义JS代码，添加以下脚本即可精准匹配文本隐藏对应元素，不受元素顺序影响：

document.addEventListener('DOMContentLoaded', function() {
    if (document.body.classList.contains('path-user-profile')) {
        document.querySelectorAll('.contentnode').forEach(node => {
            if (node.textContent.includes('Please verify that you are over the age of 13 years old')) {
                node.style.display = 'none';
            }
        });
    }
});

方案3：语言包改造（最彻底无性能损耗） #

直接通过Moodle核心的语言自定义功能删除对应提示文本，无需修改前端代码：

1. 登录管理员账号，进入「网站管理」-「语言」-「语言自定义」
2. 选择站点使用的语言，搜索对应提示的字符串标识（可通过开发者工具元素的lang属性定位，也可直接搜索文本内容匹配）
3. 将对应字符串的自定义值设置为空，保存后清空Moodle缓存即可生效

内容的提问来源于stack exchange，提问作者Graham