Tad 教材網 - 線上書籍

:::

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

### 一、套用前先開啟 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](http://www.tad0616.net/uploads/tad_book3/file/4h_theme/bootstrap-biz.zip)

:::

搜尋

進階搜尋

QR Code 區塊

https%3A%2F%2Fmail.tad0616.cp27.secserverpros.com%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D1042

快速登入

書籍目錄

展開 | 闔起

線上使用者

63人線上 (20人在瀏覽線上書籍)

會員: 0

訪客: 63

更多…

MarkDown

搜尋

QR Code 區塊

快速登入

書籍目錄

線上使用者