幻想少女隨筆集

沒有錯，經過五年，終於動手改造部落格的版面了。

改造契機:

一直覺得內文的字距和段距太密，但是後台寫文模式裡也沒有段落間距修改功能，不像WORD可自由調整，只好放著不管。前陣子又因緣巧合下看到歐飛先生的文章，才興起改造的動力。以前查找寫部落格的相關資料時，就讀過歐飛先生的文章。他是以電腦資訊設備為主的版主，但也寫了一系列部落格實戰教學和分享，非常實用。

改造過程:

從研究CSS語法、如何修改，到實際反覆試驗，失敗砍掉重來數次，終於在第四天下午成功。我本身自認算是電腦苦手型，小學電腦課永遠跟不上老師示範，記不住指令步驟的人。但版型和內文問題困擾我許久，修改過程中一度恢心想放棄，最後靠著不服輸的毅力完成目標。

改造地方:

1. 版型寬度增加 (現為1100px)

2. 部落格標題、描述文字的位置調整

3. 內文寬度、行距、字距增加

4. 文章標題+發表時間的底圖、文字放大+位置調整

5. 內文中間底圖更換

6. 側攔內容區塊調整

完成感想:

原本最大目標是希望內文的寬度增加，好讓瀏覽範圍多一點。不過目前效果比較像是Ctrl放大的感覺，應該看久就習慣了吧。

試過放大側攔文字，但看著有點怪於是維持原樣。

文章標題底圖為了配合寬度而放大，日期和標題的位置也相應調整。美中不足的是，有的標題位置顯示正常，有的還是往左偏一些，明明都是同個範圍指令改的啊!(等找到問題處再修正)

結論: 雖然還是有美中不足之處，有的地方或許還能再優化，但以現階段成果來說已達基本滿意度。

有心還是辦得到der!

給想要改造部落格的人簡單建議:

1. 多爬文、參考不同人的教學文

2. 先複製並保存好原本樣式的CSS語法 (邊改邊對照)

3. 改了一處就預覽效果

4. 不要放棄，反覆試驗修改後的影響

版主改造過程中遇到的困難:

1. 改寫指令後看不出來效果: 可能是找錯要的功能的指令名稱，或是其他原因。這個超常發生啊!明明按照教學文去改但是完全看不出差別，只能繼續嘗試。

2. 牽一髮而動全身: 改了才了解到版型是由這麼多和複雜的語法層層堆疊，光是單篇文章就由頭+中間+底部，三個不同底圖組成。改了一處，另一邊也要改，各種微調。

3. 分不清相似指令的功能: 例如.article-body、.article-content{、.article-body{，名稱相似但負責區塊不同。最後我直接畫出部落格版面簡易圖，邊改邊記錄這個指令的效果。剛開始修改時因為不熟悉導致改錯，刷新從頭再改了至少三次，每次都得重新查指令功能太麻煩，乾脆畫圖作筆記加強效率。

總結:

透過這次經驗，深刻體會到工程師的強大。書寫數字指令時，腦中想的是版型畫面。從開頭就要設計好語法順序，避免日後修改困難。突然覺得這感覺蠻適合我這種有輕微強迫症、對某些東西的排列歸位很執著的人。

可以繼續愉快寫文囉!