Wordpress菜单导航下拉效果判断是否有子分类
WEB开发经常主导航经常用到下拉菜单功能,可以在有子分类的栏目附近放置一个倒三角形,提醒用户这里的有更多分类。方法很简单,模板代码块如下:
HTML部分
<ul> <li <?php $category = get_the_category(); //默认获取当前所属分类 echo 'class="son' . $category[0]->category_parent . '"'; //若不是子分类目录 则值为0; ?>><a href="list-1">栏目一</a> </li> ... </ul>
CSS样式
ul li.son0{background:url(/skin/images/xia.png) no-repeat right center;} ul li.son:hover{background:url(/skin/images/shang.png) no-repeat right center;}
例子是用倒三角和正三角的背景图片,加了一点鼠标反馈效果,也可以用CSS3或者font-icon的来做,喜欢的就自己研究一下,就不贴出来了。
相关文章
- Wordpress栏目用分页插件与其他插件冲突出现404错误解决办法
- Wordpress首页列表页文章根据权重倒序排序
- Wordpress文章缩略图特色图片the_post_thumbnail函数应用
- Wordpress默认编辑器添加文字大小、字体
- Wordpress设置上传图片默认使用全尺寸
- Wordpress自定义字段插件Advanced Custom Fields使用及调用字段亲测有效
- Wordpress函数is_home判断是否首页失效及处理办法
- Wordpress插件contact form 7设置占位符描述文本placeholder
- Wordpress在任意页面调用联系表单简码
- Wordpress反复中毒,如何有效防止利用漏洞安装文件管理插件
- Wordpress调用指定分类有某TAG标签的文章
- Wordpress禁止指定用户名注册及增加邮箱验证