讓大家做個比較，上圖為原始的 Arras Theme，下圖則為經過調整編修過的《讚！設計 Good ! Design》完成示意圖。

原始的 Arras Theme

《讚！設計 Good ! Design》完成示意圖

原始的 Arras Theme 首頁最上方擺放的是圖片幻燈片輪播型態，但是因為業主方的資料上架需求著重於影片、並希望能夠在首頁和不同分類頁面下放置不同的影片；於是乎，功能套件的補強就是必備條件之一，且可以在前台隨著不同分類呼叫不同類型的影片，又能嵌入主題版面裡。而這個修改，可以說是不小的工程，當然，得注意不破壞原始版面架構，又能合乎版型的樣式。大家可以點選頁面上方不同選單導航的分類頁面觀看，不同分類不同影片的產生。

再者，我將原始的 Arras Theme 裡面業主方不需要的搜尋框移除掉，然後在後台將整站的文章縮圖尺寸都做了更改，並且依照業主需求，將所有內附影片的文章縮圖全部改成 YouTube 縮圖，而沒有影片的文章還是顯示原來的特色圖片縮圖。

首頁和文章頁、分頁的側邊欄統一顯示相同的內容，上方是圖片幻燈片，這裡未來會照著業主方需求隨時更換廣告輪播（可連結，內連、外連皆可），有後台可做設定、便於更換。下方的精選文章，則是顯示最新15則帶縮圖的站內新聞，而這也能依照未來業主方的需求直接在後台模組區做變更。

首頁主要內容排版，由於 Arras Theme 本身就有提供非常完善的後台選項設定機制，這點可以在後台做選擇，不過，試過幾種排列方式，當然還是目前我設定好的佈局最為美觀，我不會告訴你我的設定方式，這點請大家自己嘗試玩玩看

業主方由於是設計公司，所以相當注重設計感，並且對於圖像極為要求，所以內頁的相關文章和相同作者文章選，都希望能圖文並列，於是我採用了目前最流行的套件 LinkWithin 和另外一種套件搭配做補強，相同作者的文章選，除了以作者來判定之外，還必須符合相同屬性才能配對成功，這樣子出來的相關文章較為準確。

因為是公司的形象官網，不同於一般部落格型態，於是乎 WordPress 本身自帶的留言系統便顯得有些多餘，我將其以最能達到分享、行銷的 FB 留言區替代原始的留言功能，這點也是與業主討論過後的結論。

一開始在與此次業主接洽時，我有很深刻的體驗，就是要詳細溝通、針對客戶的需求對症下藥、建議你的客戶哪種方式最利於他們所想要的呈現模式，且能夠快速達成客戶需求。至於過多的功能？客戶並不是不需要，而是是否必要、且你得主動說明，況且，每個業界的業主方都有不同需求，顧好客戶的基本需求才是王道！

大家還記得一年半前我曾經寫過《第一個網站作品：EGAS》這篇文章嗎？時間過去一年半，「EGAS 新加坡 E 世代國際遊留學中心 E-Generation Agency Services」此次又再度委託我替他們公司官網進行改版，這一次我採取了目前國外比較流行的方式 focus 在他們公司所提供的各項營運服務上，如此一來也較能讓第一次造訪的朋友們了解他們這間公司的定位。

需要先跟各位說明的，這款 WordPress Theme 並非完全出自我的設計，而是參考了國外主題設計師的作品扒皮去骨之後再製而成，當然我是有經過授權認可的。而整體版面配置與設計，則是參考了 Apple 官網的 iPad 頁面，去蕪存菁之後，才有目前的最終版型，現在就請大家看看首頁截圖：

說來有些慚愧，因為我美工方面很不行，但這回業主所提供的圖片素材品質沒有很高（美工設計專員很難找，尤其是真正懂得網頁方面的美工，目前的美工有很多都是平面出身的，離要求還是差了一大截），所以此次一些網站版面有用到的刊頭圖片（大 banner）、小 banner 都是本人加工製作，以至於整體的版面質素有些許低落，希望大家別批評得太大力

想要看完整的網站頁面，請點上面截圖連結至官網參觀

