WordPress导航菜单前加上本性小图标

  某日闲得无聊就给Weisay Simple主题导航的菜单前面加了一个小图标,然后宣布下载的此主题却没有加小图标,于是许多人就问我怎么添加。

  因为我们菜单没有那么巨大,就4个分类,所以我就没有利用成果强大的WordPress菜单,而是用了最原始的代码显示出来的,然后谁人可以利便界说小图标。

  下载的Weisay Simple的导航是封装起来的,修改并不是那么的轻松,我之前试过一些要领,惋惜在兼容性上一直处理惩罚欠好,于是就没有修改上去,不外照旧有络绎不停的人来问这个图标的添加要领,发明许多人都喜欢仿照,我博客上有的则下载的主题也要有,好比我没有显示顶部的独立页面的菜单,而之前下载的主题默认显示,于是一大批人看也不看说明就问我怎么去掉顶部独立页面的导航,所以方才更新的Weisay Simple 1.4版我索性就去掉顶部的独立页面导航。

给导航标题前面加上本性小图标

  言归正传,我在更新的Weisay Simple的时候,一个突发的idea让我想到一个很简朴的要领去添加小图标,下面说说要领。

  首先你得利用具有WordPress菜单成果的主题,因为添加图标主要就是针对菜单型导航而来的。

  我就以Weisay Simple主题给首页添加图标为例,靠山-外观-菜单

给导航标题前面加上本性小图标

  URL内里填上你的首页地点,标签内里填上

<img src=http://down.chinaz.com/"wp-content/themes/weisaysimple/images/home.gif" alt="首页" />首页

  虽然尚有重要的一点,就是兼容问题,这个唯有IE6下有点显示问题,然后我给他打了个css补丁就OK了。

.topnav li img{_padding-top:11px;}

  增补:方才更新的Weisay Simple主题我新加了5个home小图标,对应其他的5个颜色,同时css补丁已经加了,所以用这个主题,而且想加图标的直接在菜单内里添加好代码就行,留意你主题用的什么颜色,就选取什么颜色的home图标。

Wordpress下载:

WordPress v3.5.2 简体中文版下载

WordPress导航菜单前加上天性小图标

界面预览

WordPress v4.4.2 英文版下载

WordPress导航菜单前加上天性小图标

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/10150.html