[优化篇]去除worpdress菜单多余的css样式
发布于
by
摘要：[crayon-623ec9fed75c0757681430/] 在wordpress主题菜单调用中，程…
摘要：[crayon-623ec9fed75c0757681430/] 在wordpress主题菜单调用中，程序通常会默认生成…
|
1
2
3
|
<li id=“menu-item-6” class=“menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-6”><a href=“https://www.wazhuti.com/”>挖主题首页</a></li>
<li id=“menu-item-13” class=“menu-item menu-item-type-taxonomy menu-item-object-category menu-item-13”><a href=“http://www.wazhuti.com/wordpress-jian-zhan”>WordPress建站</a></li>
<li id=“menu-item-8” class=“menu-item menu-item-type-taxonomy menu-item-object-category menu-item-8”><a href=“http://www.wazhuti.com/wordpress-zi-xun-zhu-ti”>WordPress主题</a></li>
|
在wordpress主题菜单调用中，程序通常会默认生成类似上面的累赘css属性样式；但通常我们在wordpress主题的制作开发过程中是用不到的这样繁杂的属性的；我们可以通过优化函数将默认的这样css选择器去除性。方法如下
在主题的functions.php文件件添加如下函数：
|
1
2
3
4
5
6
7
8
9
|
/**
* 去除worpdress菜单多余的css样式
*/
add_filter(‘nav_menu_css_class’, ‘my_css_attributes_filter’, 100, 1);
add_filter(‘nav_menu_item_id’, ‘my_css_attributes_filter’, 100, 1);
add_filter(‘page_css_class’, ‘my_css_attributes_filter’, 100, 1);
function my_css_attributes_filter($var) {
return is_array($var) ? array_intersect($var, array(‘current-menu-item’,‘current-post-ancestor’,‘current-menu-ancestor’,‘current-menu-parent’)) : ”;
}
|
代码的第 9 行的数组内容保留了 class=”current-menu-item”等四个样式 ，让你可以自由定义当前菜单的高亮样式
最终呈现的代码如下;
|
1
2
3
|
<li class=“current-menu-item”><a href=“https://www.wazhuti.com/”>挖主题首页</a></li>
<li><a href=“http://www.wazhuti.com/wordpress-jian-zhan”>WordPress建站</a></li>
<li><a href=“http://www.wazhuti.com/wordpress-zi-xun-zhu-ti”>WordPress主题</a></li>
|
类别：WordPress教程、
本文收集自互联网，转载请注明来源。
如有侵权，请联系 wper_net@163.com 删除。
猜你喜欢GUESS YOU LIKE
定时任务：用ChatGPT api 以关键词和特定描述，自动写原创文章，并自动发布
朋友需要做一个用wordpress的定时任务，来做这个定时器。功能是，用ChatGPT api 以关键词和特定描述，自动写原创文章，并自动发布。他说代码的关键在于，需要定时自动发布不会写？看看下面的代码，我利用wordpress自带的定时任务函数wp_schedule_event()搞定，当然，关于GPT api 的使用，我就不赘述了。
最后更新
还没有任何评论，赶紧来占个楼吧！