wordpress侧边栏必看-wordpress侧边栏二级菜单
原创,时间:2023-02-22 15:00:12
关于wordpress侧边栏必看内容导航:
1、wordpress侧边栏必看
single.php
page.php
里面,把get_sidebar那一行去掉,除了主页都不显示边栏了
(推荐答案!)
前几天我也遇到了一个显示分类下文章的问题,不知道是不是你想要的,我写成文章形式了,,希望能够帮你解决问题,有什么不懂的再来问我。
修改代码 page.php
2、wordpress 侧边栏
实现多个侧边栏小工具
代码部分
在f镇棉连unctions.php中插入以下代码:
Sidebar
在sidebar.ph木顾蒸程社采数降运阿p中插入如下代码
(调用小工具)
保存完后在wordpress后台外观--小工具--看是否已经出现
效果图如上,当然你参划浓想三景国对入也可以无限制定义小工具,看网站需求了。(以此类推)
3、wordpress侧边栏二级菜单
Wordpress调用二级导航的方法:
1、新建 functions.php 函数文件并添加以下代码:
<?php
//自定义菜单
register_nav_menus(
array(
‘header-menu’ => __( ‘导航自定义菜单’ ),
)
);?>
2、把导航位置的li标签都删除掉,换上调用代码:
<?php wp_nav_menu( array( ‘container’ => ”,’menu_class’ => ‘navigation’,’menu_id’ => ‘nav_sgBhgn’) ); ?>
3、添加一个jquery库,放在body开始和结束的适合的位置即可:
<script type=”text/jscript”>
$(document).ready(function(){
$(‘ul.navigation li’).hover(function(){
$(this).find(‘ul:first’).slideDown(200);//显示二级菜单,括号中的数字表示下拉菜单完全显示出来需要200毫秒。
$(this).addClass(“hover”);
},function(){
$(this).find(‘ul’).css(‘display’,’none’);
$(this).removeClass(“hover”);
});
function hide_submenu(){
$(‘ul.navigation li’).find(‘ul’).css(‘display’,’none’);//红色标注改为当前导航ul的class名称
}
$(‘ul.navigation li li:has(ul)’).find(“a:first”).append(“”);
document.onclick = hide_submenu;
});
</script>
4、使用jquery库文件加载,大家可以测试一下模板打开的速度,哪个快用那个:
谷歌加载:<script src=”http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js” type=”text/javascript”></script>
百度加载:<script type=”text/javascript” src=”//libs.baidu.com/jquery/2.0.3/jquery.min.js”></script>
新郎加载:<script type=”text/javascript” src=”//lib.sinaapp.com/js/jquery/1.7.2/jquery.min.js”></script>
5、添加CSS样式:
/* 二级菜单 */
.sub-menu{
display:none;/*初始状态下隐藏子目录*/
position:absolute;/*显示最顶层*/
}
.sub-menu li{
width:100%;/*显示子目录宽度/*针对IE6*/
clear:both;/*垂直显示*/
background:#000;/*子目录背景颜色*/
}
搜一下:wordpress 为什么二级菜单无法打开
行业热门话题:
【wordpress 侧边栏】【wordpress侧边栏二级菜单】【wpf 侧边栏】【web侧边栏】【wpf侧边菜单】【word侧边栏怎么设置】【wordpress栏目】【word侧边栏目录怎么打开】【wordpress底部】【wordpress菜单栏】