筆記│繼續閱讀替換成圖片+變更位置

seemore1
今天開始使用新版的編輯器,因為舊版的即將要停止服務,所以趁著還沒強制更新前,就開始習慣使用新版的編輯器吧。
因為知道新版的編輯器已經加入了繼續閱讀功能,也就是說,使用者可以指定她想要哪一篇有繼續閱讀功能就植入繼續閱讀,她想要哪一篇直接顯示全文,那就不要植入繼續閱讀功能即可。
新舊範本皆可。
繼續閱讀替換成圖片
設計(版面配置)→修改HTML裡面勾選展開小裝置範本
利用Ctrl+F(搜尋) 以下字句
<data:post.jumpText/>

找到<div class=’jump-link’>
<a expr:href=’data:post.url + &quote;#more&quot;’ exp:title=’data:post.title’><data:post.jumpText/></a></div>

紅色字句將被圖片替代成如下:
<div class=’jump-link’>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img alt='Read More' border='0' src='圖片網址' /></a>


繼續閱讀變更位置
利用Ctrl+F(搜尋)以下字句
</head>


在]]></b:skin>之前加入
.jump-link {text-align:right;}

4 則留言:

  1. 耶,之前就很想改了。

    而且一次就成功囉!!
    謝謝Tiffy的教學!!

    回覆刪除
  2. Dear 哈尼 Gina:
    不客氣^^
    有幫助就好

    回覆刪除
  3. 感謝分享!!!! :) 很清楚 + 簡單的教學!

    回覆刪除

【訪客沒有帳號請使用名稱/網址留言。】
【匿名者的留言可能會比較慢回覆】
【請不要留下注音文或者是火星文,謝謝。】

INSTAGRAM FEED