【WordPress教學】如何製作回到頂端按鈕?(WPFront Scroll Top)

如何製作回到頂端按鈕?(WPFront Scroll Top)

現在網頁在設計時為了提升使用者體驗,漸漸大家都會加入回到頂端按鈕,讓滑到下方的文章可以很快地回到最上方操作其他的動作,那今天 【WordPress教學】如何製作回到頂端按鈕?(WPFront Scroll Top) 就是要介紹wordpress外掛中我覺得好用的Scroll To Top Button,一起來安裝吧~

安裝WPFront Scroll Top,並啟用!

WPFront Scroll Top

將Enabled打勾,並調整各項設定!

下面各種設定可以依序自己調整~

WPFront Scroll Top

Button Style/Button Action設定

Button Style:

1. Image:可以選擇預設的圖片或自己上傳圖片
2. Text:可以輸入文字
3. Font Awesome:使用Font Awesome網站上的icon

Button Action:

1. Scroll to top:回到上方
2. Scroll to Element:滾動到某元素(可設定)
3. Link to Page:連結到某頁面

WPFront Scroll Top

Location設定

設定位置為左上、左下、右上、右下,以及x\y軸的位置~

WPFront Scroll Top

選擇出現頁面

1. 可選全部頁面
2. 哪些頁面出現
3. 哪些頁面不要出現

WPFront Scroll Top

選圖示

他預設提供以下圖示可以使用,若都不喜歡也可以自己上傳

WPFront Scroll Top

儲存設定就完成了!

WPFront Scroll Top

You Might Also Like