育將電腦工作室 - 線上書籍

XOOPS模組開發記錄
===========

### 一、安裝佈景

1. 上傳資料夾至 themes/
2. 「後台/偏好設定/系統設定/一般設定/使用者可選擇的佈景」加上佈景
3. 「後台/模組/tadtools/初始設定」：1.「否」 2.「bootstrap3 (bootstrap3-預設)」
4. 下載[預設資料](https://github.com/webugm/xoops_theme/raw/master/xoops_theme.zip)至 「開發佈景」底下解壓，
 
### 二、設定目前佈景名稱的樣板標籤

1. <{$theme\_name}> ```
  <pre class="brush:as3;">
  <{assign var=theme_name value=$xoTheme->folderName}>
  ```
  
  $xoTheme->folderName ：物件的寫法  
   可在後台開啟：smarty除錯，來看有那些變數可用
 
### 三、顯示可用變數

1. 在佈景前面加入： ```
  <pre class="brush:as3;">
  <{assign var=show_var value=1}>
  ```
2. 在</body> 之前： ```
  <pre class="brush:as3;">
  
      <{if $xoops_isadmin and $show_var}>
        <{includeq file="$xoops_rootpath/modules/ugm_tools2/themes_common/show_var.tpl"}>
      <{/if}>
  ```
 
### 四、用絕對路徑取代相對路徑

1. 備註：通常要取代的單字，我習慣多選取 單字 的頭尾兩個字，以避免取代其他不想取代的單字。ctrl+H
2. 可用chrome 檢查，直到沒有錯誤為止
 
### 五、更換標籤

1. 置換meta ```
  <pre class="brush:as3;">
  
      
      <meta charset="<{$xoops_charset}>">
      <meta name="keywords" content="<{$xoops_meta_keywords}>">
      <meta name="description" content="<{$xoops_meta_description}>">
      <meta name="robots" content="<{$xoops_meta_robots}>">
      <meta name="rating" content="<{$xoops_meta_rating}>">
      <meta name="author" content="<{$xoops_meta_author}>">
      <meta name="generator" content="育將電腦工室">
      
  ```
  
   ```
  <pre class="brush:as3;">
    
    <{* xoops 所需css,僅量放前面，請接在meta *}>     
    <link rel="stylesheet" type="text/css" href="<{xoImgUrl}>css/xoops.css"> 
  ```
2. 置換title ```
  <pre class="brush:as3;">
  
      <link rel="alternate" type="application/rss+xml" title="" href="<{xoAppUrl backend.php}>">
  
      <title><{if $xoops_dirname == "system"}><{$xoops_sitename}><{if $xoops_pagetitle !=''}> - <{$xoops_pagetitle}><{/if}><{else}><{if $xoops_pagetitle !=''}><{$xoops_pagetitle}> - <{$xoops_sitename}><{/if}><{/if}></title>
      <{$xoops_module_header}>
  ```
3. 取消jquery引入
4. 將js移至「<span style="color:#FF0000;"><{$xoops\_module\_header}></span>」後面
 
### 六、theme.tpl

1. 佈局 ```
  <pre class="brush:as3;">
  
  
                    <{* 左、上中、上左、上右、右、內容 *}>
                    <{if $xoops_showlblock || $xoops_showrblock || $xoops_showcblock || $xoops_contents}>
                      <div class="row page-row">
                        <{includeq file="$theme_name/tpl/leftBlock.tpl"}>
                        <{includeq file="$theme_name/tpl/content-zone.tpl"}>
                        <{includeq file="$theme_name/tpl/rightBlock.tpl"}>                        
                      </div>
                    <{/if}>
                    
                    <{* 下中、下左、下右 *}>
                    <{if $xoBlocks.page_bottomcenter || $xoBlocks.page_bottomright || $xoBlocks.page_bottomleft}>
                        <div class="row page-row">
                            <{includeq file="$theme_name/tpl/bottomLeft.tpl"}>
                            <{includeq file="$theme_name/tpl/bottom-zone.tpl"}>
                            <{includeq file="$theme_name/tpl/bottomRight.tpl"}>                    
                        </div>
                    <{/if}>
  
                    <{if $xoBlocks.footer_center || $xoBlocks.footer_right || $xoBlocks.footer_left}>
                        <div class="row page-row">
                            <{includeq file="$theme_name/tpl/footerLeft.tpl"}>
                            <{includeq file="$theme_name/tpl/footerCenter.tpl"}>
                            <{includeq file="$theme_name/tpl/footerRight.tpl"}>                               
                        </div>
                    <{/if}>
                    
  ```
 
七、自訂區塊內容

1. 自訂區塊 ```
  <pre class="brush:as3;">
  <div style='height:30px;border: solid 1px black; '> </div>
  ```
2.

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown