• 由此處下載FireBoard 1.0.5版，並以管理區【新增或移除程式】→【元件】安裝
• 由此處下載中文版檔案，將檔案解壓縮到安裝目錄裡（如c:\xampp\ htdocs\myweb）。這個中文版本是在這裡找到的，感謝Mike Ho的分享。

• 增加一個選單項目，並選擇項目類型為「元件」；若要將FireBoard開啟到新分頁或新視窗，則選「連結 - 元件項目」。選 擇好後按〔下一頁〕
  
• 再輸入論壇名稱與要連結的元件（當然就是FireBoard Forum了）。

• 由這裡下載JoomlaStats元件V2.2.1版本，由功能表【新增或移除程式】，用【元件】安裝
• 由這裡下載JoomlaStats的啟動模組(2.x)，由功能表【新增或移除程式】，用【模組】安裝
• 由這裡下載JoomlaStats的計數器模組，由功能表【新增或移除程式】，用【模組】安裝

• 再進入被鎖定項目一次，再正常的〔儲存〕或〔取消〕
• 管理區功能表→【系統】→【全站回存】

1. 管理區功能表→控制台→全站設定→〔統計〕頁籤
   1. 統計：是
   2. 依日期記錄內容點擊：是
   3. 記錄搜尋關鍵字：是
   4. 按右上方的〔儲存〕
2. 管理區功能表→模組→網站模組，點擊「統計」
   1. 版面位置：依需要指定位置，如left
   2. 已發佈：是
   3. 伺服器資訊：依需要選擇「是」或「否」
   4. 網站資訊：依需要選擇「是」或「否」
   5. 點擊計數器：依需要選擇「是」或「否」
   6. 計數器開始於：起算的點擊數

• JSN Epic Free 2.0
• 商業使用必須購買PRO版本（美金25元）

1. 管理區功能表→【選單】→【選單管理】
2. 點選「mainmenu」，再按右上方的〔複製〕
   1. 新選單名稱：toolbarmenu
   2. 新模組名稱：toolbarmenu
3. 選單名稱是其選單的唯一名稱，模組名稱則是顯示在【模組】→【網站模組】裡的項目名稱

安裝exmenu模組

1. 登入管理區後，點選功能表【新增或移除程式】→【模組】，表示要新增模組。


2. 先用〔瀏覽...〕找到 上述下載來的mod_exmenu.zip檔案後，再按〔上傳檔案 ＆ 安裝〕
3. 稍待一會後就會出現安裝資訊的繼續網頁，按「繼續...」

4. 在新增模組網頁往下捲動能看剛安裝的mod_exmenu模組的話，就是安裝成功了。由此例可以了解模組的名稱固定皆以 mod_ 開頭。

新增兩個Extended Menu模組

1. 在功能表裡找到【模組】→【網站模組】→勾選「Extended Menu」
2. 按右上方的〔複製〕圖示
3. 在「Extended Menu」下方會出現「Copy of Extended Menu」
4. 點擊「Copy of Extended Menu」連結以進入本項目的設定網頁，依下列指示修改欄位：
   1. 標題：修改成此項目的標題，如「Ext Toolbar選單」
   2. 版面位置：toolbar
   3. 已發佈：變更成「是」
   4. Menu Name：在此處指定要合用的選單代碼，請先選用「toolbarmenu」
   5. 按右上方的〔儲存〕將上列變更儲存起來

1. 在功能表裡找到【模組】→【網站模組】→勾選「Extended Menu」
2. 按右上方的〔複製〕圖示
3. 在「Extended Menu」下方會出現「Copy of Extended Menu」
4. 點擊「Copy of Extended Menu」連結以進入本項目的設定網頁，依下列指示修改欄位：
   1. 標題：修改成此項目的標題，如「Ext 主選單」
   2. 版面位置：left
   3. 已發佈：變更成「是」
   4. Menu Name：在此處指定要合用的選單代碼，請先選用「mainmenu」
   5. 按右上方的〔儲存〕將上列變更儲存起來

安裝新的佈景主題

