Customize QuizGenerator with your original CSS and JS

Customize QuizGenerator with your original CSS and JS

When you purchase a license of QuizGenerator, you can change the design of the player screen and change the words in the system freely according to your preference. In addition, you can set the option of "Text-To-Speech" which is used for listening questions without limitation in the player.

 

If you have purchased a license for QuizGenerator from the order page in the learningBOX, the license key will be set automatically in the learningBOX setting page. This page describes the case when you purchase a license key from the page inhttps://quizgenerator.net/

This page explains how to set up customizing your original CSS and JS after purchasing the license.
 

Here is the player screen after purchasing the license.

 

How to customize QuizGenerator with original CSS and JavaScript

If you want to customize your original CSS and JS, you need to purchase a license. The price of a license is 5,500 yen (including tax) for one month and 22,000 yen (including tax) for one year. If you have not yet purchased a license, you can do so here.
   

QuizGenerator license key will be sent to the email address you entered at the time of payment. The email address and license key you entered at the time of payment will be used in the settings after this, so please do not use them. (If you don't receive the e-mail, please check if your e-mail is filtered by spam.
 

Here are the CSS and JavaScript used for customization.

Since this is an exercise, we will use the CSS and JavaScript used in the QuizGenerator above as examples.

Here are the CSS and JavaScript implemented in ▼QuizGenerator.

 

Download CSS and JavaScript

First of all, download the CSS and JavaScript files from the source file that will be used for customization.

▼ Please watch this video.

1. Click the source file to download the zip file.
Next, extract the ZIP file. 2.
3. Expand All >> Expand.
4. Click the Extract button to unzip the file.

 

How to set up from Text Excel

In the unzipped ZIP file, you will find a CSS file, a JavaScript file, and a quiz. You can customize the quiz by using these three files. If you create the quiz in text or Excel, the steps are as follows.

For those who have customized CSS and JS but the player does not work well

I may have forgotten to include the option values for the quiz!
⇒Add four options "#add_css_file:true", "#add_js_file:true", "#email:***" and "#key:***". When you input the option value, input it by half size alphanumeric character. When you input the option, input the alphanumeric character including #. Please be careful not to forget to put # at the beginning.

I think I may have zipped the whole falda!
⇒If you compress the decompressed file, it will not be displayed properly when you upload it. specify 3 files, CSS, JS, and quiz, and compress them into one zip file. Please be careful.

Wrong compression method

Correct compression method

For those who wish to customize to their original design

If you want to change the original design with a budget, please contact us.
Please provide the following three images in PowerPoint or other formats.
————-
Start screen
Exercise Screen
Result screen
Please describe the layout, color scheme, wording, etc.
————-
We will then calculate the corresponding man-hours.

Notes
The design-customized QuizGenerator is guaranteed to work only with the version of QuizGenerator at the time of customization.
Please consult with us with the understanding that other versions may not work.