通用過濾器
頁面
教程分類

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的部落格

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

建站遇到問題?

聯絡我們獲得技術支援
相關文章
Wordpress速度优化插件
WordPress速度优化插件终极指南:10款主流性能插件对比

网站速度直接影响用户体验和SEO排名,选对速度优化插件能事半功倍。本文精选10款主流WordPress提速插件,从WP Rocket到LiteSpeed Cache,逐一解析特点、上手难度、真实提速效果及价格,并附详细对比表格,帮你找到最适合的加速方案。

選擇WordPress外掛時的5個底層標準
選擇WordPress外掛時的5個底層標準

Well長期使用WordPress建置和維護多個網站,接觸過大量外掛程式。這篇文章總結了我在真實專案中篩選插件時最重要的5 條底層判斷標準,以及哪些情況下我一定會放棄某個插件。


或者

或者