首頁 » 教學專區 » 論壇 » [phpBB]EP2-調整介面字型大小與建立子佈景主題

[phpBB]EP2-調整介面字型大小與建立子佈景主題

主題: 介面字型大小與子佈景主題

事由:

預設介面字型尺寸為10px的大小, 在視覺上總覺得有點太小, 所以需透過cPanel後台去調整css檔案中的其中一個屬性, 也同時會分享如何建立[子佈景主題], 不建議直接修改原先佈景主題的任何文件, 當有新版本更新時, 會覆蓋原先已經修改的屬性值.

建立子佈景主題

進入cPanel後台之後,找到 [styles] 這個資料夾, 先將原先正在使用的父佈景主題複製一份起來, 且同時在原先名稱後面再加 [-child] , 以易區別.

在子佈景主題中, 編輯 [style.cfg] 這個檔案

直接在 [name] 後面更改成已命名子佈景主題的名稱. 如下圖所示

建立自訂的style.css

建立一個專屬style.css, 要調整介面/顏色/樣式…等等, 都可以直接在此檔案內修改, 也不會隨 [父佈景主題] 更新而有所變動. 名稱可以隨意命名.

開啟 [stylesheet.css]此檔案, 然後在最後一行加入如以下紅色框所示. (直接把倒數第二行給複製出來一行, 然後把responsive名稱改成上一個步驟建立的css檔案名稱即可.)

加入修改的代碼

下圖紅框所示, 是直接從common.css中擷取部份代碼, 而要調整整體介面字型大小, 只要修改 [font-size: 14px]就可以了.

論壇ACP的安裝與調整

先直接進入前台ACP中去做安裝此子佈景主題(自訂–>風格管理–>安裝風格), 然後再調整 (一般–>討論區設定–>討論區風格), 最後按下[ 送出] 就完成了.

前台確認

到這一個步驟, 就可以發現介面字型已經變大了, 若要再調整合適的尺寸, 再重新到cPanel中修改專屬的css文件就可以了, 目前有發生改完無法立即生效, 即使在ACP環境中 [清除快取][清除所有的sessions] , 似乎也沒有改變, 所以在自訂–>風格管理中, 把子佈景主題先停用再啟用, 或是卸除再安裝就正常了.

總結:

調整介面字型大小是有必要的, 建立子佈景主題更是需要, 之後再做任何畫面變更也會比較方便.

以上僅供參考!

Share via:

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *