随记 · 2024年9月7日

wordpress添加锚点菜单

下文以本示例制作教程,此外,示例网页是使用Elementor pro制作的,如果你用的是其他编辑器,也是同理去寻找css id等可以作为锚点的设置项。

  1. 请在elementor编辑页面中,找到锚点需要放置的栏目(section),譬如公司介绍栏目,单击该栏目以便展开左侧的面板
  2. 选择advanced标签页
  3. 选择advanced栏目
  4. 填入css id,建议用栏目的英文名,单词之间用-间隔,譬如about-us,然后update保存页面
add-anchor-links-to-wordpress-navigation-menus

接下来进入菜单页面,添加自定义链接菜单,其中URL部分由以下两部分构成

  1. 锚点内容所在页面的url
  2. # 加上锚点内容的CSS id,即上文中的about-us,组成#about-us
add-anchor-links-to-wordpress-navigation-menus-2

保存菜单后,我们访问网站,点击锚点菜单查看效果

add-anchor-links-to-wordpress-navigation-menus