Actions

Theme options/vi: Difference between revisions

From LimeSurvey Manual

(Created page with "<div class="simplebox">File:help.png '''LimeSurvey 3''' giới thiệu hệ thống công cụ tạo mẫu mới, dựa trên [https://twig.symfony.com/ Twig 1.29] và [ht...")
(Created page with "==Tùy chọn nâng cao== {{QS:Trình chỉnh sửa chủ đề - tùy chọn nâng cao}}")
 
(22 intermediate revisions by the same user not shown)
Line 6: Line 6:




{{Box|Install Limesurvey 3.0+ to get access to the survey '''theme options''' feature. This option will '''not''' be made available in the older LimeSurvey versions!}}
{{Box|Cài đặt Limesurvey 3.0+ để có quyền truy cập vào tính năng '''tùy chọn chủ đề''' của khảo sát. Tùy chọn này sẽ '''không''' có sẵn trong các phiên bản LimeSurvey cũ hơn!}}




=Introduction=
=Giới thiệu=


'''Theme Options''' offers a set of tools that allow survey administrators to quickly and easily change the themes-related settings of their surveys..
'''Tùy chọn chủ đề''' cung cấp một bộ công cụ cho phép quản trị viên khảo sát thay đổi nhanh chóng và dễ dàng cài đặt liên quan đến chủ đề của khảo sát của họ..


=Theme options panel=
=Bảng tùy chọn chủ đề=


Access the '''theme options''' feature from [[Survey settings|survey settings]]:
Truy cập tính năng '''tùy chọn chủ đề''' từ [[Cài đặt khảo sát|cài đặt khảo sát]]:




Line 21: Line 21:




The toolbar of the panel contains two tabs: the '''simple options''' tab and '''advanced options''' tab.
Thanh công cụ của bảng chứa hai tab: tab '''tùy chọn đơn giản''' và tab '''tùy chọn nâng cao'''.




==Simple options==
==Tùy chọn đơn giản==


The following is displayed on the Themes options page:
Thông tin sau được hiển thị trên trang tùy chọn Chủ đề:




Line 32: Line 32:




{{Alert|Title=Attention|text=Please note that each theme comes with certain options that can be changed from the '''survey theme''' options. In this wiki section, the default LimeSurvey theme '''fruity''' is used to show how quick and easy, yet powerful changes can be implemented to a theme by users without any prior knowledge in HTML, php, and/or CSS.}}
{{Thông báo|Title=Chú ý|text=Xin lưu ý rằng mỗi chủ đề đi kèm với một số tùy chọn nhất định có thể được thay đổi từ các tùy chọn '''chủ đề khảo sát'''. Trong phần wiki này, chủ đề LimeSurvey mặc định '''trái cây''' được sử dụng để cho thấy người dùng có thể triển khai những thay đổi nhanh chóng và dễ dàng nhưng mạnh mẽ đối với một chủ đề mà không cần bất kỳ kiến thức trước nào về HTML, php và/hoặc CSS. }}


