Css 为ID创建别名

我正在开发一个WordPress网站，该网站基于ThemeGrill的FoodHunt主题（免费版-演示版）。主页是基于小部件创建的，如您所见：

每个小部件都有一个唯一的ID（#foodhunt_service_widget-2、#foodhunt_service_widget-3等等）。我认为不可能（或不建议）更改小部件ID

我需要为每个小部件会话创建一个带有锚的菜单。但是，我不希望链接是“#foodhunt_service_widget-2”，而是“quem somos”等等

我想知道是否可以为这些小部件ID创建一个别名，这样我就可以使用菜单链接上的别名，页面仍然会滚动到小部件区域。主要目的是在菜单上显示漂亮的锚链接，而不是让用户知道该部分被称为“foodhunt\u service\u widget-2”等等

有可能做到这一点吗

---

虽然我正在使用WordPress，但这是一个编码问题，我认为它适合StackOverflow。如果这不合适，请告诉我。

简短的回答是，您不能。。。但是你可以使用JS创建一个完整的系统，你可以使用你想要的ID（别名），然后点击将它们与真实的匹配，然后进行平滑滚动。由于它是一个wordpress站点，您可以轻松地将其编码为插件，或者直接将jQuery代码包含在site@TemaniAfif-这件复杂吗？你能帮我一下吗？我对JS不是很熟悉。另外，如果你认为有另一种方法可以“隐藏丑陋的锚”，我会很感激你的想法。非常感谢。