千呼萬喚始出來WordPress佈景殺手-Artisteer教學文終於來了，讓大家久等了，吠犬弟終於把牛肉端上來了，再不端上來我可能就要被鱷魚哥拿去燉香肉了。相較於鱷魚哥，吠犬弟我用字上較偏向時下網路用語，但是該有的內容一定會有的，所有的撇步通通搬出來分享給各位。

吠犬弟自己也有在使用Wordpress，但是網路上的佈景往往跟別人"撞衫"，在現在表現自我主義當道的時代這實在是很"掉漆"的一件事，唯有自己的創作才是獨特的，但不黯CSS的我對佈景的設計就有點畏懼，可是自從接觸了Artisteer他所見即所得的操作方式，以及近似OFFICE的操作真的是我們這種CSS文盲人的一大福音。吠話不多說我們進入我們的第一課 – 新手第一步。

新手第一步

前面安裝程序就不再贅述，如果沒有軟體的看官們，可以到官網下載試用版，邊學邊操作邊體驗這樣才會"擠霸分"。

如不知道Artisteer3.0是做什麼的軟體可以點此連結到鱷魚哥對Artisteer的簡介

開啟軟體後(桌面捷徑圖示如上方)，便會看到工作畫面，

主要分為四個區域，排版類似於OFFICE，一.檔案欄 二.功能選項 三.功能區 四.即時預覽，接下來我們會一區一區的介紹。

一、檔案欄

(1.)純粹是Artisteer標誌

(2.)檔案選項

(3.)開啟舊檔、儲存檔案、重做、回復

(4.)目前模板與選項 (在此可設置網頁ICON，及CSS細項選擇)

(5.)目前檔案名稱與軟體註冊狀態(試用版/標準版)

二、功能選項

之後的新手教學文章會一一介紹。

三、功能區

在選擇功能所出現的項目選擇，這邊介紹此區的配置方式，詳細設定日後會一一介紹。

(1.)3.0新功能，點選推薦後會自動智慧配置，讓製作佈景的速度更快又不失專業。

(2.)參數設定

(3.)更細的參數設定(會跳出新視窗)

四、即時預覽

當滑鼠移到設定的參數縮圖時(上圖)，下方的即時預覽會即時呈現，這也是之後輸出作品的樣子，且適合各個瀏覽器不用怕瀏覽器不同而跑位。

(1.)在即時預覽區，每個區域都是一個方塊，滑鼠移到上方會有黃色的邊框，點選後"二、功能"會自動跳到相對應的功能。

(2.)也可以選擇小燈泡圖示，直接進行推薦配置，不需再經過功能區點選。

別小看這些非常基本的簡介，有些自己突然找不到就是找不到(像是語言的選項，藏的真的很隱密。)

※往後教學文會分為以下單元

1.基本操作-無須動用到而外的美工軟體，純粹使用內建功能。
2.進階操作-是結合美工軟體，讓圖像配置更靈活。
3.官網SAMPLE解析-解析官網所提供的佈景其設計方法。
4.吠犬作品無料分享-喜歡可以打包帶走。

附上Artisteer官方網站。

吠犬

悠游於網路中的居家好男孩，樂於分享好用的工具給大家， 更喜歡寫教學文，(因為一勞永獲，不用一一個別指導，給個網址就對了。) 也喜歡畫圖，例如左邊的自畫像(別懷疑就是 自 畫 像)。

相關文章：

1. Artisteer 3.0 世界上最聰明的WordPress、Joomla、Drupal佈景編輯器！(1)
2. 拆解Artisteer 3.0 的13項新功能，讓你的佈景主題更靈活！(2)
3. Joomla!, Drupal, Xoops, WordPress 之比較

首先來看一下google透視，看看這4組關鍵詞在2004至今的全球蒐尋量。

很明顯地，Xoops在全球來說，已經不太被重視，而在台灣的Xoops社群，仍有許多熱心的高手與教育界的老師，還是用心經營，並發展出許多模組，將它用於學校與教育方面，仍值肯定。若台灣的使用人口多，仍可以獨創一格，但是我們畢竟人數太少，不像大陸一樣，光是「國內」人口使用即足矣。以全球的眼光看來，這一篇文章，就不比較Xoops了。

模組比較（Compare Plugin、Module、Component）

建立一個網站前，主要還是看它的需求，而多數的特別需求，都是要靠模組、元件、外掛來完成，（Plugin、Module、Component，在此文章統稱模組），鱷魚哥挑選網站模組，有幾項原則：

1、不必hack：有些網站程式，動不動就要手寫hack、改程式。這樣會耗費大量的時間管理。因為網站核心或模組一升級，又要hack一次。那真是痛苦的夢壓。所以儘量挑不用hack的程式。也就是選擇多樣化（同一功能有多個模組能達到），才會造成管理負擔。

2、使用人口多：人多好辦事！鱷魚哥在找尋某些功能時，或遇到問題時，國內沒有人會，國外總有。所以要挑討論區活躍的社群，順便認識一下國外的好人與高手。

3、能穩定升級：模組找較熱門的、最多人下載的，或是評分是高分的（4、5顆星）；有些新秀模組，雖然下載的人不多，但更新很快！也屬黑馬。

Drupal（module）：模組多到不可想像，只要你想得到的功能都有，官網內的模組完全免費。但是drupal的觀念滿難懂，學習曲線很陡。有些模組之間有相依性，像是組合樂高玩具一樣，能變出任何你想要的東西。光是安裝、設定模組，本身已成為一門專業。國內真的很熟 Drupal的高手，真的不多。（令人景仰）若您還是年輕人（我已老）、有興趣、有毅力、外文好、頭腦聰明者可進入。

Joomla!（component）：元件也非常多，有些較特別的功能會是付費元件。安裝只要按一下鈕就裝好了，使用上也非常簡單。類似Windows的畫面，會上網打字的人，經過簡單的教育訓鍊，就能操作。

WordPress（plugin）：國內的正體中文翻譯是「外掛」，種類非常之多，也是要什麼功能都有。直接在後台蒐尋，找到後按「安裝」鈕即可，連下載的動作都免了。外掛升級也能線上「一鍵升級」。對於管理者來說，真是非常方便。（聽說Joomla 1.7也將支援線上一鍵升級功能）

後台比較（Compare Backend）

要比較後台的原因是，有些網站做好是要移交給他人的，不光是自己懂就好。如何銜接與教育訓練，是該考量的重點之一。

Drupal：後台對於一般人來說非常難理解，大型網站光是模組就有幾十種，互相影響。可能要有高手來規畫之後，劃出權限，才能保持正常運作。

Joomla!：後台是下拉式、按鈕式，畫面非常漂亮，並容易理解。非常適合接案者交接與教育訓練（老闆看了畫面也會覺得滿像回事XD）。

WordPress：後台也是文字式，但還算容易理解，操作上也比 Drupal容易。只是沒有漂亮的圖形按鈕（也許有此外掛啦！）。

佈景比較（Compare Theme, Template）

除了功能之後，網站的門面也很重要，這是間接說服的一種，也就是網站給人的形象、印象。若你的網站破破爛爛的，不管做哪一行令人覺得不專業。（除非你的內容非常非常豐富，網友才可能不看外表，只看內容）三種系統的佈景都能在水準之上，以下做簡單的說明：

Drupal：免費的多。商業佈景的相對較少。

Joomla!：免費的佈景多、有些商業佈景有超水準的表現。

WordPress：免費的多，能用好用的不多（中文）。客製化的佈景價格差滿多的。我推薦 Elegant Theme。近期會寫篇教學文。

架站用途（CMS Application）

最後，說明一下這三種系統較適合的工作，這是個人觀點，沒有任何比較優劣的意思，請勿筆戰。

Drupal：前面說過，用Drupal可以架出任何網站。若用它來架 Blog，有點殺雞用牛刀。因為 Drupal有強大的權限系統、活動的輸入方式（CCK）、任意的資料庫篩選與呈現（views），並結合Facebook等社群網站，可以創造出許多大型的網站。例如競選網站（歐巴馬 白宮、馬英九、蘇貞昌）、娛樂網站、交友網站、共筆媒體…等，這些多人共同使用的「社群」網站。

Joomla!：Joomla 1.5之前，適合一般中小企業、公司行號來架站，也可以運用某些元件，用來也可達成特定目的的網站。Joomla 1.6之後，加強了權限系統與文章巢狀分類功能，所以現在應該也可用來做多人同時使用的網站，希望能在近期內看而經典範例啊！

WordPress：最適合個人blog網站。又因為它的功能強、好管理，若挑選合宜的佈景，拿來做一些簡單的中小企業、公司網站，也綽綽有餘。

4年一轉眼就過去，僅以自身的經驗寫下此篇文章，也感謝各社群內的熱心人士。我想雖然架站變得比以前簡單，但是仍有其專業性。就像去IKEA買好家俱，你可以自己組，也可以交給他們運送加組裝。雖然組合物件都是現成的，自己拼裝可能會費時費力，裝反裝歪、裝錯重裝…。現在的架站者就像IKEA的付費工人，拿專業的工具、用專業的拼裝法，組合出的成品又漂亮又實用。您說是嗎？

[tfg_social_share]

鱷魚哥

長期關注CMS之發展與購物網站之應用，目前正在研發購物站結合facebook行銷的解決方案。

Website - More Posts

相關文章：

1. Joomla!, Drupal, Xoops, WordPress 之比較
2. Joomla! 1.0.15 轉移（升級）到 Joomla! 1.5圖解範例
3. Phoca Guestbook – Joomla! 1.5 含驗證碼的留言板元件(中文化)