1. 由Joomla!管理區功能表→【安裝或移除程式】→【佈景主題 - 網站】進入佈景主題維護網頁
2. 按〔瀏覽〕並找到要上傳的for_joomla_10\jsn_epic_free_2.0_j10.zip， 選取好後按〔上傳檔案 ＆ 安裝〕
3. 看到上傳 「template - 成功」字樣後按〔繼續 ...〕
4. 點選「JSN_Epic_Free」後按右上方的〔預設〕，以啟用此佈景主題
5. 重新整理前端網頁，網站已經套用新的佈景樣板了

依新佈景來設置網站

安裝網站的小圖示

1. 使用圖示製作工具產生16px X 16px的.ico檔案，檔名固定為favicon.ico
2. 把favicon.ico複製到「Joomla!安裝目錄\images」資料夾裡
3. 如果重新整理後看到的圖示仍未改變的話，先清除瀏覽器的暫存檔案後再檢視應該就OK了

設定上方的標題區

變更Logo圖示

1. 我們先使用功能表→【網站】→【媒體管理者】新增一個存放圖檔的新目錄（如建立JERRY目錄），再把要做為網站首頁Logo的 圖檔上傳到此目錄裡
2. 再由【網站】→【佈景主題管理】→【網站佈景主題】點選「JSN_Epic_Free」後按右上方的〔編輯HTML〕
3. 網頁顯示jsn_epic_free/index.php的檔案內容，找到$logo_path後，將其路徑修改成新增目錄的 Logo檔名

    將 $logo_path = "templates/jsn_epic_free/images/logo.png";
   改成 $logo_path = "images/JERRY/logo.png";
   

4. 依新的logo圖檔的尺寸大小修改$logo_width與$logo_height。修改後記得按右上方的〔儲存〕
5. 當然直接用文書編輯程式修改樣板的index.php是更快的方法，檔案完整路徑是c:\xampp\htdocs\ Joomla目錄\templates\jsn_epic_free\index.php

增加Suckerfish選單

1. 由管理區功能表→【模組】→【網站模組】找到先前建立的「Ext Toolbar選單」，點擊以進入設定網頁
2. 顯示標題：否
3. 版面位置：toolbar
4. Menu Class Suffix：修改成「-suckerfish」
5. Expand Menu：是
6. 確認「Enable Menu Template」為「是」

增加圖片展示區

1. 由http://www.joomlashine.com/index.php?option=com_docman&task=doc_download&gid=3&Itemid=39下 載JSN ImageShow Free模組
2. 由管理區功能表→【新增或移除程式】→【模組】上傳並安裝mod_jsn_imageshow_free_1.0.6_j10.zip
3. 由【模組】→【網站模組】裡找到JSN ImageShow Free點擊之以進入設定網頁
   1. 顯示標題：否
   2. 版面位置：header
   3. 已發佈：是
   4. Height(px)：250
   5. Image Folder：預設是/images/stories，我們可以用媒體管理建立新的目錄，再將之改成新的目錄（如images/photo，實體路徑是 c:\xampp\htdocs\Joomla目錄\images\photo），要展示的圖片即存入指定的目錄裡；JSN ImageShow Free版本最多只能顯示10個圖片，若需要更多功能則請購買PRO版本
   6. 把圖片複製到images/photo裡後重整前端網頁就能看到圖片的展示特效了。在設定網頁裡有更多的設定請自行測試、研 究。
   
   

設定左方側邊欄位

變更主選單樣式

1. 管理區功能表→【模組】→【網站模組】，找到「Extended Menu」後複製成「Ext 主選單」
2. 修改「Ext 主選單」模組：
   1. 顯示標題：否
   2. 版面位置：left
   3. Menu Class Suffix：-bullettree
   4. Module Class Suffix：-box box-grey
   5. Expand Menu：否
   6. 按右上方的〔儲存〕

變更登入表單樣式

1. 在【模組】→【網站模組】裡點選「登入表單」模組
2. 變更下列欄位的設定值：
   1. 模組CSS字尾：-box box-green icon-user
   2. 按右上方的〔儲存〕

變身前	變身後

設定右方側邊欄位

變更投票樣式

1. 在【模組】→【網站模組】裡點選「RSS新聞供稿」模組
2. 變更下列欄位的設定值：
   1. 模組CSS字尾：-box box-blue icon-selection
   2. 按右上方的〔儲存〕

變身前	變身後

停止發佈不需要的模組

最後成果

• 安裝運行環境，主要是Apache Web Server、PHP與MySQL，我使用的是XAMPP整 合系統
• 設定MySQL帳號密碼
• 安裝Joomla! 1.0.12
• 基本設定
• 安裝擴充元件與模組

安裝XAMPP 1.6.6a

• 下載：XAMPP Windows版本

1. 執行下載回來的執行檔後，依步驟指示安裝；按〔下一步〕。



2. 指定安裝資料夾，建議使用預設的C:\XAMPP，以免後續還要做額外的調整。資料夾指定好後按〔下一步〕。
   
   
3. 為方便執行，建議將圖示放到桌面上。若要把Apache、MySQL或FileZilla安裝成服務的話，將最下面的三個選項都 打勾即 可，若你是初學者的話，建議用應用程式的方式執行，不要勾選成服務。安裝選項勾選好後按〔Install〕。
   
   
4. 檔案複製完畢後，按〔Finish〕結束安裝程序。
   
   
5. 安裝結束後會彈出對話窗，詢問是否要進入XAMPP的控制台，請按〔是〕以啟動系統來做測試。
   
   
6. 先按MySQL右側的〔Start〕按鈕，再按Apache的〔Start〕按鈕，以啟動MySQL與Apache。啟動成功後 會出現【Running】 字樣，按鈕會變成〔Stop〕。按右上角的〔X〕符號會將視窗縮小到System Tray，要真正的結束系統必須按〔Exit〕按鈕。
   
   
7. Apache與MySQL啟動成功後，在瀏覽器網址列輸入http://localhost 或 http://127.0.0.1 以顯示XAMPP的主網頁，若能看到XAMPP的內容的話，恭喜你，第一個大步驟已經正確安裝了。
   
   如果不幸無法顯示網頁內容，查看看是否有啟動了別的程式，把網頁使用的80通訊埠佔住了（常見的是IIS已先啟動而佔用了80埠），將之排除後再試。
   
   
8. 點擊XAMPP的中文網頁可以看到XAMPP更多的功能與資訊。
   

設定MySQL帳號密碼

1. 進入phpMyAdmin網頁後，點擊網頁下方的「權限」連結。
   
   
2. 找到修改密碼的地方後，按最右側的修改按鈕，逐一把root的密碼設定進去。
   
   
3. 輸入兩個相同的密碼後按〔執行〕。
   
   
   
4. 看到下面的畫面表示root的密碼已設定成功了。接著就準備開始安裝Joomla!的程式了。
   
   
5. 再瀏覽一次 http://localhost/phpmyadmin檢查是否密碼有設定成功，若不幸的看到錯誤網頁，則修改c:\xampp\phpMyAdmin \config.inc.php第21行，把密碼直接填入等號右側的單引號裡面，再重新試一次。
   

安裝Joomla! 1.0.12無障礙A+版

• 下載：1.0.12 台灣無障礙A+版

修改中文亂碼問題

• 修改的第一個檔案：c:\xampp\htdocs\myweb\includes\database.php
• 修改行號：第101行-102行
• 修改前：

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

• 修改後：

$this->_table_prefix = $table_prefix;
if ($this->isSupportUtf8()) {
  mysql_query("SET NAMES 'utf8'", $this->_resource);
}

• 並增加新的函數isSupportUtf8

/**
* @return bool check if mysql support utf8 or not
*/
function isSupportUtf8() { // from dotproject 2.1rc1 Chinese Mark Wu
  // check mysql version. Version lower than 4.1.1 doesn't support utf8
  if (mysql_get_server_info($this->_resource) < '4.1.1') return false;
  // check if utf8 support was compiled in
  $result = mysql_query("SHOW CHARACTER SET like 'utf8'",$this->_resource);
  if (mysql_num_rows($result) > 0) {
      return true;
  }
  return false;
}

