Tad 教材網 - 線上書籍

:::

四小時佈景開發
=======

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

1. 設定「預設佈景種類」： 
  - 如果採用的是bootstrap自適應佈景（如本例引入的是 <{includeq file="$xoops\_rootpath/modules/tadtools/themes\_tpl/navbar.html"}> ），請設為「bootstrap」； ```
      <pre class="brush:php;">
      //預設佈景種類 bootstrap or html or mix
      $theme_kind='bootstrap';
      ```
  - 如果是傳統固定寬度的網頁佈景，則有兩種選擇，選用「html」表示佈景寬度及區塊寬度都可以用 px 來指定寬度；
  - 若選擇「mix」則表示佈景寬度用 px 指定寬度，但區塊及主內容區仍以 bootstrap 的 12 欄方式來指定。
2. 設定「引入哪些選單？」： 
  - 如果導覽列是採用共同樣板中的預設導覽列（如本例），請設為「my\_menu」； ```
      <pre class="brush:php;">
      //引入哪些選單？ all(含 my_menu,admin,user),my_menu,admin,user
      $menu_var_kind='my_menu';
      ```
  - my\_menu：佈景管理中「自訂選單」中的選項
  - admin：管理員專用選單
  - user：一般使用者選單
  - all 則是同時包含上述三種，通常用在另外的導覽列上（之後會講）
3. 設定「版面寬度」： 
  - 若「預設佈景種類」設為 bootstrap ，則請將 max 及 default 都設為 12（也就是滿版之意） ```
      <pre class="brush:php;">
      //版面寬度[自]，值：若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](http://www.tad0616.net/uploads/tad_book3/file/4h_theme/bootstrap-biz.zip)

:::