如何为WordPress自定义链接菜单项添加Permalink/Slug
实现WordPress菜单项的自定义Permalink/Slug需求
核心结论:可以实现,但需要配合页面或重定向设置
你想要的www.example.com/nuts-and-seeds格式URL,同时点击后滚动到Elementor的目标元素,没法直接通过自定义链接的Slug设置实现,得通过以下两种方法完成:
方法一:创建空白页面绑定Permalink
- 进入WordPress后台,新建一个空白页面
- 在页面编辑页的「永久链接」设置里,把Slug改成
nuts-and-seeds,保存页面 - 用Elementor打开这个空白页面,添加一个HTML模块,插入这段代码:
<script> window.onload = function() { // 跳转到主页并自动滚动到目标元素 window.location.replace('www.example.com/#nuts-and-seeds'); }; </script> - 回到「外观→菜单」,把这个新建的页面添加为菜单项。点击后URL会先显示
www.example.com/nuts-and-seeds,随后自动跳转到主页的目标元素位置。
方法二:用重定向插件实现(无需额外页面)
- 安装并启用重定向类插件(比如Redirection)
- 在插件后台添加一条重定向规则:
- 来源URL:
/nuts-and-seeds - 目标URL:
/#nuts-and-seeds - 重定向类型选302临时重定向(方便后续调整)
- 来源URL:
- 回到菜单设置,添加自定义链接,URL填写
www.example.com/nuts-and-seeds即可。点击后URL显示为指定格式,同时重定向到主页并滚动到目标元素。
关键提醒
- 直接填写
www.example.com/nuts-and-seeds而不做任何设置会触发404错误,必须配合上述两种方法之一 - 确认Elementor目标元素的CSS ID是
nuts-and-seeds,大小写要完全一致,否则滚动失效
内容的提问来源于stack exchange,提问作者omar
相关产品推荐
相关产品推荐

