Q-Answers FAQ Theme

Version:
Updated:
October 07, 2020

Q-Answers is a stylish FAQ and knowledgebase theme that makes it easy to present your questions and answers on your site. It comes with a clean, responsive design, and a powerful, created from the scratch accordion script for collapsible content with many customization options that make it a great choice for your Frequently Asked Questions section.

Browser:
Edge, Firefox, Chrome, Safari, Opera
Requirements:
Publii CMS :)

Two different FAQ layouts with five different options

Q-Answers generates the FAQ in two different ways: sidebar with tags and recent posts or tag list with posts; in total, it delivers 5 beautiful pre-defined layouts with many options to meet your needs: a) Sidebar with all tags and latest posts, b) Sidebar with selected tags and latest posts, c) Sidebar with selected tags and posts, d) List of all tags with posts, e) List of selected tags with posts.

Sidebar with recent posts Tag list with posts

sidebar with tags and recent poststag list with posts

FAQ sections powered by a powerful, dedicated Accordion component

To handle a set of questions and answers we created a fully WAI-ARIA compliant and smoothly animated accordion script that expands and collapses accordion panels using CSS3 transitions. Written in Vanilla JS, it allows you to open one panel at a time or keep expanded other panels, as well as open the first panel while reloading the page.

Accordion Scipt Vanilla JS

Improve your SEO with FAQPage Structured Data/Schema Markup

With properly marked up Frequently Asked Question (FAQs) pages, the Q-Answers theme may help you makes your page eligible on Google’s rich search results and an Action on the Google Assistant. The structured FAQPage data is generated in two formats: JSON-LD (recommended) or Microdata.

See it in action

FAQPage Structured Data/Schema Markup

Highlight your important content

Sometimes, you may want to highlight the important questions and answers. The Q-Answer makes it simple, all posts marked as featured will be automatically stick on top of the rest with distinctive styling.

Sticky accordion panel

Highly customizable FAQ theme

Make your knowledge base website beautiful and unique with personalized theme options: define the width of the sidebar and the main content section, as well as color scheme or the radius of an element’s corners.

Customization options

Make content easy to find with DocSearch

The Q-Answers theme supports two search engines: the standard Google Custom Search and the Algolia’s DocSearch that allows you to find relevant content from your website in milliseconds. It provides a dropdown menu to choose what you want to search for.

Docsearch static theme

A simple to use code syntax highlighter

Q-Answers integrates Prism.js into the editor, allowing you to highlight code from a huge range of languages as well as add line numbering and a Copy to Clipboard button for even greater ease-of-use.

Code highlighting with Prism.js

Add flair with font pairs

Bring that extra layer of style to your site with multiple font pairs to choose from; carefully-selected by our designers to bring maximum style without overloading your site’s weight to keep your load-times fast.

Google pairs

Minimise load-times with page prefetching

Let users drift through your content uninterrupted; with page-prefetching enabled, links in the viewport are automatically preloaded when the browser is idle, allowing for near-instantaneous page-switching when the user decides to move on.

Prefetching inner pages

Lightweight for a hyper-fast load time

Speed is of the essence when you’re looking for answers, so Q-Answers uses no jQuery libraries or CSS frameworks; just pure JavaScript and custom CSS for shorter load-times. You won’t need to worry about FOUT or FOIT effects in your text either, as you can use a system default fonts.

Get 3 months of professional support

Getting started with a new theme on a new website can be a challenge, but our experts are here to help. Every purchase of the commercial theme includes three months of support through our dedicated ticket system, so you’ll have efficient and effective assistance with any issues you run into.

Standard features *

Manage your page look and feel with extensive coloring, menu, social media sharing and layout options, or switch it up completely with one of our many unique themes.

Layout
Colors
Font size
Menu
Google Search
Share buttons
Disqus comments
GDPR cookies
Lazy load
Post options

* The available options may vary from theme to theme but they are mostly standardized.