XOOPS佈景開發

5. 調整佈景

一、<html lang="en"> => <html lang="<{$xoops_langcode}>">

二、在<head>插入，meta

<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>插入

  <!-- Rss -->
  <link rel="alternate" type="application/rss+xml" title="" href="<{xoAppUrl backend.php}>" />

  <!-- Favicon -->
  <link rel="shortcut icon" type="image/ico" href="<{xoImgUrl icons/favicon.ico}>" />
  <link rel="icon" type="image/png" href="<{xoImgUrl icons/favicon.png}>" />

  <!-- Sheet Css -->
  <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}>" />

  <!-- customized header contents -->
  <{$xoops_module_header}>

chrome清暫存：chrome://settings/clearBrowserData (ctrl + shift +del)
xoops清暫存：http://localhost/modules/system/admin.php?fct=maintenance

四、更換<title>

<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區塊

名稱	變數	控制
左區塊	$xoBlocks.canvas_left	$xoops_showlblock
右區塊	$xoBlocks.canvas_right	$xoops_showrblock
上中左區塊	$xoBlocks.page_topleft	若以下三個任何一個非空： $xoBlocks.page_topleft $xoBlocks.page_topcenter $xoBlocks.page_topright 則$xoops_showcblock值為1，否則為0
上中區塊	$xoBlocks.page_topcenter
上中右區塊	$xoBlocks.page_topright
下中左區塊	$xoBlocks.page_bottomleft
下中區塊	$xoBlocks.page_bottomcenter
下中右區塊	$xoBlocks.page_bottomright

xoops模組內容：$xoops_contents

<{* 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>

請至tadnews模組測試區塊與內容

六、強化區塊樣板

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

七、登入畫面

在 theme.html </body> 之前加入

<{* 管理員登入用 *}>
<{includeq file="$theme_name/tpl/control.html"}>

control.html

<div style='position:fixed;top:1px;left:1px;z-index:10000'>
  <{if $xoops_isadmin}>
    <a href="<{xoAppUrl admin.php}>">&nbsp;&nbsp;</a>
  <{else}>
    <a href="<{xoAppUrl user.php}>">&nbsp;&nbsp;</a>
  <{/if}>
</div >

八、設定語系

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

4-1 調整導航列

5-1 模組內容與區塊 next

友善列印 & 下載 PDF 匯出 MarkDown 格式

Title1

Title2

Title3