2007年9月10日 星期一

[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(不要搞錯\_/)

##EasyReadMore##