WordPress新增錨點鏈接,點擊跳轉到頁面指定位置

WordPress新增錨點鏈接
WordPress新增錨點鏈接,只需為指定元素新增ID,並為點擊跳轉元素設定對應的錨連結即可。
文章目錄

本篇文章共375 字,預計閱讀時間2 分鐘

為WordPress添加錨點鏈接

錨點連結按鈕 錨點跳轉元素如上圖所示,我們要實現點擊Banner裡的「CASE」按鈕,然後跳到頁面下方的「SERVICE CASE」板塊。

使用元素開啟需要編輯的頁面。

(使用其它編輯器也是一樣的邏輯,就是先給跳轉目標添加一個CSS ID,再把ID當作連結加入按鈕即可)

為元素添加CSS ID

首先需要為要跳到的板塊「SERVICE CASE」外的容器新增CSS ID,例如起名叫「case-id」。

設定錨鏈結

再給Banner裡的“CASE”按鈕設定對應的連結“#case-id”,這樣就完成了錨點連結。

你還可以利用這項功能實現回到頁面頂部的效果。

來看一些效果示範:

以上就是錨點連結設定的全過程,更多文章請查看Well的部落格

: ) 文章內容均為原創,轉載須註明出處並添加原文鏈接,否則視為侵權
外貿伺服器推薦(Well在用的伺服器)
vultr-徽標
一線品牌VPS伺服器,穩定、不貴、效能強
二線品牌VPS伺服器,穩定、便宜、效能強
文章標籤
文章推薦
文章目錄
相關文章
繁体中文