【部落格】03|PIXNET-文章目錄收合功能 - 好康爆報

【部落格】03|PIXNET-文章目錄收合功能

閱讀數: 14

字體大小設置: 16px

目錄教學.jpg

 

一、設定標題:H2、H3

把想作為目錄的文字反白,設定為「標題2」(即為CSS中的H2)。標題3則是代表H3,為H2的下一層分類,不過我個人習慣只設定H2。設定完之後就到原始碼設定目錄。

標題2設定.jpg

二、複製語法:建立目錄

點擊「原始碼」

原始碼.jpg

新增語法 

<div class="pix_toc"></div>

新增原始碼.jpg

新增完之後,可以先把文章存成「密碼文章」查看目錄效果。因為草稿文章預覽看不到這個效果~

設定完之後,就可以在目錄點擊標題,到那個標題所在的文字區域啦!

 


聯繫站長

FB:

E-MAIL: hinancyq@gmail.com


上一篇: 【筆記】IIS 無法連線到設定的開發 Web 伺服器 下一篇: 苗栗卓蘭江記永安喜餅旗艦店/卓蘭名產/卓蘭手工糕餅店/傳承40載的美味/永安幸福味

網站公告好康分享:

註冊成為本網站會員後,點選網站分享到LINE上可以獲得好康積分!

好康爆報網站積分能做甚麼?

  • 積分比例1:1,1積分=1元新台幣
  • 得到好康積分後,再去校友會商城註冊成為會員,並加網站管理員的LINE ID說要將好康積分兌換成校友會商城積分,就可以用商城積分去折抵購物,讓買東西變得更便宜哦!
  • 妳需要做的只需要告知網站管理員妳在好康爆爆的暱稱以及校友會商城的會員名稱即可.

網站管理員LINE ID:eric810108