部落格新手免學CSS、創造精選文章、新增欄位玩出新風格
2022-04-25、首波發行、大直直男
痞客邦【文章精選】的煩惱
位於側欄,可任何調整位置,系統設定可依年月區分,但這不是精選吧?
【部落格經營】Day19 部落格新手免學CSS修改痞客邦個人資訊八個簡單操作隨意修改
【部落格經營】Day20 部落格新手免學CSS修改痞客邦公告版位文章分類再進化
【部落格經營】Day21 部落格新手免學CSS修改痞客邦頁尾描述打造屬於自己的廣告牆
有過這三次免學CSS的修改經驗,有辦法修改文章精選嗎?
痞客邦【文章精選】的初期想法:
1.【文章精選】,就是作者自己選出最精華的文章推薦給受眾群。
2.【文章精選】就是要點選後馬上可以看到。
免學CSS、創造痞客邦【文章精選】的準備項目:
1.建立【欲呈現精選文章】的【圖片封面】縮圖。
新版痞客邦的樣式模組,側欄欄寬可以放置320px的圖片。
依16:9的比例,建立320:180的圖片。
2.學會如何在文章中的圖片與文字中插入連結網址。
正式編輯痞客邦【文章精選】內容:
以下步驟為【文章精選】創作時的範例,您可以學得精華後,之後再自行修改內容。
1.於痞客邦後台、【發表新文章】。儲存草稿。
2.點選【表格】。從【表格屬性】中建立所需的行列欄寬等必要內容。
3.於儲存格中分別插入【欲呈現精選文章】的【圖片封面】縮圖。可替儲存格加入背景顏色。
4.將【欲呈現精選文章】的縮圖建立連結。
5.複製【原始碼】的CSS內容到【側欄管理】的【新增版位】。
6.幫新增版位【創造標題】。
整篇文章內容請小心不要鍵入不必要的內容,譬如沒必要用的空行。
延伸閱讀:
1.封面照片左邊為最原始的設計,無背景顏色、有文字超連結。
2.封面照片右邊為第一版修正,先採表格方式、於儲存格中插入圖片。
若在表格中加入文字超連結,會大幅增加側欄的版面空間,失去精選文章的意義。
初期作品的封面照片缺少了文字敘述,如果封面照面已有適當的文字描述就可在此免掉文字連結了。
暫時先這樣,如果您有其他建議,歡迎來信討論。
