線上書籍

Home

[1031]XOOPS佈景設計

一、 強化區塊樣板
  1. 可直接套用tadtools的blockTitle.html樣板,即有強化區塊標題的功能 <{include file="$xoops_rootpath/modules/tadtools/themes_tpl/blockTitle.html"}>
  2. 由於tadtools的blockTitle.html樣板就有內建樣式class="blockTitle",所以,若原本佈景有自己定義class="blockTitle"的,則可拿掉。
  3. 想隱藏區塊標題,請在標題後加上 [hide],例如:"標題 [hide]"。
  4. 想使用圖片作為標題,請在標題後加上 [pic]以及圖片在佈景中的位置,例如:"標題 [pic]img/usermenu.png"。
  5. 想要在區塊標題前面放一個 icon,請在標題後加上 [icon]以及圖片在佈景中的位置,如:"標題 [icon]img/icon.gif"。
  6. 希望區塊標題有連結網址,請在標題後加上 [link]以及網址,例如:"標題 [link]http://ck2tw.net"。
  7. 當使用圖片作為標題時,原本的區塊名稱會作為 "alt" 或 "title" 標籤的內容。
二、 加入後臺管理連結
  1. 利用<{$xoops_isadmin}>樣板標籤可判斷目前登入者是否為管理員,XOOPS的管理後台路徑為「http://網址/admin.php」。 <{if $xoops_isadmin}> <li><a href="<{xoAppUrl admin.php}>">後台管理</a></li> <{/if}>
三、 加入登出和登入按鈕
  1. 利用<{$xoops_isuser}>樣板標籤可以判斷目前登入者是否為註冊會員。登出的網址為「http://網址/user.php?op=logout」。
<{if $xoops_isuser}> <li><a href="<{xoAppUrl user.php?op=logout}>">登出</a></li> <{else}> <li><a href="<{xoAppUrl user.php}>">登入</a></li> <{/if}>
四、 新通知信
  1. xoInboxCount就是用來計算新通知信數量的smarty外掛,將之設定為樣板變數$pmcount,如此,就可以利用他來呈現到畫面上。
<{xoInboxCount assign=pmcount}> <{if $pmcount}> <li><a href="<{xoAppUrl viewpmsg.php}>">您有 <{$pmcount}> 封信</a></li> <{/if}>
五、 使用者資訊
  1. 利用 xoMemberInfo可取得使用者資訊的陣列,並將之套用到$mem變數,如此,我們便可以在樣板中使用使用者資訊,陣列的用法為<{$陣列名稱.陣列項目}> <{xoMemberInfo assign=mem}>
  2. 此外,每個項目如<{$mem.name}>,都可以加上_expire查其到期日時間戳記,例如<{$mem.name_expire}>的值為1397970511(雖然不曉得這要幹嘛~)
    • (1)  <{$mem.uname}>:tad(帳號)
    • (2)  <{$mem.name}>:吳弘凱(真實姓名)
    • (3)  <{$mem.email}>:[email protected](Email)
    • (4)  <{$mem.user_avatar}>:avatars/cavt50877193c9788.png(頭像)
    • (5)  <{$mem.url}>:http://localhost/x25/(個人網站)
    • (6)  <{$mem.user_icq}>:(ICQ即時通訊的帳號)
    • (7)  <{$mem.user_aim}>:(美國線上即時通訊的帳號)
    • (8)  <{$mem.user_yim}>:(雅虎即時通的帳號)
    • (9)  <{$mem.user_msnm}>:(MSN即時通訊的帳號)
    • (10)  <{$mem.posts}>:93(文章發表數)
    • (11)  <{$mem.user_from}>:台南(來自)
    • (12)  <{$mem.user_occ}>:老師(職業)
    • (13)  <{$mem.user_intrest}>:看漫畫(興趣)
    • (14)  <{$mem.bio}>:(其他資訊)
    • (15)  <$mem.user_sig}>:沒有簽名(簽名檔)
六、 常用使用者選單的內容連結位置
  1. <a href="<{xoAppUrl user.php}>" >查看帳號</a>
  2. <a href="<{xoAppUrl edituser.php}>">編輯帳號</a>
  3. <a href="<{xoAppUrl notifications.php}>">通知</a>
  4. <a href="<{xoAppUrl user.php?op=logout}>">登出</a>
七、 登入畫面常用的欄位名稱及路徑
  1. form的action要改為<{xoAppUrl user.php}>,method使用post方式,帳號欄位的name為uname,密碼欄位的name則為pass,欄位可使用placeholder佔位字元來進行提示,亦可用class=”input-small”使用較小輸入欄位。
  2. 若需要加入記住帳密的功能可加入:<input type="checkbox" value="On" name="rememberme">記住我
  3. 需要<input type="hidden" value="login" name="op">才能真的執行登入
  4. <input type="hidden" name="xoops_redirect" value="<{$xoops_requesturi}>"> 登入後會轉向至目前頁面。
  5. 立即註冊路徑:<{xoAppUrl register.php}>
  6. 密碼遺失路徑:<{xoAppUrl user.php#lost}>
八、 插入小插圖:
  1. 若插圖放在佈景下的images中,那麼,可用{xoImgUrl images/檔名}>來插圖。
  2. <img src="<{xoImgUrl images/圖.png}>" hspace="3" align="absmiddle">
  3. hspace為HTML的插圖屬性,意思是圖片左右兩側的間距。
  4. align是用來對齊的,absmiddle可以做到絕對垂直置中對齊。
  5. 插入個人圖像(2.4.3之後才支援) <div align="right" style="width:90px;height:90px;background-image:url(<{xoAppUrl /uploads/}><{$xoops_avatar}>)"></div>
九、 修改轉頁畫面
  1. XOOPS 2.3前轉頁樣板:/modules/system/templates/system_redirect.html
  2. XOOPS 2.3以後轉頁樣板:/佈景/modules/system/system_redirect.html
  3. 「偏好設定/系統設定/一般設定」中的「使用 jGrowl 動態轉向」要選「否」才有作用。
  4. 可以在佈景下建立一個modules,上傳至佈景中,並將該目錄設為777可寫入。
  5. 進到後台「樣板」,「選擇佈景」選用新佈景,「強制產生檔案」選「是」,「選擇模組」選擇「系統管理」(即 system 模組)
  6. 送出後,在「選擇樣板」中挑選 system_redirect.html 後送出。
  7. 接著您可以從後台的樣板直接編輯 /system/system_redirect.html 來修改之。也可以將之下載來修改之。
  8. 轉頁的話,此行要保留 <meta http-equiv="Refresh" content="<{$time}>; url=<{$url}>" /> <{$message}> <{$lang_ifnotreload}> <{if $xoops_logdump != ''}> <{$xoops_logdump}> <{/if}>
十、 設定語系
  1. XOOPS 2.3以後可設定佈景語系檔:/佈景/language/語系/main.php
  2. 一樣用define("常數","字串")來設定,例如:define("_THEME_ID", "帳號:");
  3. 佈景中使用:<{$smarty.const._THEME_ID}>
  4. 若要套用變數到語系中:<{$欲套入變數|string_format:$smarty.const.語系常數}>
十一、 網站小圖
  1. 可自行製作網站ico圖示:http://www.favicon.cc/
  2. 做完存成favicon.ico放置於「佈景/icons」下即可。