梅花問路

 

梅花的語法筆記

​檢視CSS標籤F12	​文章區塊 #content
＊開發人員工具＊	＊改文章標題字體、背景＊
​部落格整體 #body	＊改行距、邊界＊ ⛔
＊換背景底圖＊	公告版面 #spotlight
＊換字體＊	＊公告版面應用＊
＊換部落格ICON＊	實用推薦
＊設計LOGO＊	＊讓部落格可以被Google＊
​封面橫幅#banner/#header	＊Google Analytics分析＊
＊換封面底圖＊	其他應用
＊部落格標題敘述大小位置＊	＊梅花的語法筆記本＊
側欄區塊 #links	＊文章內的目錄(錨點)＊
＊改側欄標題的背景＊	＊關閉遮蓋版面的廣告＊
＊Facebook粉專外掛＊	＊隱藏上方藍色選單＊
＊音樂外掛＊	＊連結Google相簿＊
＊YouTube外掛＊	＊圖片瘦身不失真＊
＊分享連結階層＊

 

 

如果我們文章漏漏長的，怎麼樣可以建立一個文章內的目錄

讓人只要點擊目錄，就到達對應位置

點擊(A)抵達(B)

我們把(A)想像成『目錄』，那麼(B)就是我們預計點擊目錄(A)之後要抵達的目標位置囉！

 

 

首先認識一下發表文章上面的這欄的這兩個按鈕 (超連結)、(錨點)

 

 

第一步、定義錨點的名稱：這裡就是在設定我們預計按鈕要抵達的目標位置(B)

 

 

點擊(錨點)按鈕會出現一個小框框

這裡我們先定義好錨點的名稱，定義好的地方，在發文之後是看不到文字的

只有在編輯模式裡面會看到這樣會有一個紅色的小旗子

 

 

 

第二步、然後在用(超連結)按鈕，先進到"開啟方式"裡面做設定(A)

 

開啟方式設定成用"相同視窗"

預設是開新視窗，這樣我們在點擊目錄的時候，他就會變成開啟一個新的分頁

但我需要的是建立文章內的目錄連結，所以我們先設定好用"相同視窗"

 

接著點回"連結資訊"

 

選取"文字中的錨點連結"---->這裡就是指我們前面定義好的(B)-預計按鈕要抵達的目標位置

 

這裡選取的就是我們前面定義好的預計點擊要抵達的位置(B)，然後按"確定"就好囉!

 

預覽模式沒有辦法測試錨點有沒有成功

文章要發布才能夠看到連結有沒有成功設定

 

如果前面連結"開啟方式"沒有先設定好在"相同視窗"的話

用語法的解決方式...就是進到右上角的

然後在你的文章裡面刪掉這段文字 target="_blank" 即可

 不過我是覺得既然視窗點一點就可以解決的事情，就不要再用到語法吧！

 

 

 

參考文章:  https://a7432186.pixnet.net/blog/post/344779027  痞客邦-文字錨點-快速在文章內跳至該節點