WordPress|選單錨點連結操作步驟

WordPress選單錨點-連結用法
選單錨點連結操作步驟-1

進入 WordPress 後台

  • 只要打自己的網域,後面加入 /wp-admin 即可進入後台做編輯修改
  • Ex:https://yourdomain.com/wp-admin  

使用主題及編輯器

  • 佈景主題:Astra
  • 編輯器:Elementor
編輯選單小工具區主要分三塊:基本專業版一般,將專業版收合起來,比較好找到 一般 功能,一般功能是很實用的小工具,尤其是 選單錨點 很重要,也很好用,但我一開始用時,至少來來回回僵了 2次,明明就操作過,為何重覆一遍又弄不出來了呢?所以還是要把步驟記錄下來,以免日後又被我遺忘😁

操作幾次後,才知道原來是圖片來源方式不同,操作位置也不一樣,但都有連結字樣可以判斷。

作法

  1. 直接將一般功能裏的選單錨點,拖拉至指定位置,要放在起始處(點按鈕時的到達地點)
  2. 點選錨點設置 ID,要注意 ID 只能是大小寫英文及數字不能中文
  3. 在按鈕或圖片想讓使用者點按處,連結加上 "#" 符號及設定好的錨點 ID
選單錨點的ID設置重點
選單錨點連結操作步驟-2

下圖二張圖片,是因為圖牆來源方式不同,一個是用頁面/區塊,一個是 Elementor 編輯選單小工具區 基本 處選照片插入

選單錨點連結操作步驟-3
選單錨點連結操作步驟-3

編輯段,插入照片在編輯欄時,點選圖片的連結選項有三個
選擇媒體檔案,則點小圖會有大圖,燈箱照片放大的效果

Elementor編輯選取圖片連結

Elementor編輯選取圖片連結媒體檔案

Elementor編輯選取圖片連結媒體檔案

但這兒的照片牆只能一張一張點成大圖,若要能有照片牆逐一上下查看
則要在編輯段時小工具區選擇一般裏的 圖庫,圖庫有二列,可設定每列幾張
這裏的照片牆才能有上一張下一張,共幾張的效果

Elementor編輯選取圖庫

Elementor編輯選取圖庫 效果

拉回重點
編輯段,插入照片在編輯欄時,點選圖片的連結選項
要選⨠ 客製 URL 然後加上" # " 再把錨點 ID 加進去
用頁面/區塊 帶進來的照片,則直接在連結處 加上" # "再把錨點 ID 加進去

選單錨點連結操作步驟-3
選單錨點連結操作步驟-3

這些小細節,一定要自己摸索才能明白其中奧妙,用問的或看別人的教學都沒看到說這麼細的,我一直 google 眾 WordPress 前輩寫的內容,試圖找解答但未果。

所以我才把現學的筆記起來,或許也會有新手需要。
現在的數位行銷/設計等的工作應徵裏,很多時後還是會管到網站的後台,畢竟很多公司為了省成本或有自己的掌控權,會自己架站,那新接手的小編們,很可能會被迫惡補,我做中學知道痛苦點在哪,希望能幫上忙。

PS:另一個連結的點,這個卡關的較久。

WordPress|選單錨點連結操作


WordPress|選單錨點連結操作



下次來說說很不錯的 表格 功能,尤其是公司有大量產品的。
💖

更多 Canva 的應用請參考:Canva

更多雲端資源請參考:行銷筆記

延伸閱讀:

留言

這個網誌中的熱門文章

Google|表單封面及內圖尺寸

KTJ大榮貨運託運單列印及軟體操作運費說明

剪映|新版支援繁體中文及導出SRT做CC字幕

字型|可商用免費的字型載點來源

【檔案下載】大榮貨運單列印託運單下載

Canva|商用問題