線上書籍

Home

四小時佈景開發

一、套用前先開啟 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