下面是制作自定义菜单的完整步骤:
1. 在WordPress后台创建菜单
在WordPress后台的“外观”-“菜单”中,创建一个新的菜单,命名为“自定义菜单”。
2. 添加自定义链接
在菜单编辑界面中,可以添加自定义链接。例如,添加一个名为“联系我们”的自定义链接,链接到网站的联系我们页面。另外,还可以添加分类、标签等。
3. 编辑菜单
在左侧的可用项列表中,勾选需要的菜单项,点击“添加到菜单”。添加完毕后,可以通过拖拽调整菜单项的顺序。还可以设定菜单的名称、位置等属性。
4. 保存菜单
编辑完菜单后,点击“保存菜单”。接下来,在网站的页面中就可以看到添加的自定义菜单了。
示例1
假设我们要在自定义菜单中添加一个下拉子菜单,用来显示网站的最新文章。可以按照以下步骤实现:
- 在菜单编辑界面中,添加一个自定义链接,链接到“#”(表示链接无效)。
- 将该链接拖拽到需要的菜单项上方,形成一个垂直的箭头。
- 将需要添加的子菜单项,如“最新文章”等,添加到该箭头下方的菜单项中。
这样,就完成了自定义菜单的第一个子菜单。
示例2
假设我们要在首页的顶部菜单中添加一个“投稿”按钮,用来方便用户登录后投稿。可以按照以下步骤实现:
- 在菜单编辑界面中,添加一个自定义链接,链接到网站的投稿页面。
- 为该链接添加一个特殊的类名,如“submit-link”。可以通过“CSS类(可选)”字段来添加类名。
- 在主题的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”的样式类。
这样,在网站的顶部菜单中,就可以看到一个特殊的“投稿”按钮了。
本站文章如无特殊说明,均为本站原创,如若转载,请注明出处:wordpress制作自定义菜单的方法 - Python技术站