ตัวเลือกธีม

LimeSurvey 3 ได้เปิดตัวระบบเทมเพลตเอนจินใหม่ ซึ่งอิงจาก Twig 1.29 และ Bootstrap ที่รองรับการสืบทอดเทมเพลตและตัวเลือกธีมที่หลากหลาย

ติดตั้ง Limesurvey เวอร์ชันล่าสุดเพื่อใช้งานฟีเจอร์ ตัวเลือกธีม ของแบบสำรวจ

บทนำ

ตัวเลือกธีม มอบชุดเครื่องมือที่ช่วยให้ผู้ดูแลแบบสำรวจเปลี่ยนการตั้งค่าที่เกี่ยวข้องกับธีมของแบบสำรวจได้อย่างรวดเร็วและง่ายดาย

แผงตัวเลือกธีม

เข้าถึงฟีเจอร์ ตัวเลือกธีม ได้จากการตั้งค่าแบบสอบถาม:

แถบเครื่องมือของแผงนี้มีสองแท็บ ได้แก่แท็บ ตัวเลือกอย่างง่าย และแท็บ ตัวเลือกขั้นสูง

ตัวเลือกอย่างง่าย

หน้าตัวเลือกธีมจะแสดงสิ่งต่อไปนี้:

  โปรดทราบว่าแต่ละธีมมีตัวเลือกบางอย่างที่สามารถเปลี่ยนได้จากตัวเลือกธีมแบบสำรวจ ในส่วนนี้ของวิกิ จะใช้ธีมเริ่มต้นของ LimeSurvey คือ fruity เพื่อแสดงให้เห็นว่าผู้ใช้ที่ไม่มีความรู้ด้าน HTML, php และ/หรือ CSS มาก่อนก็สามารถปรับเปลี่ยนธีมได้อย่างรวดเร็ว ง่ายดาย และทรงพลัง

แท็บ ตัวเลือกอย่างง่าย จะถูกเลือกไว้ล่วงหน้า คุณสามารถเปลี่ยนการตั้งค่าธีมแบบสำรวจที่สำคัญที่สุดได้จากที่นี่:

• รับทุกสิ่ง: หากเลือกปุ่ม ใช่ การกำหนดค่าธีมทั้งหมดจะถูกสืบทอดจากระดับการกำหนดค่าส่วนกลาง หากคุณคลิก ไม่ แล้วคลิกปุ่ม บันทึก ที่อยู่มุมขวาบนของหน้าจอ ตัวเลือกการกำหนดค่าธีมเพิ่มเติมจะปรากฏขึ้น ตัวเลือกแต่ละรายการสามารถตั้งค่าเป็น:
  • สืบทอดการกำหนดค่าธีมของกลุ่มแบบสำรวจ - สืบทอด (หากไม่มีการเปลี่ยนแปลง ธีมแบบสำรวจของคุณจะสืบทอดการกำหนดค่าธีมส่วนกลาง);
  • ไม่สืบทอดการกำหนดค่าธีมส่วนกลางใด ๆ - ไม่;
  • หรือเปิดใช้การกำหนดค่าอื่น - ใช่ หากเลือกตัวเลือกนี้ คุณสามารถกำหนดค่าการตั้งค่าธีมได้ตามต้องการ คุณจะเห็นว่าการตั้งค่าธีมแต่ละรายการให้คุณเลือกค่า สืบทอด ได้

ระบบการสืบทอดถูกใช้งานในสามระดับ:

• ระดับส่วนกลาง (เข้าถึงได้จากรายการเทมเพลต) อีกสองระดับที่เหลือจะสืบทอดการตั้งค่าธีมส่วนกลาง;
• ระดับกลุ่มแบบสำรวจ (เข้าถึงได้จากแผงการตั้งค่าแบบสำรวจ) การตั้งค่าธีมในระดับกลุ่มแบบสำรวจจะสืบทอดการตั้งค่าธีมส่วนกลาง;
• ระดับแบบสำรวจ การตั้งค่าธีมของแบบสำรวจจะสืบทอดการตั้งค่าธีมของกลุ่มแบบสำรวจ

• ฟอนต์ของธีม: เลือกฟอนต์ที่คุณต้องการใช้กับธีมของคุณ;
• รูปแบบของธีม: เลือกรูปแบบธีมที่มีให้หนึ่งแบบจากรายการดรอปดาวน์ ซึ่งจะเปลี่ยนสีของฟอนต์และไอคอน

ไม่สืบทอด

ตามที่กล่าวไว้ข้างต้น คุณสามารถเลือกจากเมนูการตั้งค่าแบบสำรวจให้ ไม่สืบทอดการกำหนดค่าธีมส่วนกลาง เมื่อคุณคลิกปุ่ม บันทึก ตัวเลือกเพิ่มเติมจะปรากฏขึ้น:

เพื่อแสดงให้เห็นถึงประสิทธิภาพของฟีเจอร์นี้ คำอธิบายต่อไปนี้จะอิงจากธีม fruity โปรดทราบว่าแต่ละธีมมีตัวเลือกที่ปรับแต่งได้เป็นของตัวเอง

