貓日宅夜 x 夜遊趣

建立部落格，一開始最重要的除了部落格名稱以及副標題之外，就是整個部落格的樣式版型

重要性差不多就等同於一個人的外表，可以決定別人對於你這個部落格的印象

關於這個部分，要嘛就是自己花時間，一點點慢慢收集資料，慢慢修改測試

不然就是直接花錢請人幫忙，請人幫忙的價格也分客製和半客製，價差超過一倍，畢竟專業程度真的完全無法相同並論

客製就是完全依照你的需求，量身打造，這也需要你已經有想法，知道你的部落格版面要什麼樣的風格，什麼樣的版型，圖片要怎麼放之類的

半客製則是從現有的版型裡面挑選你要的，然後有限度的修改和調整

不論是客製或者半客製，你也許能夠做出那樣的效果，但必然要花更多時間去研究去調試

可是你如果不是一個UI或UX設計師，也並不打算在這一塊上長久的研究下去，那麼，花這樣的時間是否值得呢？就看自己如何評估抉擇

我的話，其實是對客製滿有興趣，但價格有嚇退我，而且目前也沒有足夠的圖片可以提供給設計師用來做部落格版面設計

圖片你當然可以網路直接抓，但先不說各種版權問題很複雜，就算有免費的，圖片風格也未必適合你

再來就是，其實現在對於部落格版型完全沒什麼想法，就算客製化，也不知道該往哪個方向走，所以基於預算和現實考量，暫不考慮

這時候就看到大神Dribs & Drabs 點點 滴滴免費分享了痞客邦的部落格樣式，但就是得自己套用

連結網址開啟的是部落格首頁，從Design可以看到客製化資訊以及免費版型資訊

這時候就看你需要哪種幫忙了！

如果是客製化，請參考客製化資訊，其實我覺得已經說明得滿清楚了

先規劃好自己想要的部落格風格樣式以及準備好要用的圖片，甚至找個風格相近的部落格直接提供都是很有效的辦法

什麼都不知道，然後就直接找設計師，他們真的也不是神好嗎，憑幾個虛無飄渺的形容詞，像是想要質感.華麗.吸引人這種空泛的形容詞...神仙也做不出來吧＝_＝"

如果是想找免費樣式，可以在這裡看到一些使用規定和樣式

我選擇的是格子樣式，所以這裡也記錄一下設定流程

修改前的版型是這樣的

接下來就開始進行修改了哦！

一、選擇樣式

二、痞客邦後台 → 樣式管理 → 自訂樣式 → CSS原始碼編輯

在這裡有可能會出現一個問題，就是你原本使用的樣式作者，他不允許你修改樣式，那麼就會出現這個提示訊息

這時候該怎麼辦呢？很簡單，先更換樣式，選擇允許修改CSS的樣式就可以了

樣式管理 → 樣式選擇 → 基本，在這裡面先隨便選一個就可以了，反正等一下也是要改掉，越簡單的越好

更換樣式之後，回到［自訂樣式］，這時候就會變成可以修改CSS了

三、回到點點滴滴的部落格免費樣式分享頁面，複製CSS語法

複製右框內的CSS語法，上下兩塊都可以，差別只在於有沒有底圖

Ctrl + A 可全選，Ctrl + C 可複製

四、回到部落格後台，將原本的CSS語法全部刪除

五、將點點滴滴分享的CSS語法複製到這裡貼上

右下角可以先按［預覽］看看效果，然後按右下角的［儲存］

因為提供的CSS語法有兩種，一種有底圖，一種沒底圖，你可以都試試看，看自己喜歡哪一種

六、這時候部落格已經更新完成！

七、版面設定

版面設定有一些說明對於剛接觸的人可能覺得滿頭霧水，簡單介紹一下吧

第一點 - 側欄1的元件會放置在部落格的右側，側欄2的元件會放置在部落格標題下方的下拉選單裡

注意！修改完成後請記得按右下角的［儲存版面］才會生效！

這個的意思其實就是後台的部落格管理 → 側邊欄位設定

對應到部落格首頁的話就是

側欄2也可以不設定，就會像這樣

第三點 - 每頁顯示文章數量請改成偶數，後台>基本/進階設定>文章顯示相關設定>每頁顯示文章數

部落格管理 → 基本／進階設定 → 文章顯示相關設定 → 每頁顯示文章數，改成偶數

第四點 -建議關閉公告版位

公告版位在哪裡呢？就是中間這一塊

部落格管理 → 側邊欄位設定 → 中間的內容欄位 → 公告區塊

按［設定］→ 關閉 → ［送出］

差不多就是這樣，基本設定就完成，也更換成大大分享的免費樣式了

接下來右側欄位和標題欄下方的選單列，就看你自己決定要放哪些東西啦～

原本感覺好像很簡單的文章，竟然花了我5.6個小時，這怎麼可能每天都能寫一篇文啊，哪來那麼多美國時間啊........(遠目