有時候文章中有許多子標題,希望方便讀者可以快速跳到該行,或是看完後馬上回到文章頂端,而不用慢慢用滑鼠滾畫面,該怎麼做呢?

原來痞客邦其實有提供很方便的錨點唷! (複製原始碼到其他文章平台也能使用!)

插入錨點後,等於是在文章中插入一個網址小副標,只要在文章原本的網址後面加上 #錨點名稱 就能快速跳到該行了!

例如原本網址: https://q82465.pixnet.net/blog/post/218879349

想跳到裡面的生育津貼錨點,就直接連結到: https://q82465.pixnet.net/blog/post/218879349#生育津貼

(如果原本網址有夾帶中文,需砍掉中文與亂碼部分,後面輸入#再接錨點名稱)

這樣就可以了,是不是很方便呢? 除了文章本身能跳段落外,外部也能直接跳到錨點網址唷!

但如果錨點是設中文名稱,複製貼上後會變成落落長的亂碼,這時可以改用英文命名錨點,或是縮網址的方式來處理。

 

 

跳到文末

 

以下是錨點使用教學:

1. 在文章編輯畫面中,希望讀者看到的那行位置上面第三行的地方新增錨點

(保留兩個空行是為了跳過去後畫面上緣不會吃掉或太貼近想讓讀者看的第一行文字)

00.PNG

 

 

2. 輸入錨點名稱,輸入英文的話網址會比較好打,中文方便自己辨識只是複製出去用時會變成亂碼,需要縮網址。

01.PNG

 

 

3. 插入成功後可以看到一個小旗子~那裡就是你的錨點了! 雙擊兩下可以編輯名稱。

02.PNG

 

4. 有了錨點後,就可以新增會跳到錨點的超連結。

例如我希望讀者點選生育給付這四個字就能直接跳到該子章節,就反白文字後新增「連結」。

03.png

 

 

5. 這邊要記得先選連結的開啟方式,因為想在同篇文章中跳來跳去,另開新視窗會很奇怪,所以我們要選擇相同視窗

03_2.png

 

 

6. 接著才是選連結資訊裡的連結類型,一般超連結都是貼網址,但同篇文章中可以直接選文字中的錨點連結,來連到本文中的某個錨點。

這個做法的好處是就算將文章原始碼移動到其他平台(如媽咪拜),也一樣有目錄效果會連到該篇文章的某行。

04.png

 

 

7. 選擇剛剛已經命名的錨點即可。

05.png

 

 

8. 依序把需要連結到錨點的文字都加上連結。

06.PNG

 

 

9. 儲存文章後測試看看吧! 點了文字後果然成功跳到希望讀者觀看的畫面,且第一行也沒被吃字!

07.PNG

 

然後我跳過去後希望可以返回頁首或表格頂端,方便查詢別的子標題。

所以又回文章編輯模式下,新增了一個頁首的錨點。

08.PNG

 

 

有錨點後直接在網址打#錨點名稱就可以跳過去。

09.PNG

 

因此超連結除了連結到錨點外,其實也可以選擇直接輸入網址,但這麼做的壞處是如果將文章原始碼複製到別的網站使用時,讀者點下去會跳回來痞客邦這裡,使用起來會怪怪的。

10.png

 

回頂端的超連結可以直接加到文字上,但後來覺得這功能太常用,乾脆畫一個按鈕來用。

回頂端.PNG

將圖片設定超連結到本文的錨點"頁首"後,就可以複製到文章中的各個需要位置了。

這樣跳過來也能跳回去,方便多了。

image

 

接著用手機測試看看,點選後果然也能跳到子章節跟回頁首,真方便!

14.jpg

 

然後測試將文章原始碼複製貼上到媽咪拜平台,錨點也可以正常作用唷!

點了以後會跳到同篇文章的某行,並不會跳到痞客邦這裡。
image

 

 

 

剛剛是不是偷按跳到文末了? 快回去繼續看文章吧XD

跳回剛剛那裏

 

 

這次是真的看完了? 那來看延伸閱讀吧:

【部落客筆記】如何當一個親子部落客? 部落客接案平台與分享平台總整理

【無版權音樂下載】當IG貼文影片遭到封鎖,因為它含有以下內容: (音樂歌名)的解決辦法

【經驗分享】部落格網址被臉書FB封鎖怎麼辦? 貼文被刪,IG個人簡介與私訊都無法貼連結(你的貼文違反了社群守則、這則貼文違反社群守則中有關垃圾訊息的規定),申訴方法分享

 

arrow
arrow
    文章標籤
    全站熱搜
    創作者介紹
    創作者 小咪媽咪 的頭像
    小咪媽咪

    竹亭聽雨

    小咪媽咪 發表在 痞客邦 留言(8) 人氣()