怎样为wordpress导航菜单设置图标

怎样为wordpress导航菜单设置图标,第1张

说简单一下,利用插件实现,试试这个插件Font Awesome 4 Menus,

一、WP后台--插件--安装插件页面搜索:Font Awesome 4 Menus,下载安装并启用。

二、WP后台---外观---菜单,进入菜单设置页面,选择并编辑一个菜单项,在CSS类中输入一个图标字体选择器名称,如图:

如果在编辑菜单项目面板中无CSS类,可以打开右上角的“显示选项”,在显示菜单高级属性中勾选“CSS类”。

图标字体选择器名称,打开此页查看:http://fortawesome.github.io/Font-Awesome/icons/

点开一个认为合适的图标字体,在下会显示类似:

<i class="fa fa-home"></i>

只需在菜单CSS类中输入fa fa-home就可以了。

那然这个图标字体库并不只局限于使用在导航菜单上,只要把相应的图标代码加到主题模板的相应位置,也同样可以显示。

WordPress二级菜单是指在WordPress主题中,可以使用一个菜单作为顶级菜单,并在顶级菜单的下方创建一个次级菜单,这样形成一个层级关系。

WordPress二级菜单可以更有效地组织网站的内容,让用户更容易找到自己想要的内容。

二级菜单还可以帮助网站的SEO优化,因为它支持分类结构和多个链接。

WordPress二级菜单的设置很容易,只需要进入WordPress后台,在菜单中添加顶级菜单,然后添加次级菜单,并将次级菜单分配给顶级菜单即可。

同时还可以在菜单中添加其他类型的页面、文章、分类等,以形成一个完整的菜单结构。

WordPress原生的菜单系统非常强大,基本可以满足建站需要,不用再安装其它插件了。本文主要介绍如何创建WordPress菜单,WordPress菜单的高级用法,并简单看一下菜单相关的代码。

如何创建菜单

访问仪表盘->外观->菜单,打开菜单界面。要使一个菜单生效,你只需要注意两个地方。

一、屏幕右侧创建菜单的地方,点击加号就可以创建一个新的菜单,菜单的名字只是用来区分菜单的,不会在前台显示出来。

二、菜单位置,例如新创建的菜单应该放在页首还是页脚,或者是侧栏?必须为菜单指定一个位置,菜单才能在前台显示。

创建菜单的方法很简单:

1. 通过屏幕右侧的添加菜单按钮,将页面或分类添加到菜单里。

2. 用拖拽的方式改变菜单的顺序,控制菜单的层级关系。WordPress允许你创建2层、3层甚至无数层菜单,只要你的主题支持。

3. 点击“保存菜单”保存你的菜单项目,点击“主题位置”处的“保存”按钮让菜单位置生效。

高级应用

WordPress菜单隐藏了一些功能,如果你想控制菜单更多的属性,不妨点击屏幕右上角的显示选项,让隐藏的功能都显示出来,隐藏的功能允许你:

可以选择更多的菜单项目种类,例如标签和文章。

给某个菜单项添加class,通过css是这个菜单项与众不同;

通过链接关系关系网(XFN)给菜单添加rel属性,例如不想搜索引擎跟随这个菜单,可以为其添加rel="nofllow"属性。

控制菜单打开方式,在新窗口打开(target="_blank")或在当前窗口打开。

如何在主题中创建新的菜单


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/tougao/11367107.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存