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

XOOPS佈景開發
=========

### 一、<html lang="en"> => <span style="color:#FF0000;"><html lang="<{$xoops\_langcode}>"></span>

### 二、在<head>插入，meta

1. ```
  <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="XOOPS">
  ```
 
三、在<head>插入

1. ```
  <pre class="brush:as3;">
    
    <link rel="alternate" type="application/rss+xml" title="" href="<{xoAppUrl backend.php}>" />
  
    
    <link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" />
    <link rel="icon" type="image/png" href="<{xoImgUrl icons/favicon.png}>" />
  
    
    <link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoAppUrl xoops.css}>" />
    <link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl css/style.css}>" />
    <link rel="stylesheet" type="text/css" media="all" title="Style sheet" href="<{xoImgUrl css/xoops.css}>" />
  
    
    <{$xoops_module_header}>
  ```
  
     
   chrome清暫存：chrome://settings/clearBrowserData (ctrl + shift +del)  
   xoops清暫存：http://localhost/modules/system/admin.php?fct=maintenance
 
### 四、更換<title>

1. ```
  <pre class="brush:as3;">
  <title><{if $xoops_dirname == "system"}><{$xoops_sitename}><{if $xoops_pagetitle !=''}> - <{$xoops_pagetitle}><{/if}><{else}><{if $xoops_pagetitle !=''}><{$xoops_pagetitle}> - <{$xoops_sitename}><{/if}><{/if}></title>
  ```
 
### 五、模組內容與區塊

1. xoops區塊 <table border="1" cellpadding="0" cellspacing="0" class="table table-bordered table-hover table-condensed" style="border-collapse: collapse; width: 100%;"> <tbody> <tr> <td>名稱</td> <td>變數</td> <td>控制</td> </tr> <tr> <td>左區塊</td> <td>$xoBlocks.canvas\_left</td> <td>$xoops\_showlblock</td> </tr> <tr> <td>右區塊</td> <td>$xoBlocks.canvas\_right</td> <td>$xoops\_showrblock</td> </tr> <tr> <td>上中左區塊</td> <td>$xoBlocks.page\_topleft</td> <td rowspan="3">若以下三個任何一個非空：  
   $xoBlocks.page\_topleft  
   $xoBlocks.page\_topcenter  
   $xoBlocks.page\_topright  
   則$xoops\_showcblock值為1，否則為0</td> </tr> <tr> <td>上中區塊</td> <td>$xoBlocks.page\_topcenter</td> </tr> <tr> <td>上中右區塊</td> <td>$xoBlocks.page\_topright</td> </tr> <tr> <td>下中左區塊</td> <td>$xoBlocks.page\_bottomleft</td> <td> </td> </tr> <tr> <td>下中區塊</td> <td>$xoBlocks.page\_bottomcenter</td> <td> </td> </tr> <tr> <td>下中右區塊</td> <td>$xoBlocks.page\_bottomright</td> <td> </td> </tr> </tbody> </table>
  
   xoops模組內容：$xoops\_contents ```
  <pre class="brush:as3;">
  <{* xoops *}>
  <section class="xoops">
    <div class="container">
      <div class="row">
        <{includeq file="$theme_name/tpl/leftBlock.html"}>
   
        <{includeq file="$theme_name/tpl/content-zone.html"}>
   
        <{includeq file="$theme_name/tpl/rightBlock.html"}>
      </div>
    </div>
  </section>
  ```
2. 請至tadnews模組測試區塊與內容
 
### 六、強化區塊樣板

1. 可直接套用tadtools的blockTitle.html樣板，即有強化區塊標題的功能 ```
  <pre class="brush:as3;">
  <{include file="$xoops_rootpath/modules/tadtools/themes_common/blockTitle.html"}>
  ```
2. 想隱藏區塊標題，請在標題後加上 \[hide\]，例如："標題 \[hide\]"。  
   想使用圖片作為標題，請在標題後加上 \[pic\]以及圖片在佈景中的位置，例如："標題 \[pic\]img/usermenu.png"。  
   想要在區塊標題前面放一個 icon，請在標題後加上 \[icon\]以及圖片在佈景中的位置，如："標題 \[icon\]img/icon.gif"。  
   希望區塊標題有連結網址，請在標題後加上 \[link\]以及網址，例如："標題 \[link\]http://ck2tw.net"。  
   當使用圖片作為標題時，原本的區塊名稱會作為 "alt" 或 "title" 標籤的內容。
 
### 七、登入畫面

1. 在 theme.html </body> 之前加入 ```
  <pre class="brush:as3;">
  <{* 管理員登入用 *}>
  <{includeq file="$theme_name/tpl/control.html"}>
  ```
2. control.html ```
  <pre class="brush:as3;">
  <div style='position:fixed;top:1px;left:1px;z-index:10000'>
    <{if $xoops_isadmin}>
      <a href="<{xoAppUrl admin.php}>">  </a>
    <{else}>
      <a href="<{xoAppUrl user.php}>">  </a>
    <{/if}>
  </div >
  ```
 
### 八、設定語系

1. XOOPS 2.3以後可設定佈景語系檔：/佈景/language/語系/main.php
2. 直接複制 xbootstrap 佈景底下的 language即可
3. 一樣用define("常數","字串")來設定，例如：define("\_THEME\_ID", "帳號：");
4. 佈景中使用：<{$smarty.const.\_THEME\_ID}>
5. 若要套用變數到語系中：<{$欲套入變數|string\_format:$smarty.const.語系常數}>

Title1

Title2

Title3

Title1

Title2

Title3

MarkDown