引用文章 給桃園機場和高鐵、捷運一個讚 

這一篇原來是《給桃園機場和高鐵、捷運一個讚 ／ 部落格改版的一點心得》 的後半部，可是心得越添越多，決定還是把兩個主題分開各成一篇。有些朋友原先的回應，就還是留在 給桃園機場和高鐵、捷運一個讚 。

最近為了UDN改版，很多朋友寫文章討論。我去年試過新版，因為不習慣1000px的版面，換山頭圖也沒摸出訣竅，就又回頭用舊版。現在看起來非換不可了，給桃園機場和高鐵、捷運一個讚 是用新版寫的，這一篇為了引用文章方便，還是用了舊版。

用新版寫新文章或修改舊文要從「管理中心」入手。點選之後，會看到「快速發表入口」，或是點「管理中心選單」，找到「文章」那一項，就可以「新增文章」或是「管理已發表／未發表的文章」。

寫或改文章的方法跟舊版一樣，只是新版在標籤和分類方面有更多選擇。寫完後可以點下方的「預覽」檢查一下，滿意了再發表。但是發表之後頁面不會馬上換為文章，而是回到「文章管理」的清單。必須點選右上角的「檢視部落格」回到首頁，再打開剛寫（或改）的文章。我不明白為甚麼要這麼麻煩。

（電家族的公告[udn部落格新版(Beta)文章] 有哪些不一樣的特色 解釋更詳細，可以參考）。

而就頁面（或版面）來說，新版的直式選項（個人小檔案、文章分類、文章排行、推薦人 ……）欄位比較寬，依系統制定的格式，版面寬度是1000px。如果用舊版寫文章時寬度設定成1000px 以下，換到新版時右邊會被切掉一部分。

如果不想被切掉，可以選「設計風」的模板： 文章在左選項在右，被切掉的是選項的右邊。但這樣一來，文章左邊會一直頂到部落格框線，很不美觀。我試了好幾次，最後發現如果拿掉文章寬度 （container width）的設定，就不會有頂到框線或被切掉的問題。只是用舊版看的時候，文章右邊又可能突出框線，或是山頭圖的右邊會被切掉一部分，沒有兩全其美的法子。

可能有朋友會問： 原來為甚麼要設定寬度，而且設在1000px以下呢？這就是習慣問題。因為舊版模板寬度都在800px以下，而上傳相片有800px的選擇，以前跟遠同老師學換文章山頭時，就直接選 800px 的相片做山頭，定了同樣的版面寬度。我習慣在視窗旁留點空隙，看文章時方便隨時打開別的視窗，可以查資料或做點別的事，800px寬度正好合用。

現在為了配合潮流，得把原來寬度設定為800px或 900px的文章全部改為1000px。我不喜歡文章左邊頂到框線，新版選了文章在右邊的懷舊模板「經典藍」。不記得有多少舊文章定了800px 寬度，只能慢慢檢查修改，可能要花很多時間。

寫了這麼多，發現真是自找麻煩。天下本無事，庸人自擾之。暫時我就用這經典藍，先不急著換山頭吧，要換就從文章裡換嘞。

為文章設定山頭圖片的方法很簡單，大概敘述一下： 【記得要用《HTML版》把文章寫好，附的相片加好，存成草稿之後，才來修改。】

1. 選一張合適的相片，用MS Office Picture或其他軟體，把橫邊改為1000px

2. 用新版上傳這張相片 (選“管理中心”→ “上傳相片”→ 記得尺寸要選“原圖”）

3. 用舊版打開相片，在相片下方找到“相片網址”，通常形式是

https://g.udn.com.tw/upfiles/…/…/PSN_PHOTO/…/._…_1.JPG

【新版的照片連結標示不太清楚。方法是先選了要用的照片，然後按底下小小的「分享」選項。這樣照片的連結就會在一個新的視窗顯示出來】。 我原先以為新版沒有提供這資訊，謝謝遠同的提示。

4. 把這個網址抄下來，或存在某個檔中

5. 打開要發表的文章，在文章上方選擇 《改用純文字版編輯》

6. 在文章前面多空幾行，然後加進這一句

style
#header {background: url(http://g.udn.com.…這裡放第3.項的相片網址); height: 500px; width: 1000px; background-repeat: no-repeat; position: relative; margin: auto; /* 山頭照 */ }
/style

7. 上面的 style 和 /style 前後要加 < 和 > ，故意寫錯，是為了避免系統搞混，把我這篇文章的山頭拿掉了，（正確的寫法請參考下面的＃8樓的「迴響」）。 那句話的意思是把您指定的相片放在山頭，寬度為1000px,高500px。如果您很喜歡這張相片，捨不得切割，當然可以把高度訂長一點，如550px或 600px。

8. 記得不可以省略大括號｛｝或前後的，那是給系統開始和結束的指令。

【設定過山頭的文章最好不要常更改。要改錯字或是編輯文章時，一定要《用純文字版編輯》。】一旦用HTML格式改過，設定的山頭就會被取消。解決之道是先把山頭的設定存在Notepad，萬一不小心「搞丟」了，再用純文字版抄回來就是。

大致情形就是如此，有興趣的朋友不妨玩玩看。如果想學「進階」的版面設計，可以參考

遠同老師的文章「新版」部落格版面語法說明【感謝電小二推薦】 電老大的 無痛轉進 UDN 新版 （感謝電小二推薦） 東村James的 UDN新版入門很容易 [感謝電小二推薦] 思于的 新版山頭圖〈感謝電小二推薦〉

上面幾篇都有詳細的解說，可以好好研究。

另外電家族的 【公告】udn部落格新版上線預告 關於新舊版轉換有詳細說明，特別是這篇 udn部落格新版使用說明部落格，解釋了每個項目。 對於電家族的努力，歐巴桑要給他們一個讚。只是現在學新事物有點慢，得花時間和功夫來消化。

最後，在新版「個人小檔案」上方，「作家：XX」旁，有個小小的箭頭↓，是推薦部落格用的。如果您覺得這一篇寫得還可以，請用滑鼠點一下那個箭頭，然後在「推薦部落格」的框框點一下，就完成推鍵了，（用舊版推薦也歡迎），謝謝！

附兩張Amber和Nathan的相片，分別是前年和最近照的。

瞧瞧兩年之間，小朋友變化多大，部落格自然也要“茍日新，日日新”。

其他有關新版的問題，請看"終於搞定了 – 新版簡易上手 "

2013/05/24 16:19

Dear 看雲 (33wang)：

特前來恭喜您所發表「部落格改版的一點心得」一文，已經登上聯合新聞網首頁，生活消費｜貼心下午茶，歡迎有空前往觀看。^_^

非常謝謝您的好文分享，此推薦是利用轉址的方式連結到您的文章。如此文有原因不希望被推薦，請到電小二訪客簿留言，會盡快協助取下。

電小二

2013新年快樂！ ★歡迎毛遂自薦部落格文章給電家族編輯