The '''simple options tab''' is preselected. The most important survey theme settings can be changed from here:
''tab tùy chọn đơn giản''' được chọn trước. Bạn có thể thay đổi cài đặt chủ đề khảo sát quan trọng nhất từ đây:


* '''Inherit everything:''' If the ''yes'' button is selected, all the theme configurations will be inherited from the global [[Themes|configuration level]]. If you click ''no'' and click the '''Save''' button located in the upper right part of the screen, more theme configuration options will be displayed. Each of these options can be set to:
* '''Kế thừa mọi thứ:''' Nếu nút ''có'' được chọn, tất cả cấu hình chủ đề sẽ được kế thừa từ [[Chủ đề|cấp cấu hình]] chung. Nếu bạn nhấp vào ''không'' và nhấp vào nút '''Lưu''' nằm ở phía trên bên phải màn hình, nhiều tùy chọn cấu hình chủ đề sẽ được hiển thị. Mỗi tùy chọn này có thể được đặt thành:
** inherit the survey group theme configurations - ''inherit'' (unless unchanged, your survey theme will inherit the global theme configuration);
** kế thừa cấu hình chủ đề của nhóm khảo sát - '' kế thừa'' (trừ khi không thay đổi, chủ đề khảo sát của bạn sẽ kế thừa cấu hình chủ đề toàn cầu);
** not inherit any global theme configuration - ''no'';  
** không kế thừa bất kỳ tùy chọn toàn cầu nào cấu hình chủ đề - ''không'';  
** or enable another configuration - ''yes''. The theme settings can be configured as you wish if this option is chosen. You can observe that each theme setting allows you to select the ''inherit'' value.
** hoặc bật cấu hình khác - ''có''. Cài đặt chủ đề có thể được định cấu hình theo ý muốn nếu tùy chọn này được chọn. Bạn có thể nhận thấy rằng mỗi cài đặt chủ đề đều cho phép bạn chọn giá trị ''kế thừa''.


{{Box|The inheritance system is applied on three levels:
{{Box|Hệ thống kế thừa được áp dụng ở ba cấp độ:
* '''at the global level''' (accessible from the template list). The other two levels inherit the global theme settings;
* '''ở cấp độ toàn cầu''' (có thể truy cập từ danh sách mẫu). Hai cấp độ còn lại kế thừa cài đặt chủ đề chung;
* '''at the survey group level''' (accessible from the survey setting panel). The theme settings at the survey group level inherit the global theme settings;  
* '''ở cấp nhóm khảo sát''' (có thể truy cập từ bảng cài đặt khảo sát). Cài đặt chủ đề ở cấp nhóm khảo sát kế thừa cài đặt chủ đề chung;  
* '''at the survey level'''. The survey theme settings inherit the survey group theme settings.}}
* '''ở cấp độ khảo sát'''. Cài đặt chủ đề khảo sát kế thừa cài đặt chủ đề của nhóm khảo sát.}}


* '''Theme fonts:''' Select the font you wish to use for your theme;
* '''Phông chữ chủ đề:''' Chọn phông chữ bạn muốn sử dụng cho chủ đề của mình;
* '''Theme variations:''' Select one of the available theme variations from the dropdown list. It changes the font and the icons colour.
* '''Biến thể chủ đề:''' Chọn một trong các biến thể chủ đề có sẵn từ danh sách thả xuống. Nó thay đổi phông chữ và màu biểu tượng.




===No inheritance===
===Không có quyền thừa kế===


As mentioned above, you can choose from the survey settings menu '''not to inherit''' the [[Themes|global theme configuration]]. Once you click the '''Save''' button, more options will be displayed:
Như đã đề cập ở trên, bạn có thể chọn từ menu cài đặt khảo sát '''không kế thừa''' [[Chủ đề|cấu hình chủ đề chung]]. Khi bạn nhấp vào nút '''Lưu''', nhiều tùy chọn hơn sẽ được hiển thị:




Line 58: Line 58:




{{Box|To show the power of this feature, the following explanations will be based on the '''fruity''' theme. Please note that each theme comes with its own customizable options.}}
{{Hộp|Để thể hiện sức mạnh của tính năng này, những giải thích sau đây sẽ dựa trên chủ đề '''trái cây'''. Xin lưu ý rằng mỗi chủ đề đều có các tùy chọn tùy chỉnh riêng.}}


*'''Ajax mode:''' If enabled, the survey page will be loaded faster via ajax (''recommended for the average LimeSurvey user''). If disabled, the page will be loaded via page reload, which is better for debugging purposes;
*'''Chế độ Ajax:''' Nếu được bật, trang khảo sát sẽ được tải nhanh hơn qua ajax (''được khuyến nghị cho người dùng LimeSurvey trung bình''). Nếu bị tắt, trang sẽ được tải thông qua tải lại trang, điều này tốt hơn cho mục đích gỡ lỗi;
*'''Survey container:''' If ''yes'' is selected, the survey will be displayed in a container - its width is limited. This option is useful if your survey participants complete your survey from their mobile phones or tablets because the survey width is controlled. Therefore, it is more comfortable for your respondents because they will not have to scroll right anymore to read the whole question or to see all the answer options. If the survey is embedded in a blog and/or forum, you can also deactivate this option since they already use a certain width.  
*'''Vùng chứa khảo sát:''' Nếu ''có'' được chọn, khảo sát sẽ được hiển thị trong vùng chứa - chiều rộng của nó bị hạn chế. Tùy chọn này hữu ích nếu những người tham gia khảo sát của bạn hoàn thành khảo sát từ điện thoại di động hoặc máy tính bảng của họ vì phạm vi khảo sát được kiểm soát. Do đó, người trả lời sẽ thoải mái hơn vì họ sẽ không phải cuộn sang phải nữa để đọc toàn bộ câu hỏi hoặc xem tất cả các tùy chọn trả lời. Nếu khảo sát được nhúng vào blog và/hoặc diễn đàn, bạn cũng có thể tắt tùy chọn này vì chúng đã sử dụng một chiều rộng nhất định.  
*'''Question borders:''' If enabled, each question will be shown within a border. If set to ''no'', the questions will not be contained in a box (so you can use large array question types that are bigger than the screen width);
*'''Đường viền câu hỏi:''' Nếu được bật, mỗi câu hỏi sẽ được hiển thị trong một đường viền. Nếu được đặt thành ''no'', các câu hỏi sẽ không được chứa trong một hộp (vì vậy bạn có thể sử dụng các loại câu hỏi mảng lớn lớn hơn chiều rộng màn hình);
*'''Question shadow:''' If enabled, a shadow will be displayed around the in(visible) question borders.
*'''Bóng câu hỏi:''' If được bật, bóng sẽ được hiển thị xung quanh viền câu hỏi (hiển thị).


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''Background color:''' Select the background colour of the whole question, including the answers;
*'''Màu nền:''' Chọn màu nền của toàn bộ câu hỏi, bao gồm cả câu trả lời;
*'''Font color:''' Change the font color by selecting from the popup menu the desired color.
*'''Màu phông chữ:''' Thay đổi màu phông chữ bằng cách chọn màu mong muốn từ menu bật lên.  
*'''Question background color:''' Change the question background color by selecting from the popup menu the desired color.
*'''Màu nền câu hỏi:''' Thay đổi màu nền câu hỏi bằng cách chọn màu mong muốn từ menu bật lên.
*'''Check icon:''' This setting allows you to select the desired check icon when multiple choice question types are employed.
*'''Biểu tượng kiểm tra:''' Cài đặt này cho phép bạn chọn màu mong muốn biểu tượng dấu kiểm khi sử dụng loại câu hỏi trắc nghiệm.


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''Background image:''' If set to ''no'', you may select a different background image from the one used within your survey group and/or global theme settings. You may also '''upload''' a personalised survey background image by clicking on the '''upload''' button located in the bottom of the theme settings panel and selecting the desired image from your computer;
*'''Hình nền:''' Nếu được đặt thành ''không'', bạn có thể chọn một hình nền khác với hình nền được sử dụng trong nhóm khảo sát của bạn và/hoặc cài đặt chủ đề chung. Bạn cũng có thể ''tải lên''' hình nền khảo sát được cá nhân hóa bằng cách nhấp vào nút '''tải lên''' nằm ở cuối bảng cài đặt chủ đề và chọn hình ảnh mong muốn từ máy tính của bạn;
*'''Brand logo:''' If set to ''no'', the name of the survey will be shown in the top bar, or, you can select one of the pictures inside the file directory to be used as logo picture.
*' ''Logo thương hiệu:''' Nếu được đặt thành ''không'', tên của khảo sát sẽ được hiển thị ở thanh trên cùng hoặc bạn có thể chọn một trong các ảnh bên trong thư mục tệp để sử dụng làm ảnh logo.


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''Animate body:''' If set to ''yes'', you can choose one of the animations to apply when the "body" of the survey is loaded;
*'''Hoạt hình nội dung:''' Nếu được đặt thành ''có'', bạn có thể chọn một trong các hoạt ảnh để áp dụng khi "nội dung" của khảo sát được tải;
*'''Animate question:''' If set to ''yes'', you choose one of the animations to apply to your survey questions when they are loaded.
*'''Hoạt hình câu hỏi:' '' Nếu được đặt thành ''có'', bạn chọn một trong các hoạt ảnh để áp dụng cho câu hỏi khảo sát của mình khi chúng được tải.
*'''Animate alert:''' If set to ''yes'', your survey alerts (when the survey data is not recorded or the wrong token is typed in) will be animated according to the selected animation option.
*'''Cảnh báo hoạt hình:''' Nếu được đặt thành ''có'', cảnh báo khảo sát của bạn (khi dữ liệu khảo sát không được ghi lại hoặc nhập sai mã thông báo) sẽ có hình động theo tùy chọn hoạt ảnh đã chọn.
*'''Animate checkbox:''' If set to ''yes'', anytime you check an answer option, the animation is triggered.  
*'''Hộp kiểm hoạt hình:''' Nếu được đặt thành ''có'' , bất cứ khi nào bạn chọn một tùy chọn trả lời, hoạt ảnh sẽ được kích hoạt.  
*'''Animate radio buttons:''' If set to ''yes'', anytime you select an option from a radio-type question, the animation is triggered.
*'''Hoạt hình các nút radio:''' Nếu được đặt thành ''có'', bất cứ khi nào bạn chọn một tùy chọn từ một câu hỏi dạng radio, hoạt ảnh sẽ được kích hoạt.


