[網頁]強制連結開新的分頁 | html超連結新分頁
先說,我這篇完完全全是照這篇文章:Jekyll新分頁開啟超連結[1]之前太習慣wordpress簡單的介面設定,碰到jekyll這種不熟悉的工具連這個小功能都得求助XD為什麼要多新的分頁不論是何種型態的網站,大部分的站長都會希望網友們能夠在自己的地盤待久一點吧。但有個惱人的狀況是,一旦多了連結,沒有特別去設定的話,整個網頁就跳轉到別的地方了。萬一網友也在這個跳轉出去的網頁久待,很快的他對你的網頁就只是個過客。或許也有網友原本計畫繼續看,但中間有個連結所以就點進去了,很可能不小心看完手殘就把整個網頁關掉(我就是那個網友...
先說,我這篇完完全全是照這篇文章:Jekyll 新分頁開啟超連結[1]之前太習慣wordpress簡單的介面設定,碰到jekyll這種不熟悉的工具連這個小功能都得求助XD
為什麼要多新的分頁不論是何種型態的網站,大部分的站長都會希望網友們能夠在自己的地盤待久一點吧。但有個惱人的狀況是,一旦多了連結,沒有特別去設定的話,整個網頁就跳轉到別的地方了。萬一網友也在這個跳轉出去的網頁久待,很快的他對你的網頁就只是個過客。或許也有網友原本計畫繼續看,但中間有個連結所以就點進去了,很可能不小心看完手殘就把整個網頁關掉(我就是那個網友)。當然還有其他更多的因素,較常見的是有放廣告,為了增加廣告商們的曝光率,最簡單的方式就是讓網友們久留,如此也才能賺到錢。
讓網頁中的連結都開新分頁在WordPress中要開新分頁很簡單,WordPress看你使用的編輯器,通常食指動一動就設好了。若是自己寫的程式碼,就多一個步驟,像是HTML的<a>標籤,後面再加上 target="_blank",
例如 <a href="google.com" target="_blank"></a>,而js的按鈕寫法就是 <button type="button" onclick="window.open(google, _blank)">BUTTON</button>
用Jekyll這工具生成的網頁做法也很類似,像我是用markdown寫的文章,只要在連結後面加上{:target="_blank"}即可
[link][url]{:target="_blank"}
但是,當初會想用這種筆記部落格形式,最大的初衷就是想省事,每次加個reference都要記得加一次{:target="_blank"}也是挺煩的,所以就用了網友的方法。(我是完完全全照做喔,建議可以直接看原文章)
新增一個javascript檔案用javascript弄個可以開新分頁的檔案,放在/asserts/js/裡面,取名叫做new-tab.js
function handleExternalLinks () { var host = location...