最後的最後，當然要大力宣傳一下，如果您正打算以 WordPress 架設官網或是活動網站、甚或是 WordPress Theme 製作的需求，歡迎來信洽詢 CARRIE AT EJ-IDEA . COM （請將 EMail 地址全數換成英文小寫，AT 則是換成 @ ，最後記得去掉所有空格）。

當然也要強力推薦我們的工作團隊 EJ Idea Inc. ，歡迎參觀 EJ Idea 官網，我們最近更新了網站作品集。

文ｂｙ覺非／希望案源不絕

　飛翔於文字國裏的蝴蝶，我是愛寫文的女子，不要看我的人，請你看看我的文，那裡面全是我的心．和我想對你說的話……

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

EJ Idea Inc. 奕捷創意

《EJ Idea Inc. 奕捷創意》這間公司是我近期完成的網站作品，同樣採取 WordPress 架設，這個 Theme 雖然不是我自己百分百原創（購買國外設計師的作品），但其中的設計已經被我更改了不少，就連圖片製作也高達九成以上是我重新製作。

要特別跟大家說明的是，《EJ Idea Inc. 奕捷創意》是我參與的公司，本人在其中擔任網站（Web 前台）外觀美化的職務，公司主要承接各類型 iPhone, iPad, , Android 行動平板應用程式開發，也就是說，我們負責製作 Apps, 當然，如果您有書籍想要製作成電子書，提供付費下載的需求，《EJ Idea Inc. 奕捷創意》也相當歡迎您與我們聯絡。

從今年 2011 年中開始，《EJ Idea Inc. 奕捷創意》與 WordPress 正式結合。有鑑於 WordPress 系統平台在國內的壯大，《EJ Idea Inc. 奕捷創意》專研發掘其強大的系統內容管理（ CMS ）介面，整合會員管理、電子商務、擴充套件（ WordPress Plugins）建置、網站外觀版面視覺設計（ WordPress Themes ），由此為客戶群建立功能強大的形象官網（ Offical Site ）、活動網頁（ Event Site ），並成功結合 Facebook 進行強而有力的網路行銷策略。

你知道嗎？當 WordPress 與 iPhone, iPad 完美聯結後可提供更為強大的商務推廣，以網站形式做基礎核心，與 iPhone, iPad 透過串接，形成更為寬廣的行動網路商務推廣中心。

現在，讓大家欣賞一下《EJ Idea Inc. 奕捷創意》官網的首頁完整截圖：

最後，歡迎大家點擊連結參觀《EJ Idea Inc. 奕捷創意》的官網：

• EJ Idea Inc. 奕捷創意 http://ej-idea.com

文ｂｙ覺非／歡迎大家將案子發給《EJ Idea Inc. 奕捷創意》

　飛翔於文字國裏的蝴蝶，我是愛寫文的女子，不要看我的人，請你看看我的文，那裡面全是我的心．和我想對你說的話……

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

新主題：SOP 2 beta 上線測試中

是的，新主題上線了，其實這款主題寫了很久，一直沒有完成，現在上線了，還是有很多部分沒有完成，可是因為我實在太想換換心情，所以在貝塔版時刻就急迫的放上來，希望大家多多包涵我的任性

我同樣以 2010 預設主題為基本框架，但是裡面的內容改寫很多，色調是簡單灰、白、藍，符合大多數人所喜愛，大家可以看到我的螢幕截圖，相當很簡單，沒有什麼花俏部分。

至於側邊欄，後台有三個可選，分別是：首頁、單篇、分頁，三種模式，你可以自行選放你要在這三個不同頁面呈現的側欄掛件。

另外，目前有好多頁面的功能或是樣式都尚未完成，所以如果你發現什麼不對勁，請在此文底下回報通知，我會十分感謝你的熱心

之前大家講了好久的評論區，現在應該可以正常留言，表情符號似乎還是無法正常點擊（請大家將滑鼠移過去看符號原始碼，自行手動輸入吧），還有評論區的樣式也沒調整好，因為目前工作已經搾光我 80% 的精力，然後我私下還有接一些案子來做，所以等我調整好恐怕還有一段時日，這段期間，就請大家萬分忍耐視覺上的缺點吧

目前因為主題尚未建構完成，所以不會分享給大家，日後等我完善後，或許會開放下載。