我們來看看官方對於3.0版的說明，鱷魚哥在這一篇文章，會將官方所說的「新功能」解釋一遍，並抓圖來給大家看看（有圖有真相）。然後一一檢視它到底有何進步？

Artisteer 3.0的新功能包含：

The new features in Artisteer 3.0 include:

1、網站推薦功能也支援網頁與部落格編輯。

若要編輯一個不複雜的網站，以往可能用dreamweaver 編輯，現在直接用 Artisteer 3.0 即可。好處是有推薦的佈景功能，也可以同時輸入網頁內容；所以用 Artisteer 3.0能同時能編輯美工與內容，匯出後是 html的格式。

2、線上樣本與網站範例

若您覺得線上的樣本有合用的，也可以直接使用線上樣本與網站範例。上一篇已經介紹過。官方網站的所有範例在此。這也是 3.0版之後才增加的好康哦！

3、支援彈性（百分比）版面

可以根據螢幕寬度的百分比，來決定網頁的寬度。但因為現在新的螢幕長寬比已經愈來愈多樣化，例如16:9的螢幕，若把網頁弄得太寬也不好看，建議還是固定寬度比較能控制您的網頁呈現效果。

4、互動式智能標籤（設計效果預覽）

除了可預覽編輯結果「所見即所得」之外，在每一個可編輯的區塊，有個互動式智能標籤，可以在想修改的地方：按下「燈泡」會更改推薦效果；亦可按下參數鈕，可以應不同的編輯項目，出現不同的選項。

5、可指定推薦風格（如簡約的、搖滾的、透明的…等）

在之前版本，只能一直按下「推薦的設計」鈕，不滿意，再按一下…不滿意，再按一下。無法指定想要的風格。現在 Artisteer 3.0版，已經可以指定風格了。從這個小地方，也可以看出研發團隊的用心。這項功能，可能把內含的美工、圖庫、色系等，以美術專業的眼光，做了基本的分類，使「推薦的設計」鈕的結果，能更符合設計者的想法。

6、可自訂CSS輸出

在匯出的選項中，現在已經可以自訂CSS前綴，（以免很快被高手看被你的佈景是 Artisteer做的？）也給高手一個區塊，自訂CSS樣式表。

7、Wordpress 佈景是基於 WP 3.0預設佈景TwentyTen而設計的

WordPress 3.0以後的theme，預設是 Twenty Ten，也就是說，Artisteer 3.0 所產生的佈景和 Wordpres主程式，相當mach。

8、新增背景和頁首（header）的圖庫。

3.0版比以前擁有更多的圖庫，也使編輯的組合性更多元豐富。光是這些圖庫的合法版權，已經價值不菲！當然！若您是美術專家，也可以插入自己的圖片！若背景能和頁首的圖片接合，我想能創造出「出血」的感覺，版面會更有變化。

9、新增配色選項

有專家已經幫您配好顏色了，您只選擇就搞定！這好像微軟的「powerpoint」是吧！？

10、可經由artisteer 3.0直接發佈網站於「www.artisteer.net」上

什麼？連主機都不用租了？在 Artisteer 3.0中的網頁（website，非CMS）可以直接發佈到 artisteer.net所提供的主機空間上。但一定要經由artisteer 3.0版的軟體才能發佈。買軟體又送網站空間啊！？這也是另一項「鎖碼」的方式…。

11、頁首、頁尾寬度可無限左右延伸

Artisteer 3.0版，可控制頁首、頁尾，向二側延伸，也就是說，版面不想是方方塊塊的！能做出有彈性的網頁佈景。這是許多官方討論區的網友，所期待的新功能，如今已經完全沒bug了，造福許多的網頁設計師。（不再拔頭髮！）

12、新增圖片透明度選項

在圖片上直接做效果，鱷魚哥發現這軟體好像連圖片編輯功能都不放過啊！？透明度是新增的選項，之前已經有其他選項了。

13、新增頁首文字透明度遮罩

頁首（header）的地方，放置文字有利於SEO。新功能是可襯透明色塊於文字後，不會完全擋住頁首的後方圖片，看起來專業一些。

以上就是 Artisteer 3.0的新功能介紹，我們會在之後一、二個月內陸續發佈相關操作說明與秘技，敬請期待。

若要了解更多詳情，請到官方網站參觀。

立即下載 Artisteer

鱷魚哥

長期關注CMS之發展與購物網站之應用，目前正在研發購物站結合facebook行銷的解決方案。

Website - More Posts

相關文章：

1. Artisteer 3.0 世界上最聰明的WordPress、Joomla、Drupal佈景編輯器！(1)
2. Artisteer 輕鬆上手 (1) – 新手第一步 / 簡單製作 專業表現
3. 再論 Joomla!、Drupal、WordPress之比較

所謂「佈景」。在不同的系統，有不同的名稱。在Joomla! 中稱為 Template；在Wordpress 與 Drupal 則稱為 Theme。您可以想像它就是網站的「衣服」，負責的是關於美感的部份。

國外雖然有很多免費佈景可以下載，但均以英文為主要語言，套用於中文網站，會有字體小、行距不恰當、有bug、版本不符、不支援小工具…等問題。要找到合宜可用的佈景實在很困難。（要花很多時間）同時要懂得Photoshop、HTML與CSS語法，才能弄出一個能看的佈景。

有沒有解決的辦法呢？鱷魚哥推薦一套軟體「Artisteer」，它可以讓您自製佈景，我從一年多前的2.4版就購買，一直升級到現在。在3.0正式版於2011年6月推出後，鱷魚哥在實際使用後，要大聲跟大家說：真的很好用啦！推啦！

鱷魚哥和另一位搭檔吠犬（不會咬人），準備用暑假期間，把Artisteer的使用說明（包含秘技揭露），跟大家好好介紹一番。

講理論哦！？不如舉一個例！

1、開啟artisteer，選擇您要製作哪一套系統的佈景，例如Joomla。

註：軟體是多國語言版，可選擇簡體中文（無正體中文），本人是正體中文支持者，所以先不轉成簡中近期內會推出正體中文翻譯啦！

2、勾選您想要的佈景風格。

3、按幾下suggest design 鈕（它就像點子王，幫你想想初期的創意！），直到自動產生的佈景，接近你的期望。當然，所有的細節可在稍後自訂。

4、我們略過中間調整的步驟。假設目前是已完成的狀態，看看怎麼在Joomla! 1.6 使用（是的！它支援Joomla 1.6）。準備匯出。

5、訂個檔名，選擇匯出於桌面，並匯出成zip檔。按匯出鈕。

6、done！已經完成啦！和平常一樣，把佈景安裝於Joomla! 上，即可使用。

天啊！這真是太神奇了！

6個步驟就已經初步完成了 Joomla 1.6的佈景製作與上傳。當然實際在做時，需要一一設定細節，但所有的調整都能「可視化」、「智慧化」、「自訂化」，這是此軟體的可貴之處。

使用artisteer 製作佈景的優點

以下是鱷魚哥個人的使用Artisteer的感想，供參囉！

1、存成Artisteer專用的 .artx檔，隨時可匯出為不同系統的佈景。

2、隨時可修改，不需要辛苦地用firebug抓CSS，也不需要懂得語法與程式。

3、適用於大部分的主流瀏覽器。IE、Firefox、Chrome、Opera。

4、既然適用於絕大部份的瀏覽器，也就是說，它產生的程式碼是符合W3C標準。

5、內附美工圖庫（包含背景、底圖、header、花紋、icon、favicon，可完全合法使用）。

6、可以用它來接案，使生產力大增。或用於製作自己的佈景。再也不求人。

7、所有的細節都可以自訂，使個人的創意發揮到極限！

使用artisteer 製作佈景的缺點

鱷魚哥認為，Artisteer 2.6之前的版本，製作出的佈景會太過於類似。都是方方正正的，沒什麼變化。不過3.0版之後，支援無限延伸的header，若能把一些進階功能用熟，我想變化已經夠多了，用在一般個人、公司網站已綽綽有餘啦！我們會在接下來的教學文章中展示。若您還是覺得不夠，您肯定是個高手啦！用文字編輯器就能打程式與HMTL的現代奇筢！（教我！教我！）

若您要更富有變化與創意，或特殊功能的佈景，可以直接去國外的公司購買。我覺得有幾家佈景公司還不錯，有特色、美工強、支援好、功能佳！下次再專文介紹囉！

Artisteer 提供的佈景範例

這個官方網頁說明，在 Artisteer 3.0之後，有線上樣本和網站範例，我看這根本不是人家說的「傻瓜佈景產生器」，而是「懶到最高點」佈景產生器了！

在此把一些 Artisteer所提供的佈景範例截圖下來，看看這這軟體最終可以做成怎樣的效果。後續會有文章來個別拆解它的技巧。

• 旅遊網站

• 科技公司網站

• 中小企業網站

• 咖啡品牌網站

• 餐廳或食品網站

• 運動休閒網站

還有很多很多，無法一一列舉…。到 Artisteer官方網站首頁之後，點左邊 Samples，就能看到並下載所有的線上樣本。看完了這些樣本範例，相信您會覺得眼睛一亮吧！我個人的感想是：在像素方正之中，自有它DIY的樂趣存在啦！

結論

我覺得這家公司的研發很用心，解決了大多數架站者的痛苦。

因為內容管理系統（CMS）的佈景是有其規律性的，只是各系統之間，各有各的製作方式，無法互通；但它的原理，都是把它區塊切開，再置入PHP程式碼，把內容導入。於是就用軟體，經過人的操作之後，看而滿意的結果，再把佈景「產生」出來。產生出的佈景大多沒什麼問題了。

