2020年8月20日 星期四

透過 Theme 更改 Open edX 網站的外觀

改變網站外觀的方式有很多種,

除了修改原始碼以外,

也可透過佈景主題的方式來進行,

Open edx 同樣也提供此種方式:

透過 Theme 更改 Open edX 網站的外觀

分別到 /edx/app/edxapp/lms.env.json 與 /edx/app/edxapp/cms.env.json

開啟佈景主題設定

"ENABLE_COMPREHENSIVE_THEMING": true

並在 COMPREHENSIVE_THEME_DIRS 指定佈景主題存放的資料夾,

"COMPREHENSIVE_THEME_DIRS": [
    "edx/app/edxapp/my-themes/edx-platform"

]

佈景主題的目錄結構:

/my-themes/edx-platform/my-theme/lms/static/images
/my-themes/edx-platform/my-theme/lms/static/sass
/my-themes/edx-platform/my-theme/lms/templates

影片檔案放置於 images ,

樣式設定放置於 sass 資料夾中,

網頁樣板放置於 templates,

並更改資料夾權限:

sudo chown -R edxapp:edxapp /my-themes
sudo chmod -R u+rw /my-themes

執行 paver update_assets 編譯相關檔案, 


最後到 Open edX 網站的 Django admin後台,

找到 Theming 設定,

並新增一組 Site themes 設定,

重新啟動所有服務即可套用設定的佈景主題。




 




沒有留言: