Dribs & Drabs
台灣旅遊 Taiwan
設計 Design
其他 Others
有別於一般部落格的版面,此版面取文章中照片來當作該文章的代表圖示,最新的文章篇幅較大,設計成雜誌封面的感覺,其他篇文章篇幅較小,滑鼠移至文章區塊時圖片滑動可顯示文章摘要。另一項特點是首頁上方的下拉式側欄與左方的隱藏式側欄,讓部落格版面不再雜亂,清爽好閱讀,常用相片或圖文寫文章的部落格,快來套用吧!
版型-首頁
版型-內頁
使用規定
CSS語法
對著文字框按右鍵可以全選,複製貼上至管理後台”自訂樣式”->”CSS原始碼編輯”
版面設定
1 – 關於側欄1的元件,放置在版面左方的隱藏式欄位裡
2 – 關於側欄2的元件,放置在文章上方的下拉式選單
3 – 可至後台 > 基本/進階設定 > 文章顯示相關設定 > 每頁顯示文章數,調成3的倍數加1
4 – 若文章內文圖片寬度超過900px,會自動將圖片縮放成寬度900px
5 – 撰寫完章時,請插入”繼續閱讀”,繼續閱讀前的最後一張照片為文章的代表圖示,建議繼續閱讀前放入一張照片即可
6 – 承5,該張照片長高最佳比例為3:2的照片,若為其他比例在首頁顯示時會被裁切。
Q&A
1 – 部落格左方的觸控式側欄想要刪除,該如何修改?
請將以下CSS語法加在全部語法的最後
#links-row-1{display: none;}
2 – 為什麼套用後首頁第一篇文章無法滿版?
查看後台 > 基本/進階設定 > 文章顯示相關設定 > 文章圖片大小
請不要選擇第3個”依文章區塊寬度調整”,可選1或2(900px)
3 – 為什麼套用後首頁第二篇以後的文章圖片無法滿版?
建議圖片的寬大於等於高,才會滿版面
* 如果上述沒有你的問題,可參考另一篇 Q&A問答集
更新
2014/07/10 解決首頁會出現水平捲軸的問題
2014/07/21 解決痞客邦快捷功能BAR小改版導致版面錯位
2014/12/16 解決滑鼠移至圖會縮放的問題
2015/12/14 配合痞客新版後台,更改每篇文章代表圖示顯示方式、解決在手機上版面位移的問題