跳到主要內容區
  1. 首頁
  2. 無障礙網頁相關資訊

[Rpage] 本校白色款及紅色款版型, 已修正無障礙相關問題, 請重新套用版型.

為符合無障礙標章, 本校Rpage版型(白色款/紅色款)進行調整, 使用單位須重新套用版型(頁面樣式), 中/英文皆須設定, 步驟如下:

如何套用新版型? 

一. NCKU白色款版型

  1. 新增自訂頭部：此版型原使用系統頭部, 須改用自訂頭部. 頁面管理->頁面頭部建立->新增.
    新增頭部示意

    頁首名稱: 自定(如: 無障礙頭部), 頁首內容選"HTML", 將語法貼在下面內容欄後做適當修改.
    頭部語法編輯

    內容語法如下, 請自行修改紅字部份: logo網址(如何取得?), 單位名稱及廣告模組ID.

    <div class="head">
    <div id="headsearch">&nbsp;</div>
    <div class="mlogo">
    <h1><a href="/index.php" title="回首頁">
    <!--下一行修改Logo位置-->
    <img src="/var/file/211/1211/img/2227/mlogo.png" alt="NCKU, 國立成功大學-單位名稱">
    </a></h1>
    </div>
    <div class="mainmenu">%HeadMenu</div>
    </div>
    <div id="banner"></div>

    <script>
    $(document).ready(function () {
    <!--設定廣告模組ID, 若不需banner廣告模組, 請移除此行及下一行-->
    $.hajaxOpenUrl("/app/index.php?Action=mobileloadmod&Type=mobile_sz_mstr&Nbr=2", '#banner');

    <!--不需搜尋功能, 請移除此行及下一行-->
    $.hajaxOpenUrl("/app/index.php?Action=mobileloadmod&Type=mobilesch&Nbr=0", '#headsearch');
    });
    </script>

    使用banner(廣告模組)者, 依下列方式取得廣告模組ID: 
    (1)模組管理->廣告模組->按右鍵->(2)檢查->(3)按"選取".
    廣告模組

    選欲使用之廣告模組(如: banner), 找到右邊原始碼中 li_XX，XX即為該模組ID.
    選取廣告模組

    回到頁面頭部->編輯語法->找到最下方banner->替換前面的ID.
    修改ID

  2. 將系統頭部的搜尋功能關閉.
    系統頭部關閉搜尋
  3. 將已建立之頭部, 設為預設頭部.
  • 以上步驟若修改完後，頁首右上方顯示與下圖一樣，再執行以下步驟：
    標題重複示意圖

(1) 開啟【首頁畫面設定】->暫時將模組"[系統]本網站搜尋"加入 (先不要按儲存!!!)
本站搜尋模組

(2) 點選"模組外觀"  ->標題樣式 ->設定"不顯示" ->儲存並返回
模組外觀

模組標題不顯示

因目的是不顯示標題格式，所以設定好後，若不需要此模組可從首頁畫面設定中移除.

  1. 變更版型: 頁面管理->頁面樣式變更->選33(無障礙專用NCKU白色款)->修改(=儲存)

二. NCKU紅色款版型

  1. 新增頭部語法：此版型原使用自訂頭部, 一樣使用自訂頭部. 建議新增一個頭部: 頁面管理->頁面頭部建立->新增.

    頁首名稱: 自定(如: 無障礙頭部), 頁首內容選"HTML", 將語法貼在下面內容欄後做適當修改.
    頭部語法編輯

    頭部語法如下, 請自行修改紅字部份: logo網址(如何取得?)及單位名稱.

    <div class="top_second">
    <div class="top_second_main">
    <div id="headsearch">&nbsp;</div>
    <div class="logo">
    <h1><a href="/index.php" title="回首頁">
    <!--下一行修改Logo位置-->
    <img src="/var/file/95/1095/img/5055/Logo.png" alt="NCKU, 國立成功大學-單位名稱" />
    </a></h1>
    </div>
    </div>
    </div>

    <div class="top_third">
    <div class="top_third_main">%HeadMenu</div>
    </div>

    <!--不需搜尋功能, 請移除此行及以下所有-->
    <script>
    $(document).ready(function () {
    $.hajaxOpenUrl("/app/index.php?Action=mobileloadmod&Type=mobilesch&Nbr=0", '#headsearch');
    });
    </script>
  2. 將已建立之頭部, 設為預設頭部.
     
  3. 變更版型: 頁面管理->頁面樣式變更->選34(無障礙專用NCKU紅色款)->修改(=儲存)

Logo網址如何取得? 

直接使用原來的logo圖檔(參數設定->基本資料設定->點開logo圖檔->截取其圖檔網址), 或上傳Logo圖檔至文檔管理亦可.
取得logo網址示意

點開logo後, 截取網址如下: 

logo網址截取

瀏覽數:
加到我的最愛
登入成功