Dribs & Drabs
台灣旅遊 Taiwan
設計 Design
其他 Others
有別於一般部落格的版面,此版面取文章中的照片來當作該文章的代表圖示,部落格首頁看起來會像相簿一樣展示著美麗的照片;另一項特點是首頁上方的下拉式側欄,讓部落格版面不再雜亂,清爽好閱讀。常用相片或圖文寫文章的部落格,快來套用吧!
版型
使用規定
CSS語法
對著文字框按右鍵可以全選,複製貼上至管理後台”自訂樣式”->”CSS原始碼編輯”
版面設定
1 – 此樣式將側欄1刪除,請至後台將所有需要的元件移至側欄2
2 – 至後台”基本/進階設定”,”每頁顯示文章數”改成4的倍數
3 – 若文章內文圖片寬度超過940px,會自動將圖片縮放成寬度940px
4 – 撰寫完章時,請插入”繼續閱讀”,繼續閱讀前的最後一張照片為文章的代表圖示,建議繼續閱讀前放入一張照片即可
5 – 承4,該張照片長高最佳比例為1:1的照片,若為其他比例在首頁顯示時會被裁切。
Q&A
1 – 請問可以不刪除側欄1嗎?
請找到下行語法,並將此行刪除,側欄1便會出現
#links-row-1{display: none;}
但請自行美化側欄1
2 – 請問套用後,照片不會覆蓋整個影像顯示區域,是為什麼?
照片寬度要大於高度才會覆蓋整個影像顯示區域
* 如果上述沒有你的問題,可參考另一篇 Q&A問答集
更新
2014/06/13 解決痞客邦新增快捷功能BAR造成破壞版面的問題
2014/06/24 解決側欄2元件名稱長度的限制
2014/07/21 解決痞客邦快捷功能BAR小改版導致版面錯位
2014/12/16 解決滑鼠移至圖繪會縮放的問題
2015/12/14 配合痞客新版後台,更改每篇文章代表圖示顯示方式、解決在手機上版面位移的問題