3. 初次套用佈景（20分鐘）

一、套用前先開啟 config.php，調整幾個地方：

1. 設定「預設佈景種類」：
   • 如果採用的是bootstrap自適應佈景（如本例引入的是 <{includeq file="$xoops_rootpath/modules/tadtools/themes_tpl/navbar.html"}> ），請設為「bootstrap」；

     //預設佈景種類 bootstrap or html or mix
     $theme_kind='bootstrap';

   • 如果是傳統固定寬度的網頁佈景，則有兩種選擇，選用「html」表示佈景寬度及區塊寬度都可以用 px 來指定寬度；
   • 若選擇「mix」則表示佈景寬度用 px 指定寬度，但區塊及主內容區仍以 bootstrap 的 12 欄方式來指定。
2. 設定「引入哪些選單？」：
   • 如果導覽列是採用共同樣板中的預設導覽列（如本例），請設為「my_menu」；

     //引入哪些選單？ all(含 my_menu,admin,user),my_menu,admin,user
     $menu_var_kind='my_menu';
     

   • my_menu：佈景管理中「自訂選單」中的選項
   • admin：管理員專用選單
   • user：一般使用者選單
   • all 則是同時包含上述三種，通常用在另外的導覽列上（之後會講）
3. 設定「版面寬度」：
   • 若「預設佈景種類」設為 bootstrap ，則請將 max 及 default 都設為 12（也就是滿版之意）

     //版面寬度[自]，值：若bootstrap模式，最大值為 12，若 html 模式，則輸入預設版面寬度，如： 980
     $config_enable['theme_width']=array('enable'=>0, 'min'=>'1' , 'max'=>'12' , 'require'=>1 , 'default'=>'12');

   • 若「預設佈景種類」設為 html 或 mix，則 max 及 default 可自設定想要的預設寬度，如：960或980等（預設單位為 px）。

二、 套用佈景

1. 先至「後台→區塊」加入佈景區塊（可設為僅管理員可見）。
2. 「後台→偏好設定→系統設定→一般設定→使用者可選擇的佈景 」加入新佈景，接著再至前台的佈景區塊選用新佈景。

三、 製作縮圖

1. 最後，做好後，擷取螢幕，存成screenshot.png，並將圖片大小縮至450px，接著，再轉檔為shot.gif，並將其寬度縮至150px
2. 最後，直接上傳到網站並套用，或壓縮成zip檔，準備釋出。

四、最後成果

其實還沒最佳化，但已經可以套用了：bootstrap-biz.zip