• โหมด Ajax: หากเปิดใช้ หน้าแบบสำรวจจะโหลดเร็วขึ้นผ่าน ajax (แนะนำสำหรับผู้ใช้ LimeSurvey ทั่วไป) หากปิดใช้ หน้าจะโหลดด้วยการรีโหลดหน้า ซึ่งเหมาะกับการดีบักมากกว่า;
• ส่วนประกอบของสำรวจ: หากเลือก ใช่ แบบสำรวจจะแสดงอยู่ในคอนเทนเนอร์ ซึ่งจำกัดความกว้าง ตัวเลือกนี้มีประโยชน์หากผู้เข้าร่วมแบบสอบถามทำแบบสำรวจผ่านโทรศัพท์มือถือหรือแท็บเล็ต เพราะความกว้างของแบบสำรวจถูกควบคุมไว้ ผู้ตอบจึงสะดวกขึ้นเนื่องจากไม่ต้องเลื่อนไปทางขวาเพื่ออ่านคำถามทั้งหมดหรือดูตัวเลือกคำตอบทั้งหมดอีกต่อไป หากแบบสำรวจฝังอยู่ในบล็อกและ/หรือฟอรัม คุณสามารถปิดใช้งานตัวเลือกนี้ได้ เนื่องจากมีการกำหนดความกว้างอยู่แล้ว
• เส้นขอบคำถาม: หากเปิดใช้ แต่ละคำถามจะแสดงอยู่ภายในเส้นขอบ หากตั้งค่าเป็น ไม่ คำถามจะไม่อยู่ในกล่อง (ดังนั้นคุณจึงสามารถใช้คำถามประเภทอาร์เรย์ขนาดใหญ่ที่กว้างกว่าหน้าจอได้);
• เงาคำถาม: หากเปิดใช้ จะแสดงเงารอบเส้นขอบคำถามที่มองเห็นหรือมองไม่เห็น

---

• สีพื้นหลัง: เลือกสีพื้นหลังของคำถามทั้งหมด รวมถึงคำตอบ;
• สีฟอนต์: เปลี่ยนสีฟอนต์โดยเลือกสีที่ต้องการจากเมนูป๊อปอัป
• สีพื้นหลังคำถาม: เปลี่ยนสีพื้นหลังของคำถามโดยเลือกสีที่ต้องการจากเมนูป๊อปอัป
• ไอคอนตรวจสอบ: การตั้งค่านี้ช่วยให้คุณเลือกไอคอนตรวจสอบที่ต้องการเมื่อใช้คำถามประเภทเลือกตอบได้หลายตัว

---

• ภาพพื้นหลัง: หากตั้งค่าเป็น ไม่ คุณสามารถเลือกภาพพื้นหลังที่ต่างจากที่ใช้ในการตั้งค่าธีมของกลุ่มแบบสำรวจและ/หรือส่วนกลางได้ คุณยังสามารถ อัพโหลด ภาพพื้นหลังแบบสำรวจที่กำหนดเองได้ โดยคลิกปุ่ม อัพโหลด ที่อยู่ด้านล่างของแผงการตั้งค่าธีม แล้วเลือกภาพที่ต้องการจากคอมพิวเตอร์ของคุณ;
• โลโก้แบรนด์: หากตั้งค่าเป็น ไม่ ชื่อของแบบสำรวจจะแสดงในแถบด้านบน หรือคุณสามารถเลือกรูปภาพหนึ่งจากไดเรกทอรีไฟล์เพื่อใช้เป็นโลโก้ได้

---

• แอนิเมทส่วนร่าง: หากตั้งค่าเป็น ใช่ คุณสามารถเลือกแอนิเมชันหนึ่งแบบเพื่อใช้เมื่อ "ส่วนเนื้อหา" ของแบบสำรวจถูกโหลด;
• คำถามแบบเคลื่อนไหว: หากตั้งค่าเป็น ใช่ คุณสามารถเลือกแอนิเมชันหนึ่งแบบเพื่อใช้กับคำถามในแบบสำรวจเมื่อถูกโหลด
• แจ้งเตือนการเคลื่อนไหว: หากตั้งค่าเป็น ใช่ การแจ้งเตือนของแบบสำรวจ (เมื่อไม่มีการบันทึกข้อมูลแบบสำรวจ หรือพิมพ์โทเคนผิด) จะเคลื่อนไหวตามตัวเลือกแอนิเมชันที่เลือก
• เช็คบ๊อกแบบเคลื่อนไหว: หากตั้งค่าเป็น ใช่ ทุกครั้งที่คุณเลือกตัวเลือกคำตอบ แอนิเมชันจะทำงาน
• ปุ่มตัวเลือกแบบภาพเคลื่อนไหว: หากตั้งค่าเป็น ใช่ ทุกครั้งที่คุณเลือกตัวเลือกจากคำถามแบบปุ่มตัวเลือก แอนิเมชันจะทำงาน

ไลบรารีที่ใช้สำหรับแอนิเมชันคือ 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 ได้จากการตั้งค่านี้

คุณจะเห็นช่องอัปโหลดอยู่ด้านบน ซึ่งช่วยให้คุณอัปโหลดไฟล์ไปยังไดเรกทอรีไฟล์ของธีมได้ พารามิเตอร์เหล่านี้สามารถใช้เปลี่ยนรูปลักษณ์ทั้งหมดของธีมได้

  อย่าแก้ไขค่าเหล่านี้ เว้นแต่คุณจะรู้ว่ากำลังทำอะไรอยู่!