{{Box|The library used for animations is [https://daneden.github.io/animate.css/ animate.css]. You can either use the default or add your own animation library.}}
{{Box|Thư viện được sử dụng cho hoạt ảnh là [https://daneden.github.io/animate.css/ animate.css]. Bạn có thể sử dụng thư viện hoạt ảnh mặc định hoặc thêm thư viện hoạt ảnh của riêng mình.}}


{{Note|Type a number in the duration field. If you type ten (10), the animation will last for 10 seconds.}}
{{Lưu ý|Nhập một số vào trường thời lượng. Nếu bạn gõ mười (10), hoạt ảnh sẽ kéo dài trong 10 giây.}}


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''Fruity fonts:''' Select the font you wish to use for your theme;
*'''Phông chữ trái cây:''' Chọn phông chữ bạn muốn sử dụng cho chủ đề của mình;
*'''Fruity variations:'''Select one of the available theme variations from the dropdown list. It changes the font and the icons colour.
*'''Các biến thể trái cây:'''Chọn một trong các biến thể chủ đề có sẵn từ danh sách thả xuống. Nó thay đổi phông chữ và màu biểu tượng.


<hr width="50%" style="margin:auto">  
<hr width="50%" style="margin:auto">  


*'''Upload:''' Browse your computer to upload an image to be used as logo or background image for your theme. Writing permissions might be requested on the "/themes/survey/fruity/files" folder - the location where the uploaded images will be stored in your LimeSurvey installation.
*'''Tải lên:''' Duyệt qua máy tính của bạn để tải lên hình ảnh dùng làm biểu tượng hoặc hình nền cho chủ đề của bạn. Quyền ghi có thể được yêu cầu trên thư mục "/themes/survey/fruity/files" - vị trí lưu trữ các hình ảnh đã tải lên trong quá trình cài đặt LimeSurvey của bạn.


==Advanced options==
==Tùy chọn nâng cao==
{{QS:Theme editor - advanced options}}
{{QS:Trình chỉnh sửa chủ đề - tùy chọn nâng cao}}

Latest revision as of 08:18, 10 January 2024

Other languages:
LimeSurvey 3 giới thiệu hệ thống công cụ tạo mẫu mới, dựa trên Twig 1.29 và Bootstrap cho phép kế thừa mẫu và các tùy chọn mẫu khác nhau.


Cài đặt Limesurvey 3.0+ để có quyền truy cập vào tính năng tùy chọn chủ đề của khảo sát. Tùy chọn này sẽ không có sẵn trong các phiên bản LimeSurvey cũ hơn!


Giới thiệu

Tùy chọn chủ đề cung cấp một bộ công cụ cho phép quản trị viên khảo sát thay đổi nhanh chóng và dễ dàng cài đặt liên quan đến chủ đề của khảo sát của họ..

Bảng tùy chọn chủ đề

Truy cập tính năng tùy chọn chủ đề từ cài đặt khảo sát:



Thanh công cụ của bảng chứa hai tab: tab tùy chọn đơn giản và tab tùy chọn nâng cao.


Tùy chọn đơn giản

Thông tin sau được hiển thị trên trang tùy chọn Chủ đề:



Template:Thông báo

tab tùy chọn đơn giản' được chọn trước. Bạn có thể thay đổi cài đặt chủ đề khảo sát quan trọng nhất từ đây:

  • Kế thừa mọi thứ: Nếu nút có được chọn, tất cả cấu hình chủ đề sẽ được kế thừa từ cấp cấu hình chung. Nếu bạn nhấp vào không và nhấp vào nút Lưu nằm ở phía trên bên phải màn hình, nhiều tùy chọn cấu hình chủ đề sẽ được hiển thị. Mỗi tùy chọn này có thể được đặt thành:
    • kế thừa cấu hình chủ đề của nhóm khảo sát - kế thừa (trừ khi không thay đổi, chủ đề khảo sát của bạn sẽ kế thừa cấu hình chủ đề toàn cầu);
    • không kế thừa bất kỳ tùy chọn toàn cầu nào cấu hình chủ đề - không;
    • hoặc bật cấu hình khác - có. Cài đặt chủ đề có thể được định cấu hình theo ý muốn nếu tùy chọn này được chọn. Bạn có thể nhận thấy rằng mỗi cài đặt chủ đề đều cho phép bạn chọn giá trị kế thừa.
Hệ thống kế thừa được áp dụng ở ba cấp độ:
  • ở cấp độ toàn cầu (có thể truy cập từ danh sách mẫu). Hai cấp độ còn lại kế thừa cài đặt chủ đề chung;
  • ở cấp nhóm khảo sát (có thể truy cập từ bảng cài đặt khảo sát). Cài đặt chủ đề ở cấp nhóm khảo sát kế thừa cài đặt chủ đề chung;
  • ở cấp độ khảo sát. Cài đặt chủ đề khảo sát kế thừa cài đặt chủ đề của nhóm khảo sát.


  • Phông chữ chủ đề: Chọn phông chữ bạn muốn sử dụng cho chủ đề của mình;
  • Biến thể chủ đề: Chọn một trong các biến thể chủ đề có sẵn từ danh sách thả xuống. Nó thay đổi phông chữ và màu biểu tượng.


Không có quyền thừa kế

Như đã đề cập ở trên, bạn có thể chọn từ menu cài đặt khảo sát không kế thừa cấu hình chủ đề chung. Khi bạn nhấp vào nút Lưu, nhiều tùy chọn hơn sẽ được hiển thị:



Template:Hộp

  • Chế độ Ajax: Nếu được bật, trang khảo sát sẽ được tải nhanh hơn qua ajax (được khuyến nghị cho người dùng LimeSurvey trung bình). Nếu bị tắt, trang sẽ được tải thông qua tải lại trang, điều này tốt hơn cho mục đích gỡ lỗi;
  • Vùng chứa khảo sát: Nếu có được chọn, khảo sát sẽ được hiển thị trong vùng chứa - chiều rộng của nó bị hạn chế. Tùy chọn này hữu ích nếu những người tham gia khảo sát của bạn hoàn thành khảo sát từ điện thoại di động hoặc máy tính bảng của họ vì phạm vi khảo sát được kiểm soát. Do đó, người trả lời sẽ thoải mái hơn vì họ sẽ không phải cuộn sang phải nữa để đọc toàn bộ câu hỏi hoặc xem tất cả các tùy chọn trả lời. Nếu khảo sát được nhúng vào blog và/hoặc diễn đàn, bạn cũng có thể tắt tùy chọn này vì chúng đã sử dụng một chiều rộng nhất định.
  • Đường viền câu hỏi: Nếu được bật, mỗi câu hỏi sẽ được hiển thị trong một đường viền. Nếu được đặt thành no, các câu hỏi sẽ không được chứa trong một hộp (vì vậy bạn có thể sử dụng các loại câu hỏi mảng lớn lớn hơn chiều rộng màn hình);
  • Bóng câu hỏi: If được bật, bóng sẽ được hiển thị xung quanh viền câu hỏi (hiển thị).
  • Màu nền: Chọn màu nền của toàn bộ câu hỏi, bao gồm cả câu trả lời;
  • Màu phông chữ: Thay đổi màu phông chữ bằng cách chọn màu mong muốn từ menu bật lên.
  • Màu nền câu hỏi: Thay đổi màu nền câu hỏi bằng cách chọn màu mong muốn từ menu bật lên.
  • Biểu tượng kiểm tra: Cài đặt này cho phép bạn chọn màu mong muốn biểu tượng dấu kiểm khi sử dụng loại câu hỏi trắc nghiệm.
  • 'Hình nền: Nếu được đặt thành không, bạn có thể chọn một hình nền khác với hình nền được sử dụng trong nhóm khảo sát của bạn và/hoặc cài đặt chủ đề chung. Bạn cũng có thể tải lên hình nền khảo sát được cá nhân hóa bằng cách nhấp vào nút tải lên nằm ở cuối bảng cài đặt chủ đề và chọn hình ảnh mong muốn từ máy tính của bạn;
  • ' Logo thương hiệu:' Nếu được đặt thành không, tên của khảo sát sẽ được hiển thị ở thanh trên cùng hoặc bạn có thể chọn một trong các ảnh bên trong thư mục tệp để sử dụng làm ảnh logo.
  • Hoạt hình nội dung: Nếu được đặt thành có, bạn có thể chọn một trong các hoạt ảnh để áp dụng khi "nội dung" của khảo sát được tải;
  • 'Hoạt hình câu hỏi:' Nếu được đặt thành có, bạn chọn một trong các hoạt ảnh để áp dụng cho câu hỏi khảo sát của mình khi chúng được tải.
  • Cảnh báo hoạt hình: Nếu được đặt thành có, cảnh báo khảo sát của bạn (khi dữ liệu khảo sát không được ghi lại hoặc nhập sai mã thông báo) sẽ có hình động theo tùy chọn hoạt ảnh đã chọn.
  • Hộp kiểm hoạt hình: Nếu được đặt thành có , bất cứ khi nào bạn chọn một tùy chọn trả lời, hoạt ảnh sẽ được kích hoạt.
  • Hoạt hình các nút radio: Nếu được đặt thành có, bất cứ khi nào bạn chọn một tùy chọn từ một câu hỏi dạng radio, hoạt ảnh sẽ được kích hoạt.
Thư viện được sử dụng cho hoạt ảnh là animate.css. Bạn có thể sử dụng thư viện hoạt ảnh mặc định hoặc thêm thư viện hoạt ảnh của riêng mình.


Template:Lưu ý

  • Phông chữ trái cây: Chọn phông chữ bạn muốn sử dụng cho chủ đề của mình;
  • Các biến thể trái cây:Chọn một trong các biến thể chủ đề có sẵn từ danh sách thả xuống. Nó thay đổi phông chữ và màu biểu tượng.
  • Tải lên: Duyệt qua máy tính của bạn để tải lên hình ảnh dùng làm biểu tượng hoặc hình nền cho chủ đề của bạn. Quyền ghi có thể được yêu cầu trên thư mục "/themes/survey/fruity/files" - vị trí lưu trữ các hình ảnh đã tải lên trong quá trình cài đặt LimeSurvey của bạn.

Tùy chọn nâng cao

QS:Trình chỉnh sửa chủ đề - tùy chọn nâng cao

Retrieved from "http://manual.limesurvey.org/index.php?title=Theme_options/vi&oldid=353862"