WordPress網(wǎng)站返回頂部按鈕添加方法:
為巴青等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù),及巴青網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為做網(wǎng)站、網(wǎng)站制作、巴青網(wǎng)站設(shè)計(jì),以傳統(tǒng)方式定制建設(shè)網(wǎng)站,并提供域名空間備案等一條龍服務(wù),秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求,就會(huì)得到認(rèn)可,從而選擇與我們長期合作。這樣,我們也可以走得更遠(yuǎn)!
重寫window.onscroll()事件,先將返回頂部div設(shè)置為position:fixed;right:10px;bottom:10px;display:none,一旦event.scrollTop100(100可以設(shè)置為你想要的值)就display:block(fadeIn()),否則display:none(fadeOut())。還要設(shè)置返回頂部div點(diǎn)擊事件,onclick(function(){$('body,html').animate({scrollTop:0},1000);}),這個(gè)什么意思不用我多說吧,既然搞Jquery,動(dòng)畫還是應(yīng)該曉得。
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);//一秒漸入動(dòng)畫
}else{
$("#gotop").fadeOut(1000);//一秒漸隱動(dòng)畫
}
});
$("#gotop").click(function(){
$('body,html').animate({scrollTop:0},1000);
});
});
/script
默認(rèn)情況,WordPress博客登陸之后會(huì)直接進(jìn)入管理后臺(tái),但是若想登陸后返回登陸前的頁面該怎么辦呢?在WordPress中文論壇有個(gè)網(wǎng)友提起了這個(gè)問題,下面是我給他提供的解決方案:
你可以在主題目錄下的sidebar.php或者其他文件中添加以下登陸超鏈接
a href="?php echo wp_login_url( home_url(add_query_arg(array(),$wp-request)) ); ?" title="登陸后臺(tái)"登陸后臺(tái)/a
這樣在側(cè)邊欄點(diǎn)擊這個(gè)鏈接登陸后就會(huì)自動(dòng)返回登錄前的頁面。
用戶一般都是自上而下瀏覽完網(wǎng)站,瀏覽完后就要返回網(wǎng)站頂部,一般的網(wǎng)站都添加了返回頂部的功能,方便用戶快速到達(dá)網(wǎng)站頂部,而不必去滾動(dòng)鼠標(biāo)。如果你不懂得代碼,沒關(guān)系,wp auto top這個(gè)WordPress插件將幫你實(shí)現(xiàn)這個(gè)功能。
下面將詳細(xì)介紹WordPress返回頂部插件wp auto top的使用方法。
1/3
先安裝wp auto top插件。登陸WordPree后臺(tái),按如下步驟操作:
2/3
安裝好了之后,不用任何設(shè)置,打開網(wǎng)站首頁,在左側(cè)會(huì)看到如下圖的兩個(gè)箭頭,點(diǎn)擊向上的箭頭,回到網(wǎng)站頂部,點(diǎn)擊向下的箭頭,回到網(wǎng)站底部。
3/3
另外,我們?cè)凇霸O(shè)置”》“wp-auto-top”里面可以設(shè)置它的圖片顏色、顯示頁面、顯示位置、浮層層高等等。
1、打開wordpress后臺(tái),選擇“外觀”–“編輯”–找到“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.然后保存,刪除緩存文件即可。