FAQs Shortcode
Overview
The FAQs shortcode is designed to display articles from specific categories, as selected in the shortcode parameters. It is currently in the beta or experimental stage, meaning that it is still being tested and refined. Please be aware that this shortcode may not be fully stable and may change or be removed in the future. If you have any further questions or concerns, please don’t hesitate to reach out.
FAQs Shortcode Parameters
The FAQ shortcode will only display the listed categories and not their child categories. However, if a user adds a child category ID, it will appear in the list of categories as if it were a parent category.
See comments for parameter descriptions.
// kb_id - The ID of the Knowledge Base to use.
// category_ids - The ID's of the Categories to display.
// class - The top level class to style the FAQs. See below for additional style options.
// preset - Custom Predefined styling
%crel_bracket_open%epkb-faqs kb_id="2" category_ids="50,54,59,57,60,61,62,65,66" class=""%crel_bracket_close%FAQs Content Display Mode
Please note that the styling and appearance of the articles within the FAQs shortcode may not be consistent within the Knowledge Base articles and the FAQs due to the issue of pulling CSS and JS files from those articles themselves. However, these options may help you achieve the desired look and feel for your knowledge base.
Styling and look: There are a two options you can consider if you want to alter the styling and appearance of the articles displayed in the FAQs:
- Use Gutenberg, the default WordPress editor, for your knowledge base articles. This will allow the articles to display correctly in the FAQs because Gutenberg inserts all user-controlled styling directly into the HTML.
- Use the "excerpt" option to only output the excerpt.
FAQs Custom Styling
It is possible to enhance the styling of your FAQs by incorporating custom CSS. This can be achieved by utilizing Javascript and CSS to target specific elements and apply the desired styles. However, please be advised that support for advanced customization is not provided by our team.
// Adding your own custom Class
%crel_bracket_open%epkb-faqs kb_id="1" category_ids="50" class="custom-class"%crel_bracket_close%Presets
The FAQs shortcode currently comes with 4 different presets
- Default ( No Value )
- Boxed
- Grey Boxed
- Grey Boxed Dark
Default
This FAQ design is the default display without using any Preset value.
// Adding your own custom Class
%crel_bracket_open%epkb-faqs kb_id="1" category_ids="50"%crel_bracket_close%Boxed
This FAQ design is a boxed style, using the preset value of Boxed
preset="Boxed"
// Preset value "Boxed"
%crel_bracket_open%epkb-faqs kb_id="1" category_ids="50" preset="Boxed"%crel_bracket_close%Grey Box
This FAQ design is a boxed style with light grey, using the preset value of Grey Box
preset="Grey Box"
// Preset value "Grey Box"
%crel_bracket_open%epkb-faqs kb_id="1" category_ids="50" preset="Grey Box"%crel_bracket_close%Grey Box Dark
This FAQ design is a boxed style with darker grey, using the preset value of Grey Box 2
preset="Grey Box Dark"
// Preset value "Grey Box 2"
%crel_bracket_open%epkb-faqs kb_id="1" category_ids="50" preset="Grey Box Dark"%crel_bracket_close%Advanced Styling
This code hides the category names.
/* Hide Category Names */
.epkb-faqs-container .epkb-faqs__cat-header{
display: none !important;
}
