[BLOGGER]繼續閱讀懶人加強版 - [版本2.x]特殊模板,如何設定可使用本程式?
注意:此為進階功能,請先衡量自身能力,再做修改
##ReadMore##
首先我們先來了解一下blog預設模板的架構,如下圖
藍色框為div class="post-title"
文章的標題,而且裡面要內含一個<a href>的文章連結(繼續閱讀的連結就是抓這裡)
綠色框為div class="post-body"
文章的內文,注意「內文不能包住標題」,需分開
棕色框為div class="blog-posts"
整個文章區塊(快速切換按鈕會直接加在這個div class=blog-posts的前後各一)
建議修改方式
法(1):把你的模板版型改成和上述的結構相同
法(2):修改設定,把指定的class名稱設定為現在你使用的模板內的名稱
參考參數設定頁的程式碼,依照模板的實際狀況,修改下述三行
EasyReadMoreSettings.PostTitleClassSelector = 'post-title';
紅字部份,改為「文章標題」的css class(必須用div)
EasyReadMoreSettings.PostBodyClassSelector = 'post-body';
紅字部份,改為「文章內文」的css class(必須用div)
EasyReadMoreSettings.PostsBlockSelector = 'div.blog-posts';
紅字部份,改為「整個文章區塊」的css selector
(不限定類型,可用#表示id,如'span#Blog1'表示span id='Blog1')
0 個回應:
張貼留言
注意事項:
**若要問問題/功能建議/裝了不能用,請到問題回報頁(在其他地方問,不予回應,抱歉)
**發問前,請先參考參數設定說明以及常見問題Q&A
作者是CJH
不是 阿土伯 也不是 Josh(不要搞錯\_/)