• 修改的第二個檔案：c:\xampp\htdocs\myweb\installation\install2.php
• 修改行號：第67行
• 修改前：

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

• 修改後：

if ($database->isSupportUtf8()) {
  $sql = "CREATE DATABASE `$DBname` CHARACTER SET utf8 COLLATE utf8_general_ci";
} else {
  $sql = "CREATE DATABASE `$DBname`";
}

安裝Joomla!

1. 第一次在網址輸入 http://localhost/myweb就會進入安裝網頁，選好【繁體中文】後按〔下一步〕。
   
2. 顯示安裝前檢查網頁，按〔下一步〕。
   
   
3. 顯示授權規定，按〔下一步〕。
   
4. 輸入MySQL的資料庫設定。
   
   
   依下列範例輸入資料庫相關資料：

   主 機名稱	localhost
   MySQL 帳號	一 般是root，請全部用 小寫
   MySQL 密碼	自 行輸入密碼
   MySQL 資料庫名稱	自 行輸入，可與網站名稱相 同以方便管理
   MySQL 資料表前綴字	使 用預設的jos_即可

   
   
5. 做最後確認，按下，〔確定〕後就開始安裝資料庫myweb。
   
   
6. 在步驟2裡輸入你的網站描述。
   
   
7. 逐一輸入需要的資料。此處的密碼是網站的管理帳號admin登入管理區時使用的密碼。
   
   
8. 到了步驟4表示網站已經順利的建立成功了，最後要再做一個動作好讓網站能正常使用：將Joomla!的安裝目錄刪除，但為了能再 重新安裝，建議不要把安裝 目錄刪掉而只要做改名即可，即把 c:\xampp\htdocs\myweb\installation 改名成 c:\xampp\htdocs\myweb\installation-bak（改名的目錄名稱可以是任何名稱）。
   
   
9. 瀏覽器網址輸入 http://localhost/myweb，若安裝正確即能顯示網站內容：
   
   
10. 若使用http://localhost/myweb/administrator 則能進入管理區，輸入安裝步驟7裡輸入的密碼後，即能看到管理網頁內容。
    
    

如何重新安裝Joomla!

1. 把 c:\xampp\htdocs\myweb\configuration.php 刪掉或改名
2. 把改名的c:\xampp\htdocs\myweb\installation-bak改回c:\xampp\htdocs\ myweb\installation
3. 用 http://localhost/phpmyadmin 把資料庫myweb刪掉
4. 重新依安裝程序再執行一次

驗證資料庫中文編碼是否正確

1. 使用http://localhost/phpmyadmin連接MySQL來檢視資料庫的中文編碼是否是正確無誤的UTF- 8。首先點選要檢視myweb資料庫。
   
   
   
2. 依序瀏覽jos_content的資料內容，若能正確看到中文表示編碼是正確的。
   

1.修改日期格式

• 修改檔案：c:\xampp\ htdocs\XXX\components\com_events\events.class.php

$date = strftime("%Y/%m/%d, %A",$datestp);
return changeWeekday($date);

function changeWeekday($date) {
  $cweek = array("一","二","三","四","五","六","日");
  $eweek = array("Monday","Tuesday","Wednesday","Thursday","Friday","Saturday","Sunday");
  for ($i=0; $i<=6; $i++) {
    //echo "i=" . $i . " eweek=" . $eweek[$i];
    $pos = strpos($date, $eweek[$i]);
    if ($pos != false) {
      $date = str_replace($eweek[$i], "週".$cweek[$i], $date);
      break;
    }
  }
  return $date;
}

2.月曆活動字串有亂碼

• 修改檔案：c:\xampp\ htdocs\XXX\components\com_events\events_calendar_cell.php

$tmpTitle = mb_substr( $title, 0, $cfg->get('com_calCutTitle'),"UTF-8" ) . ' ...';