通用過濾器
頁面
教程分類

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

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

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

為WordPress添加錨點鏈接

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

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

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

為元素添加CSS ID

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

設定錨鏈結

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

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

來看一些效果示範:

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

: ) 文章內容均為原創,轉載須註明出處並添加原文鏈接,否則視為侵權
提供專業外貿建站服務
WordPress建站資源下載
WordPress 外掛程式下載,合理使用外掛程式豐富網站功能
WordPress伺服器推薦,外貿專用VPS | 虛擬主機教學、評量
WordPress專用VPS、虛擬主機推薦
文章標籤
文章推薦
文章目錄

建站遇到問題?

聯絡我們獲得技術支援
相關文章
Google OAuth 2.0 用戶端ID 與Secret 建立教學課程
Google OAuth 2.0 用戶端建立教學課程

這篇文章分享Google OAuth 2.0 用戶端ID 和Secret 建立教學課程,讓你的網站可以安全地存取Google API,讓使用者可以使用Google一鍵登入你的網站!

WordPress 多語言外掛如何選擇?
WordPress 多語言外掛如何選擇?

本篇文章列出多款主流的WordPress 多語言外掛(WPML、Polylang、TranslatePress 等),然後從功能特性、SEO 友善度、易用性、效能影響、等幾個方面進行比較評估。


或者

或者