想將"繼續閱讀"移到右邊，該怎麼做?
簡單回答，可以將ReadMore弄成一個定義，再用語法來安排位置，但是我想有些新手的網友不黯CSS語法，也有同樣的疑問，所以就將他寫成教學文分享了。
原本的繼續閱讀Hacks/Jump-Break語法，"閱讀全文"預設是在左邊。
進入後台→版面配置→修改HTML，記得展開小裝置範本，(當然也要先記得備份)
這個方式比較複雜，但是可以將"繼續閱讀"這個元件作點變化，例如加上背景顏色或是利用圖片，如果只單純置右，可以參考第二種方式，
一、可改變繼續閱讀外觀的方式
先給這個元素(.readmore)一個簡單定義，名稱可自訂，外觀定義是位在右邊、粗體，和右邊距15px
.readmore {
float: right;
font-weight: bold;
padding-right:15px;
}
如果你要加上背景圖片或顏色，就利用background語法即可，再調整文字與圖片的距離。
然後在閱讀全文...的前後加上span語法把它包住，
閱讀全文...
就完成了
他就會變成
閱讀全文......
意思就是閱讀全文的文字，我們用readmore來定義它的外觀，然後用span語法來前後套住，讓他成為一個物件或是元素，而不再只是單純的文字型態。
二、繼續閱讀單純置右的方式
直接找到繼續閱讀的文字區，一樣用span把他包裹住，但多加了style語法，將他設定置右即可，
閱讀全文...
如果想自己設計不同的繼續閱讀按鈕，這是可以自行運用的方式，其實也可以套用在其他的元件上，例如"相關文章"的文字顯示，也是可以利用這種方式做點變化，有興趣的人可以自己修改看看。
訂閱
回應
