線上書籍

Home

XOOPS佈景開發

一、<html lang="en"> => <html lang="<{$xoops_langcode}>"> 二、在<head>插入，meta
  1. <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. <!-- 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>
  1. <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區塊
    名稱 變數 控制
    左區塊 $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>

     

  2. 請至tadnews模組測試區塊與內容
六、強化區塊樣板
  1. 可直接套用tadtools的blockTitle.html樣板，即有強化區塊標題的功能 <{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> 之前加入 <{* 管理員登入用 *}> <{includeq file="$theme_name/tpl/control.html"}>

     

  2. 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 >

     

八、設定語系
  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.語系常數}>