wordpress制作自定义菜单的方法

下面是制作自定义菜单的完整步骤：

1. 在WordPress后台创建菜单

在WordPress后台的“外观”-“菜单”中，创建一个新的菜单，命名为“自定义菜单”。

2. 添加自定义链接

在菜单编辑界面中，可以添加自定义链接。例如，添加一个名为“联系我们”的自定义链接，链接到网站的联系我们页面。另外，还可以添加分类、标签等。

3. 编辑菜单

在左侧的可用项列表中，勾选需要的菜单项，点击“添加到菜单”。添加完毕后，可以通过拖拽调整菜单项的顺序。还可以设定菜单的名称、位置等属性。

4. 保存菜单

编辑完菜单后，点击“保存菜单”。接下来，在网站的页面中就可以看到添加的自定义菜单了。

示例1

假设我们要在自定义菜单中添加一个下拉子菜单，用来显示网站的最新文章。可以按照以下步骤实现：

1. 在菜单编辑界面中，添加一个自定义链接，链接到“#”（表示链接无效）。
2. 将该链接拖拽到需要的菜单项上方，形成一个垂直的箭头。
3. 将需要添加的子菜单项，如“最新文章”等，添加到该箭头下方的菜单项中。

这样，就完成了自定义菜单的第一个子菜单。

示例2

假设我们要在首页的顶部菜单中添加一个“投稿”按钮，用来方便用户登录后投稿。可以按照以下步骤实现：

1. 在菜单编辑界面中，添加一个自定义链接，链接到网站的投稿页面。
2. 为该链接添加一个特殊的类名，如“submit-link”。可以通过“CSS类（可选）”字段来添加类名。
3. 在主题的functions.php文件中添加如下代码：

function add_submit_link_class($atts, $item, $args) {
    if (in_array('submit-link', $item->classes)) {
        $atts['class'] = 'btn-submit';
    }
    return $atts;
}
add_filter('nav_menu_link_attributes', 'add_submit_link_class', 10, 3);

这段代码会检测菜单项是否包含类名“submit-link”，如果包含的话，就会将该菜单项的链接添加一个类名为“btn-submit”的样式类。

这样，在网站的顶部菜单中，就可以看到一个特殊的“投稿”按钮了。

阅读剩余 22%