Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
| Obě strany předchozí revize Předchozí verze Následující verze | Předchozí verze | ||
|
skoda-ep:knowledge_quiz [10.01.2018 11:58] jindrich.kinsky [Finishing the setting of Quiz] |
skoda-ep:knowledge_quiz [01.07.2024 13:18] (aktuální) Jakub Štěpánek [Duplicate Quiz] |
||
|---|---|---|---|
| Řádek 1: | Řádek 1: | ||
| - | ====== Knowledge Quiz ====== | + | ====== Knowledge Tests ====== |
| ===== Creation and editing ===== | ===== Creation and editing ===== | ||
| - | You can find all the existing Quizes after logging in to WordPress administration. Select Knowledge tests directly from the main menu, which is on the left side. Next you can see a list of existing Quizes. The interface is just the same as with other components - you can choose an item for editing, deleting and you can also create a new one. | + | You can find all the existing Quizzes after logging in to WordPress administration. Select Knowledge tests directly from the main menu on the left side. Next, you can see a list of existing quizzes. The interface is just the same as with other components - you can choose an item for editing, or deleting and you can also create a new one. |
| {{ :skoda-ep:knowledge_tests_list.png |List of existing Quizes}} | {{ :skoda-ep:knowledge_tests_list.png |List of existing Quizes}} | ||
| - | After selecting a Quiz for editation or clicking the button to create a new one you'll be redirected to an interface for single Quiz modifications. Let's look on some of the existing Quizes so we can describe the form columns you're going to use. | + | After selecting a Quiz for editation or clicking the button to create a new one you'll be redirected to an interface for single Quiz modifications. Let's look at some of the existing Quizzes so we can describe the form columns you're going to use. |
| {{ :skoda-ep:knowledge_test_editation.png |Quiz editation}} | {{ :skoda-ep:knowledge_test_editation.png |Quiz editation}} | ||
| - | As you can see, there is an obligatory field for the Quiz title. This title is not publicly visible so you can just use anything useful for future identication so other editors can easily recognize one Quiz from another. Next common thing is the right Publish panel which can be used to save drafts and publish new Quizzes. | + | As you can see, there is an obligatory field for the Quiz title. This title is not publicly visible so you can just use anything useful for future identification so other editors can easily recognize one Quiz from another. The next common thing is the right Publish panel which can be used to save drafts and publish new Quizzes. |
| - | Let's get back to the main editation field and skip directly to the section called Questions. In this section there are both mandatory and optional fields. Here is the list: | + | Let's get back to the main editation field and skip directly to the section called Questions. In this section, there are both mandatory and optional fields. Here is the list: |
| - Template | - Template | ||
| - Landing page text | - Landing page text | ||
| Řádek 24: | Řádek 24: | ||
| * Image (optional) | * Image (optional) | ||
| - | Now we'll look in detail on each of the fields. As you can see, most of the fields do have a short description just under themselves, so you shouldn't have a hard time finding out their function. | + | Now we'll look in detail at each of the fields. As you can see, most of the fields do have a short description just under themselves, so you shouldn't have a hard time finding out their function. |
| ==== 1. Template ==== | ==== 1. Template ==== | ||
| - | Template field is used for selecting a Quiz template which is used on the public website. For now you can just skip this field, because there is only one template to choose from. | + | Template field is used for selecting a Quiz template which is used on the public website. For now you can just skip this field because there is only one template to choose from. |
| ==== 2. Landing page text ==== | ==== 2. Landing page text ==== | ||
| - | Content of the Landing page text field is shown just before starting a Quiz - directly after loading the Quiz page on the public part of website. You can use text formatted with HTML as well as image - all is done by using the visual (WYSIWYG) editor. The images are insterted through the Media library which is a common component. | + | Content of the Landing page text field is shown just before starting a Quiz - directly after loading the Quiz page on the public part of the website. You can use text formatted with HTML as well as images - all is done by using the visual (WYSIWYG) editor. The images are installed through the Media library which is a common component. |
| This field is optional so if you don't enter anything in there the landing page won't be rendered at all. | This field is optional so if you don't enter anything in there the landing page won't be rendered at all. | ||
| Řádek 36: | Řádek 36: | ||
| ==== 3. Input page text ==== | ==== 3. Input page text ==== | ||
| - | This field displays information which is used on the screen right after the visitor completes all the questions. You'll probably want to encourage the user to fill his/her email address in the email field, so let's enter something along these lines. | + | This field displays information that is used on the screen right after the visitor completes all the questions. You'll probably want to encourage the user to fill in his/her email address in the email field, so let's enter something along these lines. |
| {{ :skoda-ep:input_page_text.png |Input page text field}} | {{ :skoda-ep:input_page_text.png |Input page text field}} | ||
| ==== 4. Result page text ==== | ==== 4. Result page text ==== | ||
| - | Result page text, as the title says, is displayed also after completing the Quiz. In this section we can thank the participant for his interest or something alike. | + | Result page text, as the title says, is displayed also after completing the Quiz. In this section, we can thank the participant for his interest or something like that. |
| {{ :skoda-ep:result_page_text.png |Result page text field}} | {{ :skoda-ep:result_page_text.png |Result page text field}} | ||
| Řádek 55: | Řádek 55: | ||
| ==== 6. Terms and conditions ==== | ==== 6. Terms and conditions ==== | ||
| - | This field contains URL (link) to the page with terms and conditions. | + | This field contains a URL (link) to the page with terms and conditions. |
| ==== 7. Questions ==== | ==== 7. Questions ==== | ||
| - | This section can contain number of subsections - each one representing a single question and answers. You'll also have to enter the number of correct answer. There's also an image field, which is optional. | + | This section can contain a number of subsections - each one representing a single question and answer. You'll also have to enter the number of correct answers. There's also an image field, which is optional. |
| If you scroll down to the end of the Questions section, you'll find a button for adding a new question. Each of the questions can be also removed. The list of questions supports ordering so you can drag & drop questions or use arrows to change the sequence. | If you scroll down to the end of the Questions section, you'll find a button for adding a new question. Each of the questions can be also removed. The list of questions supports ordering so you can drag & drop questions or use arrows to change the sequence. | ||
| Řádek 65: | Řádek 65: | ||
| Here you'll enter the question itself or some instructions to let the user decide the correct answer. | Here you'll enter the question itself or some instructions to let the user decide the correct answer. | ||
| === Answers === | === Answers === | ||
| - | This subsection makes it possible to enter number of answers. Just make sure you insert one correct answer among them. If you put your mouse cursor over one of the answers a button with cross icon appears - this one can be used to remove the corresponding answer. At the bottom of the subsection you can also notice there is a button labeled "Add row" - useful for adding a new answer. | + | This subsection makes it possible to enter a number of answers. Just make sure you insert one correct answer among them. If you put your mouse cursor over one of the answers a button with a cross icon appears - this one can be used to remove the corresponding answer. At the bottom of the subsection, you can also notice there is a button labeled "Add row" - useful for adding a new answer. |
| === Correct Answer === | === Correct Answer === | ||
| - | In this field you have to enter a number identifying the correct answer from the Answers subsection. Please notice the answers you entered in the before step are automatically numbered, so use the appropriate number. | + | In this field, you have to enter a number identifying the correct answer from the Answers subsection. Please notice the answers you entered in the before step are automatically numbered, so use the appropriate number. |
| === Image (optional) === | === Image (optional) === | ||
| - | Title of this field is self-explanatory - here you can insert an image from Media library, which is then publicly displayed along with the question and answers. There's probably just a little note worth mentioning - **make sure name of the image doesn't contain the correct answer**, because some of the more capable users may discover it and use it to cheat the Quiz. | + | The title of this field is self-explanatory - here you can insert an image from the Media library, which is then publicly displayed along with the questions and answers. There's probably just a little note worth mentioning - **make sure the name of the image doesn't contain the correct answer**, because some of the more capable users may discover it and use it to cheat the Quiz. |
| ===== Finishing the setting of Quiz ===== | ===== Finishing the setting of Quiz ===== | ||
| - | So now we should have all the fields filled in and we're good to go. Let's publish the Quiz by clicking the blue button in the right panel or save the Quiz as draft if our work is not done yet and we're going to return to editation later. Right after publishing we'll just write down the ID (number) of the Quiz. You can find the ID in the URL of the currently edited Quiz. Just find part of the URL starting with "post=" and immediately followed by number. Just to make sure below is an example of the URL with Quiz ID: | + | So now we should have all the fields filled in and we're good to go. Let's publish the Quiz by clicking the blue button in the right panel or save the Quiz as a draft if our work is not done yet and we're going to return to editation later. Right after publishing, we'll just write down the ID (number) of the Quiz. You can find the ID in the URL of the currently edited Quiz. Just find part of the URL starting with "post=" and immediately followed by a number. Just to make sure below is an example of the URL with Quiz ID: |
| /wp-admin/post.php?post=13703&action=edit | /wp-admin/post.php?post=13703&action=edit | ||
| 13703 - this is the number we'll need in the next step. | 13703 - this is the number we'll need in the next step. | ||
| ===== Inserting Quiz to a Page or Post ===== | ===== Inserting Quiz to a Page or Post ===== | ||
| - | We'll assume you're already familiar with editation of Pages and Posts. Let's just create one and use the Quiz ID and shortcode to insert our Quiz and make it available for visitors from the website front end. We can do that by using the Layout Builder and inserting SiteOrigin Editor. Proceed to SiteOrigin Editor block editation. Next we'll just use the button on the right to insert a knowledge test (Quiz). | + | We'll assume you're already familiar with editation of Pages and Posts. Let's just create one and use the Quiz ID and shortcode to insert our Quiz and make it available for visitors from the website front end. We can do that by using the Layout Builder and inserting SiteOrigin Editor. Proceed to SiteOrigin Editor block editation. Next, we'll just use the button on the right to insert a knowledge test (Quiz). |
| {{ :skoda-ep:skoda_knowledge_test_inserting.png |Inserting the shortcode by button}} | {{ :skoda-ep:skoda_knowledge_test_inserting.png |Inserting the shortcode by button}} | ||
| - | We'll be asked to enter the Test ID we've written down previously (see above) - let's just do that and continue by clicking the blue OK button. | + | We'll be asked to enter the Test ID we've written down previously (see above) - let's just do that and continue by clicking the blue OK button. |
| {{ :skoda-ep:skoda_knowledge_test_id.png |Using the ID to insert Quiz}} | {{ :skoda-ep:skoda_knowledge_test_id.png |Using the ID to insert Quiz}} | ||
| + | |||
| + | ===== Duplicate Quiz ===== | ||
| + | Any quiz can be duplicated using the "Duplicate" button in the quiz list even if a different author creates it or is in a different language. | ||
| + | |||
| + | {{ :skoda-ep:kt_duplicate.png |}} | ||