＊2012-8-12 XUITE文章摘要使用心得＊－＊桔子本舖＊

桔子爸的寫文習慣是有適合的照片(圖)可以放的話,文章一開始的地方就是放張圖... 本來這方式也都沒事,但最近用了feedburner 電子報訂閱功能後 ,發現發出的電子報只剩標題...不會抓圖跟前兩行字...這樣就降低了很多讓讀者點進去閱讀的吸引力....

Xuite 的文章編輯器中有三種摘要方式,自動,全部顯示,及自訂.. 一般來說大家應該都是用自動較多吧..自訂摘要雖然可以輸入想顯示的字上去,但圖片是無法顯示的~

因為有另外用Pixnet 跟Blogger 它們的編輯器中有個很方便的功能~叫插入繼續閱讀分隔~

↑Pixnet 編輯器中有降的一個按扭~ 插入繼續閱讀

↑Blogger 也有一個 jump break

但Xuite 編輯器中目前是沒有這功能的..
寫信去問了一下~回覆是降

↑ 解答中給了我兩個連結~

http://blog.xuite.net/blog/blog/23671207

http://blog.xuite.net/bassanio/paradise/11123627

第一個連結沒幫助~都是摘要的基本使用介紹...
第二個格友文章就解決的桔子爸的這個問題.. 其中!

(上圖引用自夢想天堂 ˙ 旅行詩歌愛情部落格)

這段就是重點了~

Xuite的自訂摘要截取的點是語法中的第一個出現的</p>或是<br />,所以我們只要控制</p><br />出現的位置就可以決定摘要顯示出多少東西~
而一般來說你按enter 或shift enter 分行分段的話,就會出現</P>或<br / >了,但我摘要還沒完啊,一定要分行分段...
很簡單,將在你決定的摘要結束前的出現的<p>用<div>取代</p><br /> 用</div>及<div />取代~

來試試吧~

↑原來不做任何改變時,自動摘要抓出來的部落格首頁文章是這樣的方式呈現...只看得到文章一開始的圖,文字部份要點進去才能看到~

切換到html編輯模式~

↑可以看到</br>出現在圖片之後..

如果我們用</div>調整一下</br> 出現的位置呢~

↑像降改~ (有發現到我<p>沒改嗎?! 其實單只有<p>是沒關係的,</p>出現的話就都要改)

↑呈現出來就會變成這樣嚕!! 是不是讚多了!!

歡迎大家分享一下使用心得!

(本篇只針對Xuite ,其他BSP不見得適用喔!)