一個人的時間有限，我想：若您不是專業的佈景製作者，就應當把時間多花在「產出有價值的內容」上。這樣應該對網路界來說，是件好事吧！

FAQ

這邊整理一些大家最常問的問題，依我的了解予以說明如下，僅供參考。一切還是以官網的說法為主。

1、購買後的權利為何？

購買後，一年內可以免費升級。例如：現在購買，是下載最新的 3.0版。一年內若軟體升級到3.5版、4.0版，一樣可以下載並啟用。

一年後，軟體依然可以繼續正常使用（到永久）。只是若有新版本無法升級。一年後的續買費用我記得是59US。

2、能不能拿 Artisteer佈景來販賣？

可以的。（除了頁首的前景圖片之外 header→foreground photo）依 Aritiseer的說法，前景圖片的圖庫，是第三方提供的。所以能用於自己和客戶的網站（可以自用或接案），只是不能將做成佈景拿來「出售」。除此部份之外，其他所有的部份，都可以自由使用。

3、購買後可以裝在幾台電腦上？

官網的說法是一台；但允許裝在第二台筆電上。我試過多裝幾台馬上不能啟用，可能會影響原本合法的機器啟用（應該有鎖硬體，例如：網卡號碼）。哈哈！人家畢竟研發非常辛苦，不要只買一個 license大家一起 share啊！

4、有沒有試用版？

您可以到官網直接下載使用、試用。唯未經「啟用」的產品，在「匯出」後會有浮水印。請支持正版，並不用浪費時間去找「免費版」了，此軟體是通過網路啟用，防拷技術非常厲害哦！現在買個商業佈景也要3千左右吧！購買正版，不管是自用、接案用，都滿划算的。我自己主要是覺得這軟體非常有趣。

5、如何買？

台灣的鄉民們，請使用paypal購買（若沒paypal帳號，亦可經由paypal刷卡）。建議購買的版本是標準版（Standard Edition），可匯出所有格式，並有完整的圖庫。家庭學生版（Home & Academic Edition）僅能匯出 HTML、Wordpress、與 Google的 Bloger版本，並僅有部份的圖庫。請參考官網的 Purchase中的比較表。

立即下載試用Artisteer 3

鱷魚哥

長期關注CMS之發展與購物網站之應用，目前正在研發購物站結合facebook行銷的解決方案。

Website - More Posts

相關文章：

1. Artisteer 輕鬆上手 (1) – 新手第一步 / 簡單製作 專業表現
2. Joomla! 1.0.15 轉移（升級）到 Joomla! 1.5圖解範例
3. 拆解Artisteer 3.0 的13項新功能，讓你的佈景主題更靈活！(2)

可惜進入門檻高，理解這一套東西很不容易。

現在分享我安裝ubercart的一點心得。希望大家指點與討論。

一、預先安裝模組：

原廠手冊中清楚的表示，安裝Ubercart前，需要先安裝以下模組並啟用。

Required module
• Token

Default image support
• CCK (Content)
• FileField
• ImageAPI (ImageAPI, ImageAPI GD2)
• ImageCache
• ImageField
• Thickbox

Other integrated modules
• Google Analytics
• Views

以上建議全部安裝了。

二、ubercart核心與相關模組：

1. 核心模組全部啟用：

• Cart==>在Ubercart電子商務網站中用來控制購物車。
• Conditional Actions==>為稅收,運送,和其它建立帶有條件的動作配置.
• Order==>透過網站接受和管理訂單
• Product==>用於表示網店中產品項目的一個模組。推薦安裝 Imagecache 和CCK Image字段模組。
• Store==>設定網店設定和管理您的Ubercart網站

2. 核心（可選）

• Attribute==>允許客戶在結帳在選擇產品屬性
• Catalog==>顯示一個具有層級性的產品目錄頁面和區塊
• File Downloads==>允許產品與可下載的檔案相關聯（若產品是「檔案」，一定要裝此模組）
• 其他Reports、Roles、Google Analytics for Ubercart 可選用。

3.付款模組

• Free Order==>產品價格若為零元（免費商品）需要另外再下載uc_free_order模組。
• Payment Method Pack==>提供支票/匯票,貨到付款,和’其它’付款方法
• Payment Method Pack==>集成各種貝寶付款服務和IPN反饋

在綠界科技把模組做出來之前，在台灣只有paypal 較方便付款。

三、後台設定（主要的地方）

1. 付款設定

a. 勾選貝寶（paypal）標準網站付款與免費商品，這邊有免費商品是因為有多裝了uc_free_order模組（佈景王只用這二項）

b.在下方「貝寶標準網站付款」項目，輸入在貝寶的email。這邊如何改TWD可能需要各位神人相助。

c. 若是免費商品的話，系統會直接將訂單視為「已完成付款」的狀態。

d.付款網關，要啟用，api服務器選「實際的」。

2. 虛擬產品設定（付款後檔案如何提供買家下載？）

