[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')