十年網(wǎng)站開發(fā)經(jīng)驗 + 多家企業(yè)客戶 + 靠譜的建站團隊
量身定制 + 運營維護+專業(yè)推廣+無憂售后,網(wǎng)站問題一站解決
WordPress網(wǎng)站返回頂部按鈕添加方法:

為巴青等地區(qū)用戶提供了全套網(wǎng)頁設計制作服務,及巴青網(wǎng)站建設行業(yè)解決方案。主營業(yè)務為做網(wǎng)站、網(wǎng)站制作、巴青網(wǎng)站設計,以傳統(tǒng)方式定制建設網(wǎng)站,并提供域名空間備案等一條龍服務,秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務。我們深信只要達到每一位用戶的要求,就會得到認可,從而選擇與我們長期合作。這樣,我們也可以走得更遠!
重寫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中文論壇有個網(wǎng)友提起了這個問題,下面是我給他提供的解決方案:
你可以在主題目錄下的sidebar.php或者其他文件中添加以下登陸超鏈接
a href="?php echo wp_login_url( home_url(add_query_arg(array(),$wp-request)) ); ?" title="登陸后臺"登陸后臺/a
這樣在側邊欄點擊這個鏈接登陸后就會自動返回登錄前的頁面。
用戶一般都是自上而下瀏覽完網(wǎng)站,瀏覽完后就要返回網(wǎng)站頂部,一般的網(wǎng)站都添加了返回頂部的功能,方便用戶快速到達網(wǎng)站頂部,而不必去滾動鼠標。如果你不懂得代碼,沒關系,wp auto top這個WordPress插件將幫你實現(xiàn)這個功能。
下面將詳細介紹WordPress返回頂部插件wp auto top的使用方法。
1/3
先安裝wp auto top插件。登陸WordPree后臺,按如下步驟操作:
2/3
安裝好了之后,不用任何設置,打開網(wǎng)站首頁,在左側會看到如下圖的兩個箭頭,點擊向上的箭頭,回到網(wǎng)站頂部,點擊向下的箭頭,回到網(wǎng)站底部。
3/3
另外,我們在“設置”》“wp-auto-top”里面可以設置它的圖片顏色、顯示頁面、顯示位置、浮層層高等等。
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.然后保存,刪除緩存文件即可。