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

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

一、架構

1. 在「themes」建立「t\_cart」資料夾
2. 下載[預設資料](https://github.com/webugm/xoops_theme/raw/master/xoops_theme.zip)至 「themes/t\_cart」底下解壓
3. 建立「theme.tpl」
 
二、將付費樣板整理，把語法貼至「theme.tpl」

1. 只要頁首、頁尾即可，中間部份先不用，順便把不要的js、css移除
2. 設定佈景變數。‧<{$theme\_name}> ```
  <pre class="brush:as3;">
  <{assign var=theme_name value=$xoTheme->folderName}>
  ```
  
  $xoTheme->folderName ：物件的寫法  
   可在後台開啟：smarty除錯，來看有那些變數可用
3. 顯示佈景變數  
   在 </body>之前加入 ```
  <pre class="brush:as3;">
  
    <{* 顯示佈景變數 *}>
    <{assign var=show_var value=1}>
    <{if $xoops_isadmin and $show_var}>
      <{includeq file="$xoops_rootpath/modules/ugm_tools2/themes_common/show_var.tpl"}>
    <{/if}>
  ```
4. 用絕對路徑取代相對路徑  
   佈景路徑：<{xoImgUrl}>  
   網站路徑：<{xoAppUrl>
5. xoops 區塊元件 ```
  <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}>     
  ```
6. 更換標籤
  
   ```
  <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"> 
  ```
  
  lang
  
   ```
  <pre class="brush:as3;">
  <{$xoops_langcode}>
  ```
7. 置換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}>
  ```
8. 取消jquery引入
9. 將js移至「<span style="color:#FF0000;"><{$xoops\_module\_header}></span>」後面

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown