如何在文章裡加上錨點?

Views

如何在文章裡加上錨點?

在部落格的文章內加入一個錨點是一件非常簡單的事. 不用外掛任何工具, 也不需要貼寫什麼程式碼, 只要在該區塊內利用HTML加入一個指引的id 即可.


    在Wordpress的文章上加入指引錨點


    舉例說明:
    文章A如下, 想在提及"東胡因故被匈奴的冒頓單擊潰"時

    連結到文章B裡的某一個段落, 如下:

    錨點落在一篇長文中間, 前後沒有任何標題可供做目錄索引之處, 如何能在文章A裡加入文章B的連結而且連結是直指這一段落呢?
    在Wordpress裡, 很輕鬆便能做到哦, 方法如下:
    1) 在文章B內的錨點區塊下選[編輯HTML程式碼]

    2) 加入 id="錨點名稱"的字樣, 錨點名稱自訂.

    3) 在文章A裡, 選取要加入錨點的文字, 然後按下[連結]的符號, 貼入的錨點網址會是文章B的網址加上#錨點名稱.

    例如:
    文章B的網址為: taipei.epizy.com/rebel/
    錨點的id="hu"
    那麼, 在這裡貼上的連結就會是: taipei.epizy.com/rebel/#hu

    在Blogger的文章上加入指引錨點


    同樣的方法也可以用在Blogger上. 在想要被指向的文章段落裡加上 id="錨點名稱" 就可以囉.

    例如: 我想要"明州暴動"這4個字帶我到"疫情日記-失去理智的暴亂"這篇文章的暴動影片那一段落, 我只需要在"疫情日記-失去理智的暴亂"那篇文章裡, 提到明州暴動的那一段在HTML裡加上 id="video".

    然後, 在這篇文章上, 選取"明州暴動"這4個字, 按下[連結], 貼上"疫情日記-失去理智的暴亂"這篇文章的網址, 後面再加上#video即可.
    方便又快速吧!! 趕快來試試吧, 在自己的文章裡加上錨點做內部連結也有助網站的SEO哦.



    0 留言:

    張貼留言

    顯示表情符號