南市校網申請平台

無障礙校網建置
=======

<div class="card bg-light border-0 shadow-sm p-3">? 系統官方建議設定值：

<div class="d-flex flex-column gap-2"><span class="fs-5">? **預設狀態：** <span class="text-danger fw-bold">關閉</span></span> <span class="fs-5">? **區塊位置：** <span class="text-primary fw-bold">左側或右側區塊</span>（側邊欄精簡收納）</span> <span class="fs-5">? **顯示頁面：** <span class="text-primary fw-bold">全部頁面</span></span></div> </div> </div> </div> </div> <div class="container-fluid my-5 pb-4"><div class="row g-4 align-items-center mb-4"><div class="col-12 col-lg-5 text-center"><div class="ck-img-block-n">![連結區塊詳細參數與顯示模式設定](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/265.png)</div> <small class="text-muted d-block mt-2">? 點擊圖片可放大檢視後台參數配置</small></div><div class="col-12 col-lg-7"><div class="p-4 bg-white border-start border-4 border-dark shadow-sm rounded">### ⚙️ 後台參數配置指南

管理員可於後台針對指定頁面連結進行以下細緻的控制選項。

</div> </div> </div> <div class="row g-4"><div class="col-12 col-md-6 col-lg-4"><div class="card card-equal-height bg-white border-0 shadow-sm border-start border-4 border-primary p-3">? 1. 僅顯示指定頁面連結：

在篩選設定時，**一次只能挑選一個目標頁面**。選單中項目後方顯示的數字，即代表該頁面目前所包含的實體連結總筆數。

</div> </div> <div class="col-12 col-md-6 col-lg-4"><div class="card card-equal-height bg-white border-0 shadow-sm border-start border-4 border-success p-3">? 2. 數量（資料筆數連動邏輯）：

<div class="fs-6 text-muted">? **若使用「下拉選單」：** 為了防止連結顯示不完全，**強烈建議將數量數值設定為大於該頁面的實際內容數**。

? **若使用其他模式：** 請依版面適量調整填寫即可，避免前台畫面被過長的清單佔用了太大區塊。

</div> </div> </div> <div class="col-12 col-md-12 col-lg-4"><div class="card card-equal-height bg-white border-0 shadow-sm border-start border-4 border-info p-3">? 3. 顯示模式（三大風格類型）：

<div class="fs-6 text-muted">? **圖示顯示：** 限制僅用於外部連結頁面。

? **下拉選單：** 節省網頁高度的精簡收納風格。

? **標準與主題選單：** 包含 `XOOPS選單樣式 `、 `符號清單 `、 `數字列表 `、 `Bootstrap列表 `，以及多款美化色調。  
 <span class="badge bg-warning text-dark mt-1">♿ 無障礙高對比推薦</span>  
 系統特別提供了**帶有 AAA 字尾的專用色彩主題**（如 `海洋藍AAA `、 `森林綠AAA ` 等），色彩對比度皆經過加強，符合數位無障礙標章規範要求。

</div> </div> </div> <div class="col-12 col-md-6 col-lg-6"><div class="card card-equal-height bg-white border-0 shadow-sm border-start border-4 border-secondary p-3">? 4 & 5. 是否顯示框線 / 圓角：

這兩個微調邊框細節選項**僅適用於「一般選單類型」**的主題風格，可依校園整體視覺美學自行勾選切換。

</div> </div> <div class="col-12 col-md-6 col-lg-6"><div class="card card-equal-height bg-light border-0 shadow-sm border-start border-4 border-warning p-3">? 6. 圖示顯示行列折行計算公式：

當選擇使用「**圖示顯示**」且需要控制前台排列行數時，其換行關係需由欄位交叉計算：  
 <span class="text-primary fw-bold">? 實算範例：</span>若設定**一行出現 4 個圖示**，而希望在前台完整**呈現出 2 行**的效果，那麼上方的**「數量」欄位就必須對應填寫 8**（4 × 2）。

</div> </div> </div> </div> <div aria-hidden="true" class="modal fade" id="imgNModal264" tabindex="-1"><div class="modal-dialog modal-dialog-centered modal-lg"><div class="modal-content bg-transparent border-0"><div class="modal-body p-0 text-center position-relative"><button aria-label="Close" class="btn-close btn-close-white position-absolute top-0 end-0 m-3" data-bs-dismiss="modal" type="button"></button>![放大圖片264](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/264.png)</div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal265" tabindex="-1"><div class="modal-dialog modal-dialog-centered modal-lg"><div class="modal-content bg-transparent border-0"><div class="modal-body p-0 text-center position-relative"><button aria-label="Close" class="btn-close btn-close-white position-absolute top-0 end-0 m-3" data-bs-dismiss="modal" type="button"></button>![放大圖片265](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/265.png)</div> </div> </div> </div>

若帳密正確卻無法登入，Chrome 請按 Ctrl + Shift + N 用「無痕視窗」試試。

請點此觀看解決辦法。

對每個網站都有用喔！

登入後始可申請（僅限台南市資訊組長）。
申請網站數量不拘，方案空間總和不超過50G即可。
特色：
- 一套程式共用，每個站至少節省200M空間
- 一鍵安裝，省卻繁雜安裝流程
- 支援 IPv6
- 支援 HTTP/2
- 一鍵套用Let's Encrypt SSL安全憑證，瞬間提昇網站安全性
- 自動更新，不用擔心升級
- 支援客製模組、佈景，可自行安裝模組、佈景
- 每六小時備份一次，可追朔三天資料，資料不流失！並可提供備份報表下載。
- 享有比釋出版還要新的模組，第一步搶先使用新功能。
- 若遇到使用問題，亦可於第一時間排除

南市校網申請平台

主內容區域

MarkDown

左邊區域內容

右邊區域內容

頁尾區域