只要是檔案型式的商品，就可以用此方式，在使用者付款後，由管理者確認訂單，使用者即可收到下載連結，亦可於帳號中的下載區來下載。

a. 首先假設您已經上傳好產品分類，並建立好產品。

b. 在網店管理>配置>產品設定中，有個「產品特性」

若有開啟File Downloads模組，就會有「檔案下載」這一欄。可輸入一個絕對路徑。例如：/home/down，這邊有說明「基於安全考慮，推薦你選擇web根目錄以外的路徑」

在下方還有限制IP與下載次數，看個人需要增加。

c. 預先用ftp把下載的檔案（如zip檔）傳到上面所指定的目錄。

d. 再接下來，需要在產品編輯中設定。在網店管理>產品>編輯>特性>增加一個「檔案下載」特性。

f. 在檔案下載那一欄，手動輸入檔案名稱。打一個字就會有ajax找出符合的檔案備選。

g. 完成連結了。按儲存。

四、免費/虛擬商品測試操作

1. 若我是消費者，我買了w1220號商品，價格是0元。放入購物車。

2. 因為不用付錢，按結算。

3. 這邊付款方法是「免費商品」因為自動偵測到0元，所以不列出paypal的方式。按預覽訂單。

4. 送出訂單。

5. 訂單完成。有一個唯一的訂單編號。

五、如何下載？

1. 消費者會收到郵件。

2. 消費者的登入佈景王後，可以看到「檔案」欄位。

3. 為什麼沒有檔案可以下載呢？看看訂單狀況（按旁邊的訂單）是「已收到付款」的狀態。

4. 一直要到管理者去網店管理>訂單>>狀態改為「已確認完成」>更新。

5. 消費者再到我的帳號>檔案，就會看到所購買的商品。

打完了。這些都是基本的設定。適合軟體、佈景、文件等商品下載。

提供給網友分享。希望有幫助。也歡迎大家一起討論。

鱷魚哥

長期關注CMS之發展與購物網站之應用，目前正在研發購物站結合facebook行銷的解決方案。

Website - More Posts

相關文章：

1. 如何在xt:commerce中貼上google analytics 的追蹤程式碼
2. 如何插入不同格式的頁碼（I、II、III）（1、2、3）
3. 6個網路開店前的市場調查方法

下載、並解壓縮xampp，這邊可以下載。這是輕量版，夠用了。
或以下網址下載
http://sourceforge.net/projects/xampp/files/XAMPP%20Windows/1.5.5/xampplite-win32-1.5.5.exe/download

下載時，檢查一下檔案是否正常？應該跟下圖一樣。

下載完成，應該是這樣的符號。7z的自動解壓縮檔。按二下執行。

若出現是否確認執行，按執行鈕。

選擇解壓縮的路徑，手動輸入D:\

看一下d碟，會有 d:\xampplite\ （因為是輕量版，所以是xampplite）

進入xampplite的主目錄(D:\xampplite)，並執行"setup-xampp.bat"，以更新設定檔中需要的路徑。

跳出一個視窗，表示設定完成，按一下任意鍵繼續。

現在可以打開xampp-control.exe 面版，以啟動伺服器，進行操作。

下載並安裝xtc

按此下載，並用winzip解壓縮xtc網站程式。放在 d:\xampplite\htdocs\xtc

下載完後，按右鍵，解壓縮。

解壓縮完畢後，會有一個xtc資料夾，把它複製到D:\xampplite\htdocs\

打開IE瀏覽器，在網址列輸入localhost/phpmyadmin 新增一個資料庫db1
編碼是utf8 – general ci

打開IE瀏覽器，在網址列輸入： http://lacolhost/xtc/xtc_installer
開始一步步設定網站

重點是第二步要設定正確

其他的細節可以自己練習哦！努力再努力！

熟悉這種安裝方式：可以建blog、架公司網站、接case賺錢哦！

鱷魚哥

長期關注CMS之發展與購物網站之應用，目前正在研發購物站結合facebook行銷的解決方案。

Website - More Posts

相關文章：

1. 如何搬動整個xt:commerce 網站？
2. 將xt:commerce由xampp移轉至虛擬主機—20步驟圖文詳解
3. 安裝xampplite + xt:commerce 可攜式網路商店

有一個新的轉移元件：mtwMigrator，這個元件很聰明，直接連接舊資料庫，然後按轉移，就升級完畢了！

神奇！

另一個方法，是按照這一篇官方的文章(中譯)：如何從 Joomla! 1.0.x 升級到 Joomla! 1.5

若看不習慣簡體，可以按一下繁體鈕。可是以上這一篇不包含VirtueMart或任何第三方元件。

本例是使用mtwMigrator，我親自試過，是一個比較聰明的方法：

1.開一個空的UTF8編碼與校對的新資料庫，稱做「Joomla15」 。用一般的程序安裝Joomla!15，不要安裝任何範例檔。

