佈景主題選項

LimeSurvey 3 引入了全新的範本引擎系統，該系統以 Twig 1.29 和 Bootstrap 為基礎，支援範本繼承及多種佈景主題選項。

請安裝最新版本的 LimeSurvey，以使用問卷佈景主題選項功能。

簡介

佈景主題選項提供一組工具，讓問卷管理員能夠快速且輕鬆地變更問卷中與佈景主題相關的設定。

佈景主題選項面板

請從問卷設定存取佈景主題選項功能：

面板的工具列包含兩個索引標籤：簡易選項索引標籤與進階選項索引標籤。

簡易選項

佈景主題選項頁面會顯示以下內容：

  請注意，每個佈景主題都附帶某些選項，可從問卷佈景主題選項中變更。本維基章節以 LimeSurvey 預設佈景主題 fruity 為例，說明即使使用者不具備 HTML、PHP 及／或 CSS 相關知識，也能快速、輕鬆且有效地調整佈景主題。

系統預設選取簡易選項索引標籤。您可以在此變更最重要的問卷佈景主題設定：

• 繼承全部：若選取是按鈕，所有佈景主題設定都將繼承自全域設定層級。若點選否，並點選畫面右上方的儲存按鈕，將會顯示更多佈景主題設定選項。這些選項可分別設定為：
  • 繼承問卷群組的佈景主題設定 - 繼承（除非有所變更，否則您的問卷佈景主題將繼承全域佈景主題設定）；
  • 不繼承任何全域佈景主題設定 - 否；
  • 或啟用其他設定 - 是。選擇此選項後，您可以依需求自由設定佈景主題。您會發現每個佈景主題設定都可以選擇繼承值。

繼承系統分為三個層級：

• 全域層級（可從範本清單存取）。其他兩個層級會繼承全域佈景主題設定；
• 問卷群組層級（可從問卷設定面板存取）。問卷群組層級的佈景主題設定會繼承全域佈景主題設定；
• 問卷層級。問卷佈景主題設定會繼承問卷群組的佈景主題設定。

• 佈景主題字型：選擇您要用於佈景主題的字型；
• 佈景主題變化：從下拉式選單中選擇其中一種可用的佈景主題變化，這會改變字型與圖示的顏色。

不繼承

如上所述，您可以從問卷設定選單中選擇不繼承全域佈景主題設定。點選儲存按鈕後，將會顯示更多選項：

為了展示此功能的強大之處，以下說明將以 fruity 佈景主題為例。請注意，每個佈景主題都有各自可自訂的選項。

• Ajax 模式：若啟用，問卷頁面將透過 ajax 更快載入（建議一般 LimeSurvey 使用者使用）。若停用，頁面將透過重新載入頁面的方式載入，較適合用於除錯；
• 問卷外框：若選取是，問卷將顯示在外框中，其寬度會受到限制。如果您的問卷參與者使用手機或平板電腦填答問卷，此選項會相當實用，因為問卷寬度受到控制。如此一來，填答者就不必再向右捲動即可閱讀完整的問題或查看所有答案選項，使用上更為舒適。如果問卷嵌入於部落格及／或論壇中，由於它們本身已有固定寬度，您也可以停用此選項。
• 問題邊框：若啟用，每個問題都會顯示在邊框內。若設定為否，問題將不會包含在方框中（因此您可以使用超出畫面寬度的大型陣列問題類型）；
• 問題陰影：若啟用，在（不）可見的問題邊框周圍將會顯示陰影。

---

• 背景顏色：選擇整個問題（包括答案）的背景顏色；
• 字體顏色：從彈出式選單中選擇所需的顏色，以變更字體顏色。
• 問題背景顏色：從彈出式選單中選擇所需的顏色，以變更問題背景顏色。
• 打勾圖示：當使用多項選擇問題類型時，此設定可讓您選擇所需的打勾圖示。

---

• 背景圖片：若設定為否，您可以選擇與問卷群組及／或全域佈景主題設定中不同的背景圖片。您也可以點選佈景主題設定面板底部的上傳按鈕，並從您的電腦中選擇所需的圖片，以上傳個人化的問卷背景圖片；
• 品牌標誌：若設定為否，最上列將顯示問卷名稱；或者，您也可以選擇檔案目錄中的其中一張圖片作為標誌圖片。

---

• 在正文上加上動畫：若設定為是，您可以選擇其中一種動畫，於問卷「正文」載入時套用；
• 為問題加上動畫：若設定為是，您可以選擇其中一種動畫，於問卷問題載入時套用。
• 為提示加上動畫：若設定為是，您的問卷提示（例如問卷資料未被記錄或輸入了錯誤的token時）將依所選的動畫選項呈現動畫效果。
• 在核取方塊上加上動畫：若設定為是，每當您勾選答案選項時，就會觸發動畫。
• 在選項按鈕上加上動畫：若設定為是，每當您從選項按鈕類型的問題中選取選項時，就會觸發動畫。

動畫所使用的函式庫為 animate.css。您可以使用預設函式庫，也可以新增自己的動畫函式庫。

請在持續時間欄位中輸入數字。如果您輸入十（10），動畫將持續 10 秒。

---

• Fruity 字型：選擇您要用於佈景主題的字型；
• Fruity 變化：從下拉式選單中選擇其中一種可用的佈景主題變化，這會改變字型與圖示的顏色。

---

• 上傳：瀏覽您的電腦，上傳要作為佈景主題標誌或背景圖片的圖片。系統可能會要求對 "/themes/survey/fruity/files" 資料夾具有寫入權限，該資料夾是上傳的圖片在您的 LimeSurvey 安裝中的儲存位置。

進階選項

開啟佈景主題選項標籤頁時，您可以選擇編輯其簡易選項或進階選項。「進階選項」只是一個單純的表單，讓您可以存取資料庫中主要的佈景主題設定欄位。若要了解其運作方式，您還應閱讀有關 XML 檔案以及從頭建立佈景主題的內容。因此，它相當複雜，專為進階使用者而設計。

不過，如果您確實想要編輯進階設定，請點選進階選項標籤頁

• 檔案 CSS:應加入到範本的 CSS 檔案;
• Js 文件:應加入到範本的 JS 檔案;
• 檔案列印 CSS:列印範本時要載入的 CSS 檔案;
• 選項:此欄位包含應傳遞給範本檢視的選項(及其值);
• CssFramework Name:要載入的 CSS 框架名稱。目前僅支援 Bootstrap 或不使用;
• Cssframework Css:您可以在此欄位中以自訂版本取代核心 bootstrap.css;
• Cssframework Js:您可以在此欄位中以自訂版本取代核心 boostrap.js;
• 要載入的套裝:您可以透過此設定載入 LimeSurvey 的一些核心資源套件。

您會注意到頂端有一個上傳輸入欄位,可讓您將檔案上傳到佈景主題的檔案目錄中。 這些參數可用來變更佈景主題的整體外觀。

  除非您清楚自己在做什麼,否則請勿更動這些值!