:::
4. 讓佈景可透過tad_themes來管理
4-1 theme.tpl
<!DOCTYPE html>
<html lang="<{$xoops_langcode}>">
<head>
<{includeq file="$xoops_rootpath/modules/tadtools/themes_common/get_var.tpl"}>
<{assign var=my_theme value=$xoTheme->folderName}>
<{includeq file="$xoops_rootpath/modules/tadtools/themes_common/meta.tpl" }>
<link rel="stylesheet" href="<{xoImgUrl}>css/animate.min.css">
<{includeq file="$xoops_rootpath/modules/tadtools/themes4_tpl/link_css.tpl" }>
<{$xoops_module_header}>
<title>
<{$xoops_sitename}>-<{$xoops_slogan}>
</title>
</head>
<body>
<!-- 標題區 -->
<div class="container my-container-width">
<header class="row">
<div class="col-sm-9">
<!-- Logo圖 -->
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/logo.tpl"}>
</div>
<div class="col-sm-3">
<!-- 搜尋工具 -->
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/search.tpl"}>
</div>
</header>
</div>
<!-- 導覽列 -->
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/nav.tpl"}>
<!-- 主內容區 -->
<div class="container my-container-width">
<div class="row">
<!-- 左區域 -->
<aside class="col-xl order-xl-1 col-md-6 order-2" id="canvas_left">
<{assign var=place value=canvas_left}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/canvas.tpl"}>
</aside>
<!-- 中間區域 -->
<article class="col-xl-7 order-xl-2 col-md-12 order-1 ">
<!-- 上中 -->
<section id="page_topcenter">
<{assign var=place value=page_topcenter}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/canvas.tpl"}>
</section>
<!-- 上中左、右 -->
<section class="row">
<div class="col-sm-6">
<div id="page_topleft">
<{assign var=place value=page_topleft}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/canvas.tpl"}>
</div>
</div>
<div class="col-sm-6">
<div id="page_topright">
<{assign var=place value=page_topright}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/canvas.tpl"}>
</div>
</div>
</section>
<!-- 主內容區 -->
<article id="xoops_contents">
<{$xoops_contents}>
</article>
<!-- 下中左、右 -->
<section class="row">
<div class="col-sm-6">
<div id="page_bottomleft">
<{assign var=place value=page_bottomleft}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/canvas.tpl"}>
</div>
</div>
<div class="col-sm-6">
<div id="page_bottomright">
<{assign var=place value=page_bottomright}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/canvas.tpl"}>
</div>
</div>
</section>
<!-- 下中 -->
<section id="page_bottomcenter">
<{assign var=place value=page_bottomcenter}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/canvas.tpl"}>
</section>
</article>
<!-- 右區域 -->
<aside class="col-xl order-xl-3 col-md-6 order-3" id="canvas_right">
<{assign var=place value=canvas_right}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/canvas.tpl"}>
</aside>
</div>
</div>
<!-- 頁尾區 -->
<div id="footer">
<footer class="container my-container-width">
<div class="row">
<div class="col-md" id="footer_left">
<{assign var=place value=footer_left}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/canvas.tpl"}>
</div>
<div class="col-md" id="footer_center">
<{assign var=place value=footer_center}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/canvas.tpl"}>
</div>
<div class="col-md" id="footer_right">
<{assign var=place value=footer_right}>
<{includeq file="$xoops_rootpath/themes/$my_theme/xotpl/canvas.tpl"}>
</div>
</div>
</footer>
</div>
<{includeq file="$xoops_rootpath/modules/tadtools/themes4_tpl/bootstrap_js.tpl"}>
<{includeq file="$xoops_rootpath/modules/tadtools/themes_common/show_var.tpl"}>
</body>
</html>