安裝完畢後，應該是一個沒有範例內容的網站。

2.下載並安裝mtwMigrator元件於Joomla!15。

3.它支援的第三方元件如下圖左邊所示，我只使用VirtueMart來示範。

4.下載並安裝VIRTUEMART1.1.3 for Joomla!15。不要安裝任何範例檔案。

VirtueMart_1.1.2-COMPLETE_PACKAGE.j15 注意是j15的版本

5.安裝VirtueMart元件。

6.安裝VirtueMart模組。

7.按左邊的鈕，直接建立空的購物車元件。

8.在mtwMigrator中設定資料庫。指向Joomla10資料庫，在本例中，由於是Mambo一路移轉過來，所以前綴字是mos_ 。左下區塊是設定要移轉的項目，全部勾選。由於已安裝了VirtueMart 右邊的選項可以打勾。

9.到元件設定的地方，按中間鈕執行移轉。稍後有畫面顯示移轉的狀態。

10.將舊網站的圖檔，複製至新Joomla!15網站。若您存其他目錄也一併複製。

image/stories

public_html/components/com_VirtueMart/shop_image/category/

public_html/components/com_VirtueMart/shop_image/ product/

public_html/components/com_VirtueMart/shop_image/ product/resized/

10.安裝中文文字。

Joomla!1.5 前台

Joomla!1.5 後台

VirtueMart 1.1.3 中文

8.恭禧您！完成升級任務。

鱷魚哥

長期關注CMS之發展與購物網站之應用，目前正在研發購物站結合facebook行銷的解決方案。

Website - More Posts

相關文章：

1. 移轉Mambo 4.5.2(big5) + VirtueMart 1.0.15 到joomla 1.5(utf8)+ VirtueMart 1.1.3 實際案例
2. 再論 Joomla!、Drupal、WordPress之比較
3. Joomla!, Drupal, Xoops, WordPress 之比較

TO WITH

我在2006年替朋友架了一個站，Mambo 4.5.2(big5) + VirtueMart 1.0版。最近被駭了，還好駭客很客氣的，只是讓網站上的圖片看不到。因為沒有維護合約，中間幫忙升級了幾次VM版本，能撐這麼久也不容易了。

因朋友最近要求改版並升級，我讀了很多官方的手冊與民間的資料，發現這是一個複雜的過程，我試著把解決的方法記錄下來，您可以拿來當參考。

記得做升級之前要多備份。

我的環境很簡單，沒有任何元件，只有Mambo + VirtueMart

升級的要求是最新版Joomla1.5 + VirtueMart 1.1.3，我把升級過程簡單紀錄如下：

壹、Mambo 4.5.2(big5) 移轉至 Joomla! 1.0.15(utf8)

1.1 將Mambo(big5)資料庫轉為utf8。

1.2 備份這utf8資料庫。Mambo-all（所有的資料表）、mambo-vm（vm開頭的資料表）、mambo-core（安裝原始程式所含的資料表）各一份。

1.3 建立一個純utf8編碼的Joomla! 1.0.15環境（以下稱J10站）。建立前要先更改程式碼，按台灣版的Joomla!安裝完phpmyadmin中是亂碼，無法整合。

1.4 安裝同版本VirtueMart於Joomla!1.0上，不用安裝範例檔。

1.5 將J10站的vm開頭的資料表備份並刪除，匯入原站的mambo-vm。

1.6 將J10站的非vm開頭的資料表備份並刪除，匯入原站的mambo-core。

1.7 拷貝必要的圖片檔案與佈景至J10站。

1.8 Done!

貳、VirtueMart 1.0.15 to VirtueMart 1.1.0

2.1.去VIRTUEMART官網下載VirtueMart_1.1.0-Manual_Installation_Package.zip

2.2 解壓縮覆蓋原檔。

2.3 登入管理介面，到元件>>VirtueMart，點擊 "UPDATE NOW" 將資料庫結構更新。

2.4 存檔。

2.5 Done!

參、VirtueMart 1.1.0 to VirtueMart 1.1.1 to VirtueMart 1.1.2 to VirtueMart 1.1.3

3.1 到VirtueMart官網去下載，是根據你Joomla!的版本下載，本例是J1.0版。

Patch-VirtueMart-1.1.0-1.1.1

Patch-VirtueMart-1.1.1-1.1.2

Patch Package (1.1.2->1.1.3) for Joomla! 1.0.x/Mambo

3.2 依次解壓縮，並覆蓋原檔。

3.3 Done!

肆、Joomla! 1.0.15 to Joomla! 1.5

4.1 若只是單純的核心程式移轉，不含外掛元件，可參考官方文件：Migrating from 1.0.x to 1.5 Stable。運用migrator元件，將J10的資料庫備份，然後建立一個新的Joomla! 1.5（以下稱J15站），在建站時做資料匯入的動作。

4.2 這裡建議用mtwMigrator元件，可以直接轉移資料庫！

