不過按照佈景的分配，我還在慢慢摸索當中，所以這一陣子會一一測試各種代碼所呈現的方式，找出最好的風格。現在就來說說整體的更改度有多少吧～

原先的舊版面

• 將所有分頁都做了重新配置，原本的兩個聯播分頁我都換到側邊欄的 Tab 切換欄。
• 相簿連結也在側邊欄的 Tab 切換欄，並且以幻燈片的方式呈現，當然附上了相簿的連結以供訪客連去相簿主站方便觀看。
• 原本一直都沒有在這邊加上友情連結的，但這次改版我也順便設置了新分頁『連結』，然後在側邊欄放上十個輪播的友情連結，當然，這是用新版面檔案中附加的插件達到的，大家可以看看我的插件分頁，新增加了不少插件，當然都有詳細的解說。
• 另外，要跟大家說明這個主題模版的特點，在頁尾部份有一個『返回首頁』的錨點可以點擊，點擊下去就能以滑動特效滾動視窗回到頁首，非常特別。在主題作者的這篇文章中有介紹如何使用這個特效，有興趣的朋友可以過去看看研究。
• 現在『最新文章』是擺放在首頁和翻頁文章頁面的文章底部，主題模版裡直接調用了程式碼，所以現在每個文章頁面底部（非單篇文章），頁次導航列底下就能看到各十則的『最新文章』和『隨機文章』。
• 並且，在頁尾跟『最新文章』『隨機文章』的中間（單篇文章在頁尾和留言區中間）則置放了十二個本部落格的文章分類目錄欄位，點擊目錄可以看到不一樣的文章摘要頁面喔！還有，只要你點選 Tab 切換欄中的『標籤』，或是直接自文章頁面或是首頁的文章目錄點選標籤、文章分類，就能看到一篇篇標籤下（分類下）的文章排排對正的展現在你眼前，這也就是我前面所提的『雜誌』類型元素的意思。
• 原本以置頂文章放在第一篇的 Twitter 碎碎念，現在則是改放在 Tab 切換欄的『自語』欄位，預設是第一順位開啟，所以一樣都能馬上讓大家看到我的近況。這幾天由於忙著修改新版面，所以就沒更新 Twitter 囉！

　以上就是目前版面大致變更的情形，至於為何會將原本清爽的藍白色掉更改為目前的黑白冷調，其實我自己是覺得這樣對於我這個以文字為主的部落格來說比較適合。

　雖然有時我也會放置圖片相片在此與大家分享，不過內容主體的背景色以白色配置，原本就相當適合放置圖片，但是把整體色調改成黑灰白的配色，對閱讀文字來說比較不會太吃力，也能夠讓大家把目光專注於我的文字上，這樣的改變可以說是我自己的私心，不知道大家對於這樣的變化有什麼感覺呢？你可以在底下留言讓我知道。

　目前列出的連結都是我自己一直以來都有在觀看的部落格，他們不一定都和我交換了連結，只是憑我自己的個人喜好而加上的。

　現在尚未有交換連結的部落格，如果你的部落格願意和我交換連結，請在連結分頁那邊留言，並留下你的部落格資料，我會過去參訪並加入你的連結，前提是你的部落格真的有料，而不是只靠轉貼文章和廣告以及交換連結來換取流量的。

　部落格的流量和人氣或許是 SEO 以及 Google PageRank 的指標，但我這裡收藏的部落格連結都是以內容精緻著稱的好站，我比較傾向這方面的交換，這是我個人的癖好，如有不便之處，敬請見諒！

