線上書籍

Home

XOOPS模組開發記錄

一、架構

  1. 在「themes」建立「t_cart」資料夾
  2. 下載預設資料至 「themes/t_cart」底下解壓
  3. 建立「theme.tpl」

二、將付費樣板整理,把語法貼至「theme.tpl」

  1. 只要頁首、頁尾即可,中間部份先不用,順便把不要的js、css移除
  2. 設定佈景變數。‧<{$theme_name}> <{assign var=theme_name value=$xoTheme->folderName}>

     

    $xoTheme->folderName :物件的寫法
    可在後台開啟:smarty除錯,來看有那些變數可用

  3. 顯示佈景變數
    在 </body>之前加入 <{* 顯示佈景變數 *}> <{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 區塊元件 <{* 左、上中、上左、上右、右、內容 *}> <{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><!--//page-row--> <{/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><!--//page-row--> <{/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. 更換標籤
     

    <!-- 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 所需css,僅量放前面,請接在meta *}> <link rel="stylesheet" type="text/css" href="<{xoImgUrl}>css/xoops.css">

    lang
     

    <{$xoops_langcode}>


     

  7. 置換title
     

    <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移至「<{$xoops_module_header}>」後面