ธีม

LimeSurvey ใช้ระบบธีมที่สร้างบน Twig และ Bootstrap รองรับการสืบทอดและตัวเลือกต่าง ๆ คุณสามารถปรับแต่งหน้า HTML ฝั่งผู้ใช้ได้ 100% ตามความต้องการ

บทนำ

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

ตัวเลือกในการเปลี่ยนธีม

มีสองวิธีในการใช้ธีม คือผ่านการตั้งค่าส่วนกลาง หรือผ่านแผงตัวเลือกธีมภายในแบบสำรวจ

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

ธีมเริ่มต้นในการตั้งค่าส่วนกลาง

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

ตัวเลือกนี้ใช้เปลี่ยนธีมของแบบสำรวจใดแบบสำรวจหนึ่ง หากต้องการเข้าถึงฟีเจอร์ ตัวเลือกธีม ใหม่ ให้ไปที่ การตั้งค่าแบบสอบถาม:

รายการธีมที่มีให้ใช้

คุณสามารถเข้าถึงรายการธีมที่มีให้ใช้ได้จากแผงควบคุมผู้ดูแลระบบ การกำหนดค่า > ขั้นสูง > ธีม

รายการแบ่งออกเป็น 5 คอลัมน์:

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

ปุ่มเหล่านี้คือวิธีที่ใช้แก้ไขธีม และแต่ละปุ่มจะอธิบายโดยละเอียดด้านล่าง

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

ตัวแก้ไขธีม

ธีมหลัก ของ LimeSurvey (ธีมเริ่มต้น) ไม่สามารถแก้ไขได้ ปุ่ม "ขยาย" ช่วยให้ผู้ใช้สามารถแก้ไข (ขยาย) ธีมหลักได้

เอกสารนี้สมมติว่าคุณทราบวิธีใช้ตัวแก้ไขเทมเพลตในเวอร์ชันก่อนหน้าของ LS อยู่แล้ว

ธีม fruity ถูกใช้ในการสาธิตวิธีขยาย/แก้ไขธีมโดยใช้ตัวแก้ไขธีม

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

ปุ่ม "ขยาย" จะขอให้ตั้งชื่อใหม่เพื่อบันทึกสำเนาของธีมที่คุณต้องการแก้ไข 
ในตัวอย่างนี้ ธีม fruity จะถูกตั้งชื่อว่า "extends_fruity"

ภาพรวมการสืบทอดธีม

เมื่อขยายธีมแล้ว คุณจะสามารถแก้ไขสำเนาของธีมต้นฉบับได้อย่างง่ายดาย ในตัวอย่างนี้ เรามีสำเนาของธีม fruity ที่บันทึกเป็น "extends_fruity" ซึ่งจะพร้อมให้เลือกใช้ในรายการธีมที่มีให้ใช้

การแก้ไขธีมเหมาะสำหรับผู้ใช้ขั้นสูงที่มีความรู้พื้นฐานเกี่ยวกับ HTML, CSS และ Twig

การพัฒนา