Joomla佈景設計與XOOPS比較
作者:網頁設計師
於 2010-08-04 10:30:00 ‧ 111次閱讀
JOMMLA可以訂義非常多的區塊位置,但是功能越多使用者越難上手
且美術設計越完整相對區塊位置會越嚴格限制,例如設計一個美工選單是搭配HEADER美工
故該選單可能只能設定在指定的位置,如果網管調整位置,將影響美觀。
且美術設計越完整相對區塊位置會越嚴格限制,例如設計一個美工選單是搭配HEADER美工
故該選單可能只能設定在指定的位置,如果網管調整位置,將影響美觀。
XOOPS的缺點是無法指定太多區塊位置,這也是讓一般網友誤解XOOPS美工較差的原因
但是其實佈景設計人員在設計時加入TITLE的判斷式即可解決,不過在XOOPS中未確實訂義TITLE名稱
例如登入區塊在英文網站名為LOGIN中文則依翻譯人員所作的語言檔而定。
但是這個問題在xoops 2.3.3已經有了解決方案,雖然設計邏輯跟Jommla很像,不過沒有像Jommla那麼複雜的訂義,我們在xoops 2.3.3中已經可以在themes內包住module template了,XOOPS好不好看已經全部是佈景設計師的責任了。
但是其實佈景設計人員在設計時加入TITLE的判斷式即可解決,不過在XOOPS中未確實訂義TITLE名稱
例如登入區塊在英文網站名為LOGIN中文則依翻譯人員所作的語言檔而定。
但是這個問題在xoops 2.3.3已經有了解決方案,雖然設計邏輯跟Jommla很像,不過沒有像Jommla那麼複雜的訂義,我們在xoops 2.3.3中已經可以在themes內包住module template了,XOOPS好不好看已經全部是佈景設計師的責任了。
Joomla的佈景利用<?php if ($this->countModules('位置名稱')): ?>
來定位模組顯示之區塊位置
結束使用<?php endif; ?>來終止。
舉例:位置hornav
1:<!-- BEGIN: MAIN NAVIGATION -->
2:<?php if ($this->countModules('hornav')): ?>
3:<div id="chccd-mainnavwrap">
4: <div id="chccd-mainnav" class="clearfix">
5: <jdoc:include type="modules" name="hornav" />
6: </div>
7:</div>
8:<?php endif; ?>
9:<!-- END: MAIN NAVIGATION -->
1:<!-- BEGIN: MAIN NAVIGATION -->
2:<?php if ($this->countModules('hornav')): ?>
3:<div id="chccd-mainnavwrap">
4: <div id="chccd-mainnav" class="clearfix">
5: <jdoc:include type="modules" name="hornav" />
6: </div>
7:</div>
8:<?php endif; ?>
9:<!-- END: MAIN NAVIGATION -->
第一行跟第九行是讓設計人員方便辨識的標籤
第二行指定區塊名稱
第三行跟第四行指定CSS樣式
第五行將開位置的內容抓入
第六行跟第七行結束指定CSS樣式
第八行結束該區塊引入
第二行指定區塊名稱
第三行跟第四行指定CSS樣式
第五行將開位置的內容抓入
第六行跟第七行結束指定CSS樣式
第八行結束該區塊引入
整體架構原理跟XOOPS很像,從這理可以發現到JOOMLA跟XOOPS的優劣差異。
各有優缺點
以下為 Template Monster 所販售的Joomla佈景
https://www.templatemonster.com/joomla-templates/
項目 | 是 | 否 |
佈景 | ||
模組 |
CONTACT INFORMATION
其他新聞
-
網頁設計基礎要弄懂的知識,甚麼是表格甚麼是儲存格?
Published on 2025-04-11 11:10:00 -
你可能不知道的meta標籤!renderer介紹!
Published on 2025-03-27 12:00:00 -
JavaScript 中的防抖與節流:簡單明瞭的前端解析
Published on 2025-03-14 18:10:00 -
行動網頁設計的好幫手HTML capture讓用戶直接使用手機的麥克風與鏡頭!
Published on 2025-03-13 17:40:00 -
圖示設計實用指南:提供圖示設計的實用技巧與建議,包含UX和UI設計推薦,幫助設計師創建清晰、簡潔且具吸引力的圖示。
Published on 2025-03-08 19:20:00 -
CSS Grid是網頁設計中2D排版的好幫手!repeat() 與minmax()的應用介紹
Published on 2025-03-07 17:30:00 -
流動式版面設計 (Fluid Layout) 指南:網頁設計的演變趨勢
Published on 2025-03-06 14:20:00 -
HTML輸入元素input少見屬性pattern介紹,設計網頁時可以試試
Published on 2025-03-06 13:50:00 -
數位身份的隱形印記:深入解析Canvas指紋追蹤技術
Published on 2025-03-05 15:30:00 -
CSS 媒體查詢(Media Queries)介紹
Published on 2025-03-05 15:00:00 -
強大的CSS變數功能!為新式網頁設計創建可維護、可擴展的樣式!
Published on 2025-03-04 00:30:00 -
設計使用者網頁介面的最佳實踐,如何有效提升UI設計!
Published on 2025-03-02 15:30:00 -
列項符號也可以增加動畫效果!CSS ::marker 選擇器使用教學!
Published on 2025-03-01 21:30:00 -
自適應網頁設計使用夾鉗參數讓網站更美觀clamp()使用介紹!
Published on 2025-03-01 21:00:00 -
網頁設計中推薦使用CSS Anchor定位元素!可以更靈活配置版面!
Published on 2025-03-01 00:10:00 -
利用scroll-margin設計網頁可以有效提升客戶體驗
Published on 2025-02-28 19:00:00 -
interpolate-size讓我的網頁動畫原始碼更精簡!
Published on 2025-02-27 21:40:00 -
網頁設計的革命:當上帝視角UX成為未來趨勢
Published on 2025-02-26 15:40:00 -
3D網頁設計CSS必學重點:preserve-3d與flat!
Published on 2025-02-25 20:50:00 -
前端網頁設計動畫套件anime easing介紹與範例
Published on 2025-02-10 00:00:00 -
網頁設計的關鍵原則米勒定律,由心理學解釋人類注意力所衍生的設計要點。
Published on 2025-02-02 17:00:00 -
NPU是甚麼?詳細解說CPU、GPU、NPU、TPU!
Published on 2024-10-31 14:00:00 -
環保公司網頁設計案例:樺欣環保工程有限公司官網建置
Published on 2024-09-19 18:00:00 -
選擇網頁設計公司依據地圖評價準確嗎?
Published on 2024-09-15 12:00:00 -
網頁設計中推薦使用Anchor定位元素的新方法!
Published on 2024-08-28 23:40:00 -
甚麼是ARM伺服器?
Published on 2024-06-22 00:00:00 -
自行架設網站的優缺點分析
Published on 2024-03-10 18:00:00 -
房地產網頁設計案例:詠騰工業不動產官網架設
Published on 2023-12-31 10:50:00 -
無障礙網站設計與無障礙標章檢測等級
Published on 2023-10-29 14:10:00 -
如何挑選出穩健的網頁設計公司
Published on 2023-09-16 14:30:00