　至於這裡的版面還會不停的繼續細修，我自己是想將版面修改成類似 CMS 的模版，就像 D&Z Theme 主題作者的版面，或是類似 A`Vai 部落格的形式，我很喜歡他們在頁首刊頭的 FLASH 呈現樣式，我自己目前也找到了那樣的代碼，不過還在摸索著該如何調用，zEUS. 的部落格中有許多教學，我正在一一消化學習當中。

　現在尚有許多地方不足，還有需要改進的空間，我會慢慢進行。如果新版面有什麼地方出了岔子，也請各位幫幫忙在此文底下回報給我知道，多謝！

　以上。

　文ｂｙ覺非／新版面完工之日．持續測試修改中

<========簽名檔分隔線開始=========>

　後山鄉居歲月，我是愛寫文的女子，不要看我的人，請你看看我的文，那裡面全是我的心．和我想對你說的話……

　回。到。原。點 http://blogs.carrielis.com

<========簽名檔分隔線結束=========>

　冰漾特地推薦了我一本《 CSS 大全》，我大致看了一下目錄簡介，覺得相當滿意，相信透過這本書的教授，應該能加強我在 CSS 方面的知識；並且從冰漾的留言裏，我也感到自身的不足，就是對於 HTML 這方面的瞭解，以及自己的網頁程式語法的知識真的太過貧瘠！當下，我便決定要好好充實自己在這領域的知識，努力學習才是不二法門。

　我也回覆冰漾，希望他還能再推薦我一些有關 HTML 和 PHP 這方面不錯的學習工具書，因為除了 CSS 之外，我想好好加強自己 HTML 的知識，把底子打好才是。再者，也因為 WP 是採用 PHP 來架構整體的，所以我也想學習這方面的程式語言。好像有點貪心，是吧？哈！

　經由冰漾提供的連結，我這下才得知 O’reilly （歐萊禮）這家出版商，它大多是出版電腦叢書，都是跟網頁程式語言方面相關的書籍，除了中文譯本之外，當然有大量的原文書，不過敝人的英文能力實在弱到一個不行，自然不可能涉獵原文書的。好在歐萊禮有很多中文譯本，這是我的福氣。你可以從上方的《 CSS 大全》的連結看到歐萊禮的網站提供了三家網路書店的購物車機制，有華文網、博客來，還有天瓏資訊。在我相互比較之下，我發覺天瓏資訊的書價最為公道，所以目前已決定在天瓏資訊的網路書店購買《 CSS 大全》，當然，以後的各類電腦叢書我也打算在這家購買了。

　無名好友 Leo 也在上篇文章底下留言，說我真是好學，聽到他這麼說，我還真是覺得相當不好意思啊！其實，我並不是真的好學，我只是對自己有興趣的方面好學，因為從以前就很對電腦、部落格的版面設計……等，有很強烈的好奇心，因為喜歡，所以用心。我只是想把部落格經營好，不管是在文章方面，還是整體版面的架構，我都曾用了很多的心思，而這大概也是我除了閱讀之外延續最久的興趣吧，雖然能力還是不足，但是，我會好好繼續學習下去，活到老、學到老，學習真的是無止盡的呀！

　如果你也是程式語言的高手，那麼，也請不吝與我分享你的學習經驗，甚至是你有覺得不錯的 HTML 、 PHP 方面的好書，也歡迎你在此文底下留言推薦， Carrie 先在此謝過了。

　文ｂｙ覺非／學無止盡

　目前最鍾意的版面是 Hemingway ，喜歡它的簡潔風格，不過因為此 theme 不適用 WP 自帶的 widgets ，它是用 blocks 來定義 sidebar 的呈現，在咕狗大神的協助下，我找到了不少這方面的資訊，所以大致瞭解該如何自定義blocks的語法，這倒是不難。不過，最困難的恐怕就是整體版面的調度，像是文章寬度（主頁和單篇文章）、 banner 自定義、整體色調、 sidebar 寬度……等等。這方面的調整，雖然可以用 CSS 語法來定義，但還是頗有難度。

　像是羅賓的部落格就是使用 Hemingway 來做基本版型，他成功調整的非常美觀，不過對於羅賓那裡的 footer 語法我就參不透了，因為他的語法能夠將 footer 鎖定，讓你不論轉到哪一頁都自動對齊底部、而不需要將捲軸拉至最底才能看到（請連結至羅賓的部落格觀看效果，就是那個 Entries RSS 、 Comments RSS 的 bar ）；看樣子好像是使用了特定語法，不過我不清楚是不是 CSS 語法。

　另外，羅賓在單篇文章的 Comments 的頁面也有滑動式的選項可以點選（請自行連結至羅賓的部落格觀看），讓你一點按便能收起 Comments 區，這一點我在 Hemingway 的預設版面也沒有看到，雖說羅賓有提過這點可以透過 CSS 語法來定義，不過我還是參不透啊！因為，那似乎不光只是 CSS 語法能做出的效果，不曉得是不是有 js 語法關聯！？好，我承認是自己太弱:P

　大家一定都覺得我怎麼那麼喜新厭舊，不是才換的版面，怎麼又想要換新了呢？其實是因為我覺得 sidebar 東西太多，不僅看了眼花撩亂，還拖慢部落格整體的載入速度，雖說現在不需要再擔心流量的問題了，不過因為 BH 是國外主機，我自己開啟部落格的速度都有點慢到令我難以忍受，所以，勢必要更換一個更簡潔的版面，並且在更換版面之後，我也要改掉在 sidebar 亂加小玩意兒的壞習慣了XD

　Hemingway 版面當然不是只有那暗黑色系，也有白色系可以使用，甚至網路上有許多好手都釋出了他們以 Hemingway 作為基底設計出來的佈景主題，但，老話一句，難改！如果，我最後採用了這個佈景主題，我一定會使用白色系的樣式，然後再細修成自己喜歡的色系，畢竟，黑色系的版面我真的沒辦法接受呀！

　此外，除了 Hemingway 的佈景，我也找到了另一款簡潔風格、類似 Hemingway 的佈景主題： squible 。這款我也相當喜歡，但前提是我如果會使用，一定會把它改成寬版面的，預設的寬度對我來說有點太窄了，我喜歡寬一點的感覺，字級能調大些、觀看舒適度提昇、貼圖不怕跑版。

　最後要說的是，如果你也使用 Hemingway 的佈景主題，歡迎在此文底下回應一同分享你的心得

　文ｂｙ覺非／搞個版型弄得我一個頭兩個大 =_=

/*edButtons[edButtons.length] =
new edButton('ed_next'
,'page'
,'<!-- nextpage-->'
,''
,'p'
,-1
);*/

把前後的/**/去掉（請自行把nextpage前的空格去掉）、存檔、上傳覆蓋原檔，之後再回到後台發文區重整頁面，你就能看到「Page」的quicktags標籤了，但前提是，你跟我一樣都是使用WP自帶的quicktags編輯器。

　不過，我修正了這個檔案之後，還是發現先前有分頁的文章，如這篇，無法顯示分頁功能，我還以為是佈景的問題，所以跑去了交流所發問，還好很快就得到羅賓主人的回覆。他說：

這不是更新的問題
在single.php裡面得有這句

<?php wp_link_pages(); ?>

分頁效果才顯示得出來
有的人製作佈景時會把這句寫進去，有的人不會，就得自己加進去了

　真是感激羅賓的解答，讓我很快就解決了這個棘手問題！

　另外，尼爾最近幾天非常用功，中文化了好多實用的WP插件，我最喜歡的Simple Tags也支援了最新版的WP，這真是所有WP使用者的福音，再加上又有尼爾兄的中文化檔案（目前官方版本已經包含了尼爾中文化的檔案），相信所有台灣的WP使用者一定笑得合不攏嘴啦！還有另一支我也很喜歡的FeedStats插件，也是因為尼爾介紹我才知道的，不過奇怪的是，我下載了官方版本（已包含尼爾中文化的檔案）啟用之後，所有該設定的地方都做好了，但在前台的RSS訂閱區還是無法正確顯示圖檔，不知道哪裏出了錯@_@還是無解，目前已經撤掉前台顯示圖，只能在後台觀看流量了。

　再來就是This Day和Postreach ClickComments這兩個插件了，也是讓我蠻頭痛的。我完全找不到可以在哪裏調整要讓他們出現的位置，因為我不想讓ClickComments的圖一直出現在首頁的每篇文章底下，這樣會拖慢網頁載入的速度，而且它出現的位置根本無法做調整（或許是我不知道，有人知道嗎？），真是令我困擾啊！還有This Day這個「歷史上的今天」的插件，也就是我單篇文章底下會出現的「彼年此時」，它可以在單篇文章下方顯示過去在同一天寫的文章，這個一樣無法讓我調整它出現的位置，因為我有些文章是有分頁的，這樣一來便被這兩個插件給『捷足先登』，分頁的頁次就掉到最下方了，如此一來可能會有很多讀者朋友們一頭霧水找不到頁次點選處。不曉得有哪位高手可以指點迷津？

　至於版面小修部份的有：首頁的咕狗廣告和單篇文章的咕狗廣告擺放位置，運用AdSense Manager和MightyAdsense這兩個插件重新編排整理過了，這兩個插件用途大家可以在插件列表觀看；因為彙整頁面做出來了，所以把邊欄的熱門文章和標籤雲都撤下，大家可以在彙整分頁觀看所有文章。目前做的修改大概就這樣，希望能夠更加速本格網頁載入速度，大家也幫忙測試一下喔，如果有任何問題煩請回報讓我知道。

　以上。

　文ｂｙ覺非／版面修整大作戰

　這幾天有來這裡的朋友，如果細心的話應該會發現我一點一點的細修這裡的版型吧^_*

　截至目前為止做了最大的變化是增加了 Tab Pane 這個頁籤bar的效果，可以將整個版面變得更清爽，有許多小東西都可以收納起來，只在你有需要的時候再點選開來看。不知道大家對於這樣的改變有什麼感覺呢？喜歡、或不喜歡！？可以在此文留言回應喔^O^

　現在就將我做的調整一一記錄於下：

　Update→ 2007/09/05 am09:59 更換favicon.ico圖，大家可以看看網址列的小圖變囉^_*

01.　撤換掉右上方的AdSense for Search，改成Google Ajax Search的WP插件，大家可以試著搜尋站內文章，就能知道搜尋結果以何種樣貌呈現喔！

　02.　將首頁的《關於我》改設為只在首頁和分頁顯示，其他頁面不顯示；《分頁》部份則改設為單篇頁面不顯示，其他頁面皆顯示。這兩部位原本是所有頁面都顯示的，但單篇頁面我想凸顯文章的各項資訊，於是就做了更動囉～

　03.　接著就是最大的改變─ ─ Tab Pane 的JS效果，相信大家一看就知道和原來的版面最大的不同在哪兒，所以這裡我就不贅言了。

　或許你會納悶，原本剛換Theme的時候不就已經很好看了，為甚麼還要多加這個JS效果呢？但其實是因為我想擺設的小東西太多，雖然版面是三欄的，可是如果擺上許多小玩意，那版面還是太過雜亂的，再加上我從很久以前在hhalloyy那裡看到他的介紹，就非常驚豔這種效果，所以就趁著這次機會一併加上囉：）

　好啦，雖然hhalloyy和ED都曾介紹過這個效果，但既然我提到了它，也就不能免俗的為大家做個簡介囉，現在就來告訴大家這個名為Tab Pane 的JS效果該如何加載於個人網頁或部落格吧，前提是你是自架網站或部落格的，一般BSP無法達成喔！

　我以下所講述的是專門給WP使用者看的，如果你是其他平台（MT、LT……）或個人網站使用者，就請你觀看原作者的使用說明囉！

　首先當然就是先下載這個JS元件啦～ 請按此下載，或是直接去原作者網頁自行下載。

　接著請你把下載回來的元件壓縮檔解壓、並以ftp上傳至你的主機空間或是個人網頁空間，請記得要放在WP安裝目錄的wp-content\themes裏喔，然後把你現在所使用的Theme的header.php檔找出來，在之前加上以下程式碼↓

　記得把「src」和「href」之後的部份換成你這兩個檔案實際的存放路徑（URL），雖然hhalloyy說為了怕你在更換主機商或是網頁空間之後出錯，還得回頭修改，所以他推薦把這兩個部位改成http://blogs.carrielis.com/wp-content/themes/sop2

　不過我在用了這個方法之後，反而無法顯示效果，所以我還是以存放路徑的URL做替換，你們可以自己試試看～

　再來請你把以下程式碼放在你想添加 Tab Pane 的JS效果的地方，我是放在sidebar的地方。

　這段程式碼你要修改的地方只有

之間的部分，那裡填上你要使用的標題名稱。

　至於This is text of tab 2. This is text of tab 2.這段，則改成你想在 Tab Pane 顯示的內容，如果你想多加Tab，那就多加程式碼，不過要記得按次序加入喔！

　文ｂｙ覺非／不斷的修改是為了越來越好啊～

　前幾天、也就是上月底的時候，我在尼爾家看到了尼爾家換新裝，而版面恰好是我喜歡的淺色風格，加上整體版面簡潔、修改容易，所以我也當學人精的套用稍做修改，即成大家現在所看到模樣啦，不知道大家喜歡否！？

　說是稍做修改，其實也花了我一晚上的時間，所以昨天晚上有來這裡的朋友們，一定有些被嚇到吧？Sorry喔，我習慣在晚上出沒，希望大家來的時候沒有遇到什麼困難、或醜態，見諒囉^_^

　換了版面，我把邊欄上的小玩意兒撤了些，大家有發現是哪幾樣嗎？嘻嘻～

　先這樣，大家看看新版面有沒有哪些地方不妥的，幫看著些，若有，請在此文評論回覆讓我知道，多謝。

　文ｂｙ覺非／九月要清爽

目前只有在FX火狐介面測試看過，如果有不妥的地方，請留言告知，多謝。

另外，想順便詢問大家：是否不愛看消費資訊的相關文章？因我發覺這裡好像只要一發表消費資訊或是美容保養的文章，RSS訂閱人數便驟降，這不知道是啥意思，難道我這兒的瀏覽的朋友都沒有愛美的女性朋友嗎@_@

只是一點疑問。

文ｂｙ覺非／有點累了