wordpress顶部 wordpress顶部插件
如何去掉WordPress顶部工具栏
除去wordpress顶部烦人的工具条的方法
创新互联专业为企业提供高台网站建设、高台做网站、高台网站设计、高台网站制作等企业网站建设、网页设计与制作、高台企业网站模板建站服务,十余年高台做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。
一、完全禁用工具条:
1、完全去除wordpress工具条(代码一)
show_admin_bar(false);
2、完全去除wordpress工具条(代码二)
add_filter('show_admin_bar', '__return_false');
2、只对特定用户显示工具条
只对管理员显示
if (!current_user_can('manage_options')) {
add_filter('show_admin_bar', '__return_false');
}
只对管理员和编辑显示
if(!current_user_can('edit_posts')) {
add_filter('show_admin_bar', '__return_false');
}
3、将工具条从顶部移至页脚
functionfb_move_admin_bar() {
echo'
style type="text/css"
body {
margin-top: -28px;
padding-bottom: 28px;
}
body.admin-bar #wphead {
padding-top: 0;
}
body.admin-bar #footer {
padding-bottom: 28px;
}
#wpadminbar {
top: auto !important;
bottom: 0;
}
#wpadminbar .quicklinks .menupop ul {
bottom: 28px;
}
/style';
}
// 如果你想让工具条显示在后台顶部,请删除这行代码
add_action( 'admin_head', 'fb_move_admin_bar');
//如果你想让工具条显示在前台顶部,请删除这行代码
add_action( 'wp_head', 'fb_move_admin_bar');
PS:以上代码都是加入到functions.php中即可。
如何为WordPress主题添加一个返回顶部按钮
1、打开wordpress后台,选择“外观”–“编辑”–找到“footer.php”,在/body之前加上下面这段代码:
代码如下
div id="full" style="
width:50px;
height:95px;
position:fixed;
left:50%; top:420px;
margin-left:493px;
z-index:100;
text-align:center;
cursor:pointer;"
aimg src="121008370928.png" border=0 alt="返回顶部"/a /div
script type="text/javascript"var isie6 = window.XMLHttpRequest ? false : true; function newtoponload() { var c = document.getElementById("full"); function b() { var a = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; if (a 0) { if (isie6) { c.style.display = "none"; clearTimeout(window.show); window.show = setTimeout(function () { var d = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop; if (d 0) { c.style.display = "block"; c.style.top = (400 + d) + "px" } }, 300) } else { c.style.display = "block" } } else { c.style.display = "none" } } if (isie6) { c.style.position = "absolute" } window.onscroll = b; b() } if (window.attachEvent) { window.attachEvent("onload", newtoponload) } else { window.addEventListener("load", newtoponload, false) } document.getElementById("full").onclick = function () { window.scrollTo(0, 0) };/script
2.然后保存,删除缓存文件即可。
WordPress网站返回顶部按钮怎么添加
WordPress网站返回顶部按钮添加方法:
重写window.onscroll()事件,先将返回顶部div设置为position:fixed;right:10px;bottom:10px;display:none,一旦event.scrollTop100(100可以设置为你想要的值)就display:block(fadeIn()),否则display:none(fadeOut())。还要设置返回顶部div点击事件,onclick(function(){$('body,html').animate({scrollTop:0},1000);}),这个什么意思不用我多说吧,既然搞Jquery,动画还是应该晓得。
style type="css/text"
#gotop{position:fixed;right:10px;bottom:10px;display:none}
/style
div id="gotop"/div
script type="javascript/text"
$(function(){
$(window).scroll(function(){
if($(window).scrollTop 100){
$("#gotop").fadeIn(1000);//一秒渐入动画
}else{
$("#gotop").fadeOut(1000);//一秒渐隐动画
}
});
$("#gotop").click(function(){
$('body,html').animate({scrollTop:0},1000);
});
});
/script
当前题目:wordpress顶部 wordpress顶部插件
网站路径:http://scyanting.com/article/ddoishs.html