千呼萬喚始出來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)

很多人使用eXtplorer元件，很酷很炫！但不是裝不起來，就是擔心有安全的問題。

也有人用JoomlaExplorer，但是要將Legacy模組打開，那用Joomla 1.5的意義就不大了。

ninjaXplorer元件，完全相容於Joomla 1.5，簡單、好用！目前我使用在幾個網站上，都沒有問題。官方網站平均也有4顆星的評價。

先前的舊版正體中文檔案好像是一個仙人www.which.tw弄的，不過已不適合新版本。有一些程式上的錯誤與新的語法與翻譯，我一併將它更新了。

安裝步驟：

1. 注意：本文有一個嵌入檔案可供下載，請造訪本文網站以下載檔案。先下載ninjaXplorer元件。
2. 在後台管理區>>擴充套件>>安裝/移除，將下載回來的zip檔裝上去。
3. 在元件區，即可看見ninjaXplorer，就像檔案總管一般使用。
4. Done!

鱷魚哥

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

Website - More Posts

相關文章：

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

• 新增驗證方式：標準、圖形、數學認證等三種方式，避免機器人留言。
• 可將留言透過email寄給管理者或留言者。
• 管理者可以決定留言是否經審核才發佈、直接發佈；或在後台刪除。
• 與easybook不同的是，它可建立多個留言板。

全新安裝：
01.下載Phoca Guestbook component，目前最新的元件版本是1.3.2。
02.在後台擴充套件>>安裝phtoca留言板元件。
03.如果出現error message: Warning: mysql_num_rows()錯誤，表示留言板的資料表沒裝上去；必須手動安裝。
04.解壓縮com_phocaguestbook_v1.3.2.zip，內有一install.bak檔案，是建立資料表的sql語法，但是前綴字元是#__。使用文字編輯器改成你安裝Joomla!時的前綴字元。預設是jos_。
05.例如：#__phocaguestbook_books 改成 jos_phocaguestbook_books (注意jos後面只有1個_底線符號)
06.進入phpmyadmin選擇Joomla!所屬的資料庫，將上述語法貼上sql，並執行。
07.這時錯誤應該會消失。
08.若還是不能解決問題，請參考英文手冊

中文化：
注意：本文有一個嵌入檔案可供下載，請造訪本文網站以下載檔案。下載zh-TW.com_phocaguestbook_1.3.2_bata.zip，解壓縮後，將2個檔案放在：
/language/zh-TW
/administrator/language/zh-TW

中文化：blog.cmsart.net
By Jerry [at]cmsart[dot]net

鱷魚哥

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

Website - More Posts

相關文章：

1. ninjaXplorer線上檔案管理元件（正體中文版）for Joomla! 1.5
2. Joomla! 1.0.15 轉移（升級）到 Joomla! 1.5圖解範例
3. 用「大綱模式」寫論文的5大理由

有一個新的轉移元件：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 之比較

• 你的mysql環境必需在mysql4.1以上。
• 請在local端使用xampp、appserv等軟體測試後，再實行。
• 測試軟體所提供的mysql、php版本，儘量和實際運行的伺服器（或虛擬主機）一樣。

1.新建一個「Joomla10」資料庫，設定好使用者權限，編碼與校對設為utf8。

2.將主程式按平常的步驟解壓縮，放在網站目錄下。在開始安裝之前更改以下二個檔案，這樣安裝完後，在phpmyadmin看資料庫時，才不會亂碼。

主程式的 /include/database.php 檔案

尋找

//@mysql_query("SET NAMES 'utf8'", $this->_resource);

更改為

mysql_query("SET NAMES 'utf8'", $this->_resource);

存檔。

主程式的 /installation/install2.php 檔案

尋找

$sql = "CREATE DATABASE `$DBname`";

更改為

$sql = "CREATE DATABASE `$DBname` CHARACTER SET utf8 COLLATE utf8_general_ci";

存檔。

上傳並覆蓋上述二個檔案。

3.按一般程序建立Joomla站，與「Joomla10」資料庫連接。

4.這時去看phpmyadmin的編碼，是正常的。若沒有改上述二個檔，會在phpmyadmin看到亂碼，但前台是正常的。

5. 若你不在意phpmyadmin是否是亂碼，也可以不改，因為負負得的結果，網站的顯示是正常的。若是以長久考量，對於日後轉移主機與升級會比較方便！

鱷魚哥

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

Website - More Posts

相關文章：

1. Joomla! 1.0.15 轉移（升級）到 Joomla! 1.5圖解範例
2. 移轉Mambo 4.5.2(big5) + VirtueMart 1.0.15 到joomla 1.5(utf8)+ VirtueMart 1.1.3 實際案例
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設定