4.3 mtwMigrator元件的大致作法是：

4.4 建立一個空的J15站。不含範例檔。

4.5 安裝同版本VM元件。不含範例檔。

4.6 指定舊資料庫位置。與要移轉的項目。

4.7 執行移轉。

4.8 Done!

這些過程有點曲折、複雜。不過滿容易理解，而且已成功升級！由於過程中有省略一些較基本的步驟，若您是還是新手，不建議您按照上述方式去做。

舊網站在www.chile.com.tw 重點是首頁的PISCO很好喝啊！

新網站在http://210.58.98.181/~chile/ DNS還沒轉，佈景還沒換…

請您在做移轉之前，一定要備份。或是使用XAMPP、Appserv之類的軟體，在本機上測試，沒有問題之後，再進行正式移轉。

這樣好了！大家來投票…
1、轉移步驟寫成簡單的電子書。
2、加一點料寫一本Joomla! + VirtueMart的專書。

有人會買嗎？哈！

鱷魚哥

長期關注CMS之發展與購物網站之應用，目前正在研發購物站結合facebook行銷的解決方案。

Website - More Posts

相關文章：

1. Joomla! 1.0.15 轉移（升級）到 Joomla! 1.5圖解範例
2. ninjaXplorer線上檔案管理元件（正體中文版）for Joomla! 1.5
3. 再論 Joomla!、Drupal、WordPress之比較

舉例：若我使用 DRUPAL5 架站，現在想增加一個簡單的「線上問卷調查」的功能。目標是讓使用者上網填入自己的意見，並能將每個意見送到資料庫匯整。
1、先到中文官網，進入模組區，或下載區，看看有沒有合適的模組。

2、到中文官網蒐尋區或討論區，打入關鍵字survey 、 form。

3、如果沒有，到英文官網用1 、 2的方法再找找。發現有好幾個模組是可以做線上調查的。

4、閱讀模組介紹，了解模組的大致功能。

5、下載與核心版本能配合的模組版本。

6、安裝並試用各模組的功能是否與需求相符。

7 、決定模組並安裝後正式上線。

鱷魚哥

長期關注CMS之發展與購物網站之應用，目前正在研發購物站結合facebook行銷的解決方案。

Website - More Posts

相關文章：

1. Joomla!, Drupal, Xoops, WordPress 之比較
2. 再論 Joomla!、Drupal、WordPress之比較
3. ubercart 免費虛擬物件與paypal設定

1、Joomla!：

• 非常容易安裝，並有許多模組可供使用。
• 說明文件詳盡而簡潔。
• 管理者操作介面是直覺式的，且功能強大。
• 後端控制台非常合用，且用「所見即所得」方式編輯內容。
• 規模大小剛好且提供許多自訂選項。
• 龐大且活躍的社群。

2、Drupal

• 已經到處可見、運作穩定，並積極開發系統。
• 程式寫得很好。有精細的權限系統，並注重安全性。
• 系統設定輕而易舉。
• 輕量化安裝。
• 非常多的模組與佈景。
• 優秀的說明文件，且有積極、友善的社群。
• 「節點」的觀念非常好。

3、Xoops

• 極簡的初始安裝。
• 強大社群支援。
• 提供許多模組與佈景。
• 許多的功能。
• 成熟且良好的權限系統。

WordPress雖並非2006 Open Source Content Management System Award Winner之成員，但有The top 100 Webware sites for 2007之背書，在最佳個人出版工具類入選。以我個人觀點，將其特點也列出來：

4、Wordpress

• 安裝簡單。
• 提供許多模組。
• 佈景多且非常美觀。
• 專門用於建立部落格（blog）。

基於以上分析，可以用個蜘蛛圖分表示各項CMS的特點。

簡單的說，你可以依照你設立網站的目的，來選擇合適的CMS，並考慮你有沒有特殊的模組需求。大致可分為：

• Drupal：用於許多人參與的社群網站，且權限複雜，網站部屬彈性需求大。但Drupal的學習曲線很陡，適合由專業人士來調校管理，入手並不容易。
• Joomla!：一般的公司網站。因為其後端控制台美觀且容易學習，易於交接及教育訓練。
• Xoops：可用於一般的社群網站。也有人用它來架公司或個人網站。
• WordPress：適用於個人或組織的部落格。

現在，由於分工更為細緻化，要了解每一種CMS的設定，與其模組功能、修改佈景的技巧，都變成了一種專業。下次再說說模組的選擇與佈景的修改。

鱷魚哥

長期關注CMS之發展與購物網站之應用，目前正在研發購物站結合facebook行銷的解決方案。

Website - More Posts

相關文章：

1. 再論 Joomla!、Drupal、WordPress之比較
2. Joomla! 1.0.15 轉移（升級）到 Joomla! 1.5圖解範例
3. ninjaXplorer線上檔案管理元件（正體中文版）for Joomla! 1.5