【部落格實戰】505 | 歐飛你的部落格版型是怎麼做的? 答:修改後台的CSS樣式表。 (2025年3月更新)

可以Google免費版型再自行修改.jpg

(2021) 網友在 我為何選擇痞客邦 中留言:
請問板主部落格的樣式是自己設計的嗎?

雖然痞客邦有提供很多別人設計的, 可是用起來有些不是很適合自己。

怎樣才有辦法弄的簡潔一點呢?
 



請參考:【部落格版型】2021年2月痞客邦終於推出新版預設樣式
如果修改CSS對你來說真的有點困難,建議你直接用痞客邦2021年的新版型,這個新版型至少簡潔多了。


我的部落格版型是用痞客邦內建的版型,然後再去改的。

別人設計的但不適合你,正常,所以您需要自己改。

怎麼改?

我的部落格右上角有一個搜尋框,您搜「部落格版型」或「CSS」,我幫您把文章列出來

【部落格實戰】505 | 歐飛你的部落格版型是怎麼做的?

首先您要會CSS語法,版型就是靠CSS設定的:

01. 如何挑選一個合適的部落格版型

02. HTML及CSS語法入門

03. 部落格版型CSS的修改

04. 痞客邦部落格怎麼做出導覽列呢?

05. 文章排版注意事項

06. 痞客邦文章底下「全站分類」的CSS調整

07. 我的部落格文章標題很長,卻無法完全顯示,怎麼辦?

08. 如何在痞客邦的部落格自訂欄位,擺放在任意位置  

09. 痞客邦留言回覆CSS樣式修改  (2019年新版)

10. 活用XHTML/HTML+CSS並不難

 

廣告.jpg

再來版型要好看,光是會CSS是不夠的,還有一些技巧:

01. 怎樣才能讓部落格越來越好?

02. 我的部落格版型優化

03. 我在部落格版型中所犯過的那些錯誤

04. 如果找不到滿意的部落格版型,可以考慮花錢買版型。 

05. 為何大部份的部落格都弄的讓人不易閱讀呢?

06. 部落格全站無廣告欄位

07. 如何讓您的部落格更好?
有時候您的部落格看起來很亂不是版型的問題,是廣告太多,請到後台把所有能關的廣告通通關掉。

 



網友:歐飛你的部落格版型是怎麼做的?

歐飛:Google→動手試試看,花時間→不斷優化。 

再說一次,動手試試看,花時間,不斷優化。


網友:怎樣才有辦法弄的簡潔一點呢?

歐飛:大部份的人沒有美感,這不要緊,如果您想有一點美感,我推薦兩本書《好設計4個法則就夠了》、《解構版面設計準則》,這兩本書的優點是可以讓你現學現賣,快速提昇你的版面美感。

如果您不想學也沒關係,那就是花錢,花錢找專人幫你解決版面的問題。(就像你可以直接買一台電腦,而不是去學如何組一台電腦)

如果不想花錢也行,那就是花時間,Google一下,我個人是建議您可以google一下,當然google完後您還需要實作,所以花時間是無法避免的。
請參考:先google→再實作→花時間 

 


 

2025年3月更新

網友在 【部落格實戰】03 | 賺錢 or 賺零用錢 中留言:
您的部落格, 版面做得很好很整齊,像一個網站依樣
請問是因為有外掛甚麼嗎?


歐飛:
我沒有用任何外掛,我只是在後台修改「CSS樣式表」而已。

如果您不會版型設計,可以搜一下「痞客邦 部落格版型設計

有些人會分享免費的版型。

另外你如果要更簡單一點也行,就是付費請專人處理,大約幾千元搞定。
例如:Pixnet痞客邦版型設計 – Dribs & Drabs

 

 

懶人包:部落格實戰全系列

18 則留言

    • 如果方便的話,請截個圖傳到我的信箱,我看看。
      但您說的情況,如果是我的話,去設fooer的上邊界,設成負邊界 試試

      例如:margin-top:-100px;

    • ok ,加 油~~

      學是一回事,再來要多試試

      但說真的啦,如果您真想學css,這個很花時間,這一點要先講

  1. 請問2021年2月痞客邦推出的新版預設樣式,是否無法增加封面置頂橫幅照片?

    爬了歐飛的文,感覺CSS是用來調風格跟閱讀的,但大幅改變,如封面照片的增減要用HTML。

    所以後台進去部落格CSS原始碼,無法增加封面置頂橫幅照片。

    請問我的一知半解正確嗎?
    請問有其他方式可以在2021年2月新版預設樣式中,增加封面嗎?
    https://is51000.pixnet.net/

    感謝

  2. 歐飛的版型一直很好,不過最近留言區有個小問題,就是留言裡的網址(超連結),點過之後它會變成白色,我看最近一堆人問筆電什麼的,都留言完以為沒貼到網址又再多留言一次 XDDDDD

  3. 您好,我想請教您,為什麼我文章打完,然後用手機瀏覽,
    發現整個段落都亂掉,請問我是那邊出了問題,麻煩您了

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *