Friendly Portal System

自適應MasterPage

如何新增自適應MasterPage?

「系統管理」--「自適應設計」--「自適應MasterPage」--「MasterPage設定」

  • 步驟一:設定「自適應MasterPage」作為框架
  • 步驟二:新增各個內容方塊
  • 步驟三:把內容方塊加到MasterPage框架

 

步驟一:設定「自適應MasterPage」作為框架

按「新增 MasterPage」,填上適當資料,按「儲存」按鈕。

步驟二:新增各個內容方塊

按上方「內容方塊」,選擇剛才新增的自建MasterPage,按「新增內容方塊」按鈕。選擇適當的內容種類,填上下方表格所需的資料,按「新增內容方塊」按鈕。

步驟三:把內容方塊加到MasterPage框架

按上方「MasterPage設定」,在列出的現有MasterPage列表中,按左方的修改圖示,在Container02及Container03輸入框中加入內容方塊套模。

 

自適應MasterPage結構

以下是自適應MasterPage的通用結構:

在上方 <form> 元素中的 class 說明如下:

  • isIndexPage -- 當正在顯示整個網站的首頁時出現,顯示其他頁時不會出現;
  • isNotIndexPage -- 當顯示整個網站的首頁時不會出現,顯示其他頁時出現,和 isIndexPage是相反的;
  • verticalMenuExist -- 有些主導覽列的設計是會顯示垂直的主導覽列在網頁最左方,這時後這個 class 就會出現;
  • noVerticalMenu -- 不顯示垂直的主導覽列時,這個 class 會出現。

自適應首頁及其他各頁的內容,都會在 <div class="variableContent">....</div> 內顯示。 

自適應MasterPage的內容方塊都會放在 Container02 或 Container03 中,我們會把內容方塊的套模放在裡面。

自適應MasterPage可以容許管理員自行設定各框的:

  • HTML 結構,請使用 HTML5;
  • CSS 樣式表;
  • Javascript ,可選擇放在 Head 或 Body。

自適應MasterPage可以放什麼內容方塊?

  1. Background Music 背景音樂;
  2. Back To Top 返回頁頂按鈕;
  3. Breadcrumb 現在位置;
  4. Calendar 校曆;
  5. CustomPage 自建網頁;
  6. HTML 內容;
  7. Main Menu 主導覽列;
  8. Marquee 走馬燈;
  9. Picture Player 圖片播放器;
  10. Reminder Daily 今日小提示;
  11. Reminder Weekly 本週小提示;
  12. Sub Menu 副導覽列;
  13. School Info 學校資料;
  14. School Name & Logo 校徽和校名;
  15. Search This Site 站內搜尋;
  16. Shortcut 捷徑列;
  17. Site Map 網站地圖;
  18. Text Message 輸流播放文字訊息;
  19. Visitor Counter 訪客人次;
  20. Weather 天氣。

如何把已存在的內容方塊加到自適應MasterPage?

「系統管理」--「自適應設計」--「自適應MasterPage」

完成新增內容方塊之後,需要把新內容方塊的套模加到 Container02 或 Container03 才能顯示出來。按「MasterPage設定 Go>>」,按修改現有 MasterPage 圖示,在 MasterPage 名稱下方,會列出所有內容方塊的套模,以及其 Css Class Name。例如:<@主導覽列@>

請留意,在新增內容方塊時,需要設定「存放位置」,可以選擇 Container02 或 Container03,如果這個選項與實際套模的存放位置不同,該內容方塊也不能正確顯示。

 

 

Powered by Friendly Portal System v9.69