:::

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


:::

搜尋

QR Code 區塊

https%3A%2F%2Fwww.tad0616.net%2Fmodules%2Ftad_book3%2Fpage.php%3Ftbsn%3D36%26tbdsn%3D1042

書籍目錄

展開 | 闔起

線上使用者

49人線上 (9人在瀏覽線上書籍)

會員: 0

訪客: 49

更多…