南市校網申請平台

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

<div class="p-3 bg-white border-start border-4 border-danger shadow-sm rounded mb-3">? 區塊存取權限重要規範（影響無障礙檢測）：

該區塊的「可用群組」務必完整勾選並包含：**管理員 + 註冊會員 + 訪客**，以確保所有人（包含未登入之公眾訪客與盲用螢幕閱讀器）皆能正常調用字體放大等無障礙工具。

</div><div class="p-3 bg-light rounded border-start border-4 border-info mb-3">? **動態列印圖示備註：** 工具列中的「友善列印」功能屬於系統動態偵測，**必須在系統內有具體文章內容的獨立頁面中才會自動出現**；若是停留於無實體文章的純清單首頁，該圖示則會自動隱藏。

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

<div class="d-flex flex-column gap-2 fs-5"><span>? **預設狀態：** <span class="text-danger fw-bold">關閉</span>（意指不掛載於傳統常規側欄，而改在佈景的中間自訂區啟用）</span> <span>? **區塊位置：** <span class="text-primary fw-bold">佈景的中間自訂區</span></span> <span>? **顯示頁面：** <span class="text-primary fw-bold">全部頁面</span></span></div> </div> </div> </div> </div><div class="container-fluid my-5 border-bottom 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/281.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-info p-3">? 1. 無障礙網頁字型尺寸：

<div class="fs-6 text-muted">? **大字的 font-size 尺寸：** 當使用者點擊前台「放大」圖示時套用的比例，系統預設為 `1.3rem `。

? **小字的 font-size 尺寸：** 當使用者點擊前台「縮小」圖示時套用的比例，系統預設為 `0.825rem `。

</div> </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-warning p-3">? 2. 工具列文字顏色（無障礙規範）：

<div class="fs-6 text-dark">⚠️ **配色核心原則：** 請務必配合網頁中間自訂區域的背景底色進行對比配色。**若該自訂區背景為淺色，此處文字顏色請務必設定為深色**，以確保色差對比度符合 4.5:1 的無障礙 AA 級標準。

</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-primary p-3">?️ 3. 欲顯示工具開關篩選：

（此欄位若\*\*保持空值\*\*不勾選，則代表前台工具\*\*全部顯示\*\*）

<div class="p-2 bg-light rounded fs-6 text-muted">? 全部隱藏選項：

若勾選此項，不論後面是否有勾選其他工具，前台皆會強制全數隱藏。

? 可獨立篩選工具：字型尺寸工具、facebook 分享工具、轉寄至信箱工具、LINE 分享工具。

</div> </div> </div><div class="col-12"><div class="card bg-light border-0 shadow-sm border-start border-4 border-secondary p-3">? 4. 學校官方社群平台帳號連結整合：

<div class="row g-3 fs-6 text-muted"><div class="col-12 col-md-6"><span class="text-dark fw-bold">? facebook 粉絲專頁網址：</span>  
 若此處填入了學校粉專網址，前台 FB 按鈕將會**自動取代**並升級為「導向學校官方粉絲專頁」；若保持空值，則維持原生的「分享當前文章至個人 FB」功能。</div><div class="col-12 col-md-6"><span class="text-dark fw-bold">? 學校 YouTube 頻道網址：</span>  
 本欄位只要填寫正確的學校影音頻道網址，前台工具列上即會自動觸發並出現對應的 YouTube 專屬圖示按鈕，方便親師生點閱。</div> </div> </div> </div> </div> </div><div class="container-fluid my-5 border-bottom pb-4">### ? 部署技巧與工具列跑位快修指南

<div class="row g-4 align-items-stretch"><div class="col-12 col-md-6"><div class="card card-equal-height bg-white border-0 shadow-sm p-4"><div class="text-center mb-3"><div class="ck-img-block-n">![設定左中右呈現欄寬12-0-0](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/283.png)</div> </div>#### ? 1. 欄位寬度配置核心邏輯

<div class="p-3 bg-light rounded border-start border-4 border-info fs-6 mb-3">在系統中進行「**設定左中右的呈現欄寬**」時，**請務必確保數值設定為「12-0-0」**（左中右三欄加起來的總和必須固定為 12）。設定為 `12-0-0 ` 的含意代表僅單獨使用「中間左側」區域，其餘區域則不啟用。</div>確定欄寬比例後，請切換至「**中間左側**」設定標籤中，將「**置入區塊**」選項勾選，並在下拉選單中選取「**工具列**」即可順利完成橫向大滿版部署。

</div> </div><div class="col-12 col-md-6"><div class="card card-equal-height bg-white border-0 shadow-sm p-4"><div class="text-center mb-3"><div class="ck-img-block-n">![佈景中間自訂區重新套用說明](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/282.png)</div> </div>#### ?️ 2. 工具列消失時的快修步驟

<div class="p-3 bg-white border-start border-4 border-warning shadow-sm rounded fs-6 mb-3">有時因為校網管理人員前往後台的「佈景管理」中重新套用、或更換了全校新主題風格，可能會導致原本設置好的工具列暫時跑位或不小心消失。</div>遇到此狀況時請不用擔心，這並非功能損壞。**請直接前往後台的「中間自訂區」功能分頁，將工具列重新勾選套用並儲存**，即可完美恢復前台的親和力工具列展示。

</div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal280" 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>![放大圖片280](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/280.png)</div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal281" 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>![放大圖片281](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/281.png)</div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal282" 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>![放大圖片282](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/282.png)</div> </div> </div> </div><div aria-hidden="true" class="modal fade" id="imgNModal283" 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>![放大圖片283](https://schoolweb.tn.edu.tw/uploads/tad_book3/image/283.png)</div> </div> </div> </div>

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

請點此觀看解決辦法。

對每個網站都有用喔！

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

南市校網申請平台

主內容區域

MarkDown

左邊區域內容

右邊區域內容

頁尾區域