--- title: 1211 網頁製作課程 tags: webclass --- > [footer 模板下載](https://github.com/janice880624/webclass) ## 錨點與網站內連結 ### 選擇設定錨點處 > 範例使用作品集頁面設置錨點 --- #### step.1 先到作品集頁面 ![](https://i.imgur.com/vkTa1B4.png) --- #### step.2 使用 Elementor 編輯 ![](https://i.imgur.com/UESZPRb.png) --- #### step.3 新增段 :::info 注意喔~ 按下【+】它是新增到上方 ::: ![](https://i.imgur.com/NotfVr2.png) --- #### step.4 找到錨點 ![](https://i.imgur.com/81HcLzv.png) --- #### step.5 將錨點拖曳到框框中 :::info 成功後它會變灰色框框 ::: ![](https://i.imgur.com/flgvVoI.png) --- #### step.6 給予 ID :::warning 📌 *注意:ID 連結僅接受以下字元:`A-Z, a-z, 0-9, _ , -`* ::: ![](https://i.imgur.com/eMiHHpu.png) --- #### step.7 按下更新 ![](https://i.imgur.com/jr81pT4.png) --- #### step.8 找到要新增的頁面並用 Elementor 開啟 ![](https://i.imgur.com/67Kjp1q.png) --- #### step.9 點擊藍色編輯鍵 ![](https://i.imgur.com/ZvyAYSM.png) --- #### step.10 點擊要編輯的 Item 可開啟設定列 ![](https://i.imgur.com/SVABlfs.png) --- #### step.11 設定連結 :::info 網站內使用連結格式:`index.php/頁面名稱/#錨點名稱` ::: > 錨點名稱 ex: 剛剛前面設定的ID work1 > 頁面名稱(可以看一下網址列) > ![](https://i.imgur.com/iQtF0Zg.png) > 經過排列組合我的網址為 > index.php/instructors/#work1 #### step.12 貼上連結 ![](https://i.imgur.com/x4Sdx8h.png) #### step.13 完成囉