現在來說說，為什麼我要做這款樣式、色調都如此簡單的主題。因為這款主題可以在後台自行更換頁首圖（banner）、背景圖，所以顏色實在不需要太多，如果你的背景圖夠搶眼，主題的顏色太繽紛反而造成視覺疲勞。而且這款主題最大的方便之處，就是自訂性高，只要你更換了頁首圖、背景圖，就完全變了感覺，不會有人跟你穿同樣的衣服，除非你用和其他人一樣的圖片。這點，我覺得比較個性化。

此外，部落格（博客、blog）不就是要用來寫文章的嗎？我們實在不需要其他太過花俏的功能，專心寫好你的文章即可，主題這種東西，只是用來轉換心情的調味料，千萬不要模糊焦點、忘了當初自架部落格的初衷囉！

可能是因為現在都是做一些商業主題，所以我自己個人的部落格反而回歸簡樸，好喜歡這種單純的主題，我只要寫好文章就行，其他不需太過操心

文ｂｙ覺非／簡單就是美．希望你們喜歡我的新主題

　飛翔於文字國裏的蝴蝶，我是愛寫文的女子，不要看我的人，請你看看我的文，那裡面全是我的心．和我想對你說的話……

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

WordPress 主題： SO Personal V1.0 上線

請下載過 SO Personal 主題的朋友們，重新下載一次，原來的主題包有錯誤，目前已經更改過！

是的，SO Personal 主題選在今天正式釋出，提供大家下載使用，以下是主題的小介紹：

• 偽三欄風格，藍白綠色系，部份連結採橘色系，算是一款活潑明亮的主題。
• 另有雙下拉導航選項，分別為網誌分頁與網誌分類。
• 主題自帶功能：支援後台模組、首頁及彙整頁（標籤、分類、分月）文章自動截取、自帶分頁導航、自帶文章導航、自帶文章分頁導航、自帶縮圖、自帶評論分頁+ [Ctrl+Enter]快速留言發送、jQuery圖片顯隱+jQuery平滑滾動特效、自帶回覆郵件通知+自帶嵌套評論+Ajax comments…等功能。
• 主題支援文章內容圖片的 caption 樣式顯示，無須特別設定，你可以在編寫文章時使用 wp-caption 圖片效果。
• 主題自帶相關文章功能，無須安裝插件，亦無須添加任何代碼。
• 並有「Google 自定義搜尋」頁面與「個性化友情連結」頁面。

由於本人功力尚未臻於完美，所以本主題無後台設定選項，以下僅附上主題檔案使用說明：

• 一、開啟 header.php 檔案，將 36 行的分頁代碼 exclude= 後面的數字更改為，你不想顯示的分頁 ID 號碼，若要取得分頁 ID 號碼，請至「編輯分頁」處，將滑鼠移至你不想加入的分頁「編輯」連結處，就可取得。
• 二、同樣在 header.php 檔案裏，把 42 行的 LOGO 圖檔，從主題的 images 資料夾裏替換為你自己使用的 LOGO 圖檔，圖檔格式為 png，若你的圖檔格式不是 png，請更改該行的圖檔副檔名。
• 三、同樣在 header.php 檔案裏，將 52 行處的分類代碼 exclude= 後面的數字更改為你不想顯示的分類 ID 號碼，取得分類 ID 號碼的方式同上（分頁 ID 號碼）。
• 四、開啟 searchform.php 檔案修改你的搜尋表單，將檔案裡面的搜尋框程式碼更改為你自己的 Google 自定義搜尋的搜尋框代碼，如果有疑問，請觀看本篇教學文。
• 五、開啟 header.php 檔案，將 44 到 46 行的 Twitter、噗浪和 RSS Feed 地址，更改為你自己的專屬網址。
• 六、「友情連結頁面」的使用，請觀看點此觀看【友情連結】頁面使用教學此篇教學文章。
• 七、打開 footer.php 檔案，將 29 行的 copyright("2007″); 裡面的年份數字，更改為你 blog 創立的起始年份，記住，是西元年份。

另外，主題在 IE 瀏覽器底下會有分類下拉導航列無法點擊的缺失，目前尚未解決，若您發現解決方法，也請不吝留言分享交流、教授，感激！其餘瀏覽器尚未發現問題，若有，也請大家幫忙糾錯，多謝。

再者，主題只在 WordPress 2.9.2 版本測試過，有可能不向下相容，但是日後會盡量釋出新版（3.0）的對應版本。

OK, 以上就是 SO Personal 主題的簡單說明，如果使用時出了什麼差錯，敬請觀看本主題教學系列文章，或是在此文底下留言詢問。

【SO Personal v1.0 主題下載】

文ｂｙ覺非／第一款自製 WordPress 主題 SO Personal 發佈下載

　飛翔於文字國裏的蝴蝶，我是愛寫文的女子，不要看我的人，請你看看我的文，那裡面全是我的心．和我想對你說的話……

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

我的第一個網站作品：EGAS

是的，這就是我的第一個網站作品，是一間遊留學公司，完完全全採取 WordPress 程式所架設，除了首頁那個幻燈片秀圖插件看得出來 WordPress 的影子，其它地方實在跟一般網站沒什麼兩樣，這就是我的重點，WordPress 真的可以為公司行號架設企業級網站！

網站的主題我曾經參考過國外的佈景主題，但是後來還是自己重新設計一遍，所以，這個主題全部都是我自己所寫，第一次寫主題、規劃整個網站的佈局，當然還是有許多不成熟的地方，我也從這個案件裏學到很多。

網站整體的配色，和業主商討過，最後用配色表找出最適合的色調，業主希望用活潑、明亮、有朝氣的色系，於是天青色和亮橘色的感覺就跳出來了。

因為是一般公司網站，有別於部落格的調性，全站都沒有使用到留言的欄目，除了首頁之外，其他頁面也都把側邊欄（sidebar）給拿掉了，主要使用全站通用的導航列，下拉式的導航列方便使用，也不會讓一般不熟悉的使用者疑惑該怎麼找到其它資訊頁面。網站的 Banner 採取輪播式跳轉圖片，讓網站訪客們能在每次轉換頁面時就更換一張圖片。在此要特別說明的是，所有網站上的圖片皆是業主所提供。

在網站的首頁，除去最頂部的 Banner，其餘地方我分了四種區塊來呈現，上部使用 FCG 幻燈片插件來做重點式的資訊導覽；中間部份則是擺放業主的特色圖片；下部則有四個可從後台模組控制的 Widget，這裡放置遊留學的介紹導覽影片和公司服務項目及聯絡資訊；右邊的側邊欄（sidebar）則由後台控制模組的 widget 放上三則遊留學的圖像式影片，讓訪客們都能看到遊留學的活動。

這個案件的資料大多為圖片，文字介紹部份只是點綴，大多由製圖時就將文字訊息製作出來了，所以網頁的寬度需要比較大，因為如此整體網站的寬度是 980px，這也讓整個頁面更為充足。

因為站方沒有可以留言反應的地方，所以在該站的「聯絡我們」頁面放置了一個聯絡表單，該聯絡表單也是透過插件來完成，該插件相當強大，不過為了將表單樣式調整成適合站方的色調，我也花了不少力氣，大家可以猜猜我使用了什麼插件？其它頁面大家可以自由參觀，我就不再多做表述。

特別要說的是，大概是我功力不夠，我總是發現若以 IE 瀏覽的話，版面有些地方會錯置，所以乾脆做了一點手腳，讓 IE 使用者看到一些訊息，希望他們能夠轉換一下瀏覽器囉！不過，我的業主是使用 Google 瀏覽器和 強大的 Firefox，呵，真是聰明的業主！

我目前也將該公司的 LOGO 擺放在本站的側邊欄上，對遊學或留學有興趣的朋友們可以過去看看瞭解一下。或者，你可以點選本文上面的網站縮圖，就能順利連結過去參觀喔！

另外，本站的新佈景主題，目前正在加緊腳步製作中，也是我個人第一款自行製作的主題，請大家過些時日拭目以待。到時也會將這個網站作品放置在新主題裏的作品秀頁面裏。

最後，要跟大家說：我也在接案子啦～不管是文字案件或者網站架設（以 WordPress）案件，都希望大家給我機會一起合作囉！請大家幫我多多推銷（介紹），感激

文ｂｙ覺非／第一個網站作品．請大家多多指教！

飛翔於文字國裏的蝴蝶，我是愛寫文的女子，不要看我的人，請你看看我的文，那裡面全是我的心．和我想對你說的話……

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