We decided to run a summer promo for the new premium plugin – Data Tensai for Contact form 7
For limited time you will be able to buy a license for $17 instead of $37.
AppSumo is a lovely marketplace with many great products listed on it, so have a look at other stuff too. You may save a lot for your next projects.
It’s sometimes a good idea to paginate the answers on the final screen of a long test. WatuPRO provides a variable for this:
%%ANSWERS-PAGINATED%% which can be used instead of the %%ANSWERS%% variable. It will display the questions along with their answers, feedback, correct/incorrect checkmarks, etc but one per page.
Although this paginator looks visually similar to the paginator you can enable while taking the quiz, it’s not the same. The in-quiz paginator colors the question numbers based on whether the question has been answered or not:
The green color should not be confused with correct / incorrect state. The questions are not evaluated on the fly so green means “answered”. Yellow is “visited but unanswered” and the questions that have not yet been shown are in gray.
To avoid confusion the answers paginator at the end of the quiz is not colored in any colors by default:
However in version 6.5.7 of WatuPRO we have added classes to all the buttons so you can easily color wrongly, unanswered and correctly answered questions with colors of your preference.
For example here’s how you can make it show gray, green and red colors:
This is achieved by using the classes of each “li” element: “correct” if correctly answered and “empty” if unanswered.
Here is the CSS we have used to achieve this. You can copy it and paste in your Additional CSS box following this path: Appearance -> Customize -> Additional CSS:
/* correctly answered */
ul.watupro-answers-paginator li.correct {
background: none green !important;
color:white !important;
}
/* unanswered */
ul.watupro-answers-paginator li.empty {
background: none #ddd !important;
color:white !important;
}
/* wrong answers */
ul.watupro-answers-paginator li:not(.empty):not(.correct) {
background: none red !important;
color:white !important;
}
Since the introduction of the new [namaste-breadcrumb] shortcode in Namaste! LMS it’s now easy to add a breadcrumb navigation that lets you see your position in the learning process. It looks like this:
Course link >> Module link >> Lesson
Or if you don’t use modules:
Course link >> Lesson.
Simple. You can just drop the shortcode inside every lesson and/or module and you’ll get the navigation.
There are two ways: the easiest is to get the Namaste! Premium theme which has this option built in:
The other method is manual. It’s also not too hard, so let me explain how to do it. You’ll need a very basic understanding of HTML, editing PHP files and a text editor like Notepad++
get_template_part( 'template-parts/content', get_post_format() );
get_template_part( 'template-parts/content-lessons', get_post_format() );
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
And add the following code:
<?php echo do_shortcode('[namaste-breadcrumb]');?>
Feel free to wrap it in a div or another element if you like.
That’s it. If you use modules, you need to repeat the steps but save the files as single-namaste_module.php and template-parts/content-modules.php. Also the line in step 4 will be like this:
get_template_part( 'template-parts/content-modules', get_post_format() );
Don’t forget that the shortcode allows you to use custom separator so you can use it like this:
<?php echo do_shortcode('[namaste-breadcrumb separator="/"]');?>