【WordPress教學】安裝WPFront Scroll Top即可快速至頂端

為了讓使用者體驗非常好,我們要讓每一個文章右下方可以讓人快速返回至頂端,這樣的用意在於不需要讓讀者滑滑鼠至頂端,這樣相當麻煩的。

那麼,今天這篇文章就來談Wordpress其中一個很棒的外掛,WPFront Scroll Top。

為什麼要安裝快速至返回頂端的外掛?

當你文章寫得非常長有很多事要說,因此讀者會往下看,但是現在有一個問題,那就是如果是電腦版的讀者這樣滑下來之後想返回頂端,還需要用滑鼠滾輪,這是相當不直覺的方式。

最好的方式就是有一個ICOM點一下就可以瞬間返回頂端,使用這樣的方式就需要用到wordpress其中一個很棒的外掛來幫助我們做到這件事,WPFront Scroll Top

如何安裝WPFront Scroll Top?

Step1.

首先,先到外掛的地方,點擊安裝外掛

Step2.

在關鍵字打上WPFront Scroll Top

Step3.

然後找到這個圖像,點擊右上角的立即安裝

Step4.

跑完之後,點擊啟用

Step5.

它會自動帶你來這邊,第一個啟用(Enabled)與JavaScript 異步(JavaScript Async)這兩個打勾,然後按鈕大小(Button Size)設為70X70px(視情況而定)。

小設備最大寬度(Small Device Max Width)這邊可以設650px。

按鈕樣式(Button Style)看你想要圖像還是文字還是字體,這邊我是選第一個。

這邊就蠻重要了,這邊是你要選擇按紐放在哪裡,右下角還是正下方又或者是左下方等,一般大多數會選擇右下方(Bottom Right)。

MarginX與Y部分是根據在網頁的四方形邊邊算起,比如說,我選右下角它會在網頁的右側與下方為基準,25PX是它的距離。

這邊建議選All Page。

下方有好多種選擇幫你製作好的返回箭頭,你可以選擇你喜歡的使用。

選好了之後就按儲存設定。

Step6.

在本網站就可以看到右下方有箭頭,這樣就可以返回了。

結論

以是就是利用wordpress安裝WPFront Scroll Top可以讓讀者直接快速返回頂端的外掛,相當方便,而且還有不錯的使用者體驗,希望這篇文章有幫助到你。

你可能會喜歡…

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

Scroll to Top