DW Question Answer is a WordPress Plugin which helps you build a Question & Answer system on your WordPress sites. The plugin is easy to install and set up. Let start building up your community with this WordPress question & answer system.

Installation

1. Automatic Plugin Installation

To add a WordPress Plugin using the built-in plugin installer:

Step 1 Log in to Dashboard >> Plugins >> Add New

Step 2 Under Search, enter DW Question & Answer or Question to search the plugin.

Search The Plugin

Search The DW Question & Answer Plugin

Step 3 Click Install Now to install the WordPress Plugin.

Install the plugin

Install the plugin

Step 4 Once done, remember to click on “Activate Plugin” link.

For information on how to install a WordPress Plugin manually, see our manual installation guide below.

2. Manual Plugin Installation

Step 1 Download the plugin package at http://www.designwall.com/wordpress/plugins/dw-question-answer/ or http://wordpress.org/plugins/dw-question-answer/

Step 2 Log in to your WordPress site Dashboard >> Plugins >> Add New

Step 3 Then click on the Upload Tab, browse the DW Question & Answer file and upload it (zip file only)

upload file

Back-end Settings

Step 4 Make sure that you click on Activate Plugin link.

Activate the plugin

Activate Plugin

3. Update The Plugin

Go to Dashboard >> Plugins >> Installed Plugins, if DW Question & Answer Plugin update is available, an alert on the Plugin’s menu title, just click on “update now” link to start updating as shown below:

dw-question-answer-update-the-plugin

Update the plugin

4. Uninstalling

To uninstall the DW Question & Answer plugin, please follow the instruction below:

Step 1 Go to Plugins >> Installed Plugins, find the DW Question & Answer plugin.

Step 2 Click on “Deactivate” link.

dw-question-answer-deactivate-the-plugin

Deactivate the plugin

Step 3 After deactivating the plugin, continue to click on “Delete” link to delete the plugin.

dw-question-answer-delete-the-plugin

Delete the plugin

Set up Question List Page

This page is to display all questions. To set up this page, please follow our instructions here:

Step 1 Log in to Dashboard >> Pages >> Add New.

add question page

Add Question Page

Step 2 Add the following short-code to the editor of the page

[ dwqa-list-questions ]

add-shortcode-of=questions-list

Step 3 Set up a menu link for this page. Go to Appearance >> Menus to add the page from Step 1 to Menu.

add pages to menu

Add Question Page To Menu

Step 4Go to Dashboard >> Questions >> Settings >> General >> Question List Page.

 

Select question list page

Select Question List Page

Set up Ask Question Page

This section is only when you need to re-create the pages. On the latest version of DW Question & Answer plugin, these pages are automatically created and assigned in the back-end, so you will NOT need to follow this section any more.

Step 1 Log in to Dashboard >> Pages >> Add New

Add Ask Question Page

add New Page

Step 2 Add the short-code to the page. Just add the following code to the editor of the page as shown below

[ dwqa-submit-question-form ]

Step 3 Go to Appearance >> Menus and add the page from Step 1 to Menu.

 

add question page to menu

Add Page To Menu

Step 4 Go to Questions >> Settings >> General >> Ask Question Page.

 

Ask Question Page Settings

Ask Question Page Settings

Private Question option allows you to choose whethere not to allow users post  Private questions.

Keep the Private Question option unchecked

Option to allow/disallow Private Question

Notification Email Settings

This plugin allows you to set up notification email sent out to Admin and Users regarding new questions, answers and comments.

To configure, log in to Dashboard >> DW Q&A >> Settings >> Notification

There are 7 email templates provided:

  • New Question Notification: send out to Administrator regarding new questions posted
  • New Answer Notification: send out to Question’s author regarding new answer posted
  • New Comment to Question Notification: send out to Question’s author regarding new comment to question posted
  • New Comment to Answer Notification: send out to Question’s author regarding new comment to answer posted.
  • New Answer Notification ( To Followers ): send out to Followers regarding new answer posted.
  • New Comment to Question Notification (to Followers): send out to Followers regarding new comment to question posted.
  • New Comment to Answer Notification (to Followers): send out to Followers regarding new comment to answer posted.
dw question answer plugin notification email

Email Notification

We already support a simple and clean style for email, simply Add your Logo and edit the content as you wish.

From Email: Fill in the sender email for notification system.

Sender Email Address

Send to: CC and BCC: Enter as many email addresses as you want to send out the notification about the new questions asked. Use “‘ , ” to separate emails.

dw-question-answer-email-settings

New Question Notification

Also you can disable and enable the send out function for each email notification.

Set up permalinks for your Question, Question Category and Question Tag

Go to Dashboard >> Questions >> Settings >> General. See example here:

 Permalinks

Permalinks Settings

If your updating makes your site inaccessible and your posts, questions return a 404 Error page, don’t panic, all your posts are still there and safe. What you need to do is fix the permalink settings of the DW Question & Answer plugin.

To do this, go to Admin Panel >> DW Q&A >> Settings >> General, scroll down and simply click on the Save Changes button

Click on Save Changes button to reset your permalink

Click on Save Changes button to reset your permalink settings

Captcha Settings

The DW Question & Answer plugin supports a captcha system using reCAPTCHA from Google. The Captcha system allows you to prevent spam and other types of automated abuse.

ReCAPTCHA requires a public and a private key in order to work properly in your web forms. You need to have a Gmail account to get Google Captcha key for free. Below you can find instruction on how to get a free ReCAPTCHA key from Google.

Step 1 You need to Sign up in order to create reCAPTCHA keys for your site.

Sign up To Create ReCaptcha Key

Sign up To Create ReCaptcha Key

Step 2 Enter your domain that you will use the reCAPTCHA on. Select the “Enable this key on all domains (global key)” so you can use the same reCAPTCHA key for all your sites. After that, click on “Create Key” button.

Type Your Domain

Type your domain you are using ReCaptcha for.

Step 3 Google will generate a public key and a private key, you will need them to enable the captcha on the plugin.

Google Generates ReCaptcha Key

Google Will Generate ReCaptcha Keys

Step 4 Copy the Public key and Private key from Step 3 then navigate to DW Q & A >> Settings >> General >> Captcha Settings, paste the Google reCAPTCHA keys in appropriate boxes as shown below:

Captcha System Settings

Captcha System Settings

This is how the CaptCha System should look like in front-end:

Front-end Appearance

Front-end Appearance

Permission Settings

Permission Settings section allows you to control who and how they can interact on your Question & Answer page.

This section is in back-end: Dashboard >> DW Q&A >> Settings. There are 3 separate settings for Question, Answer and Comment, applied for default user roles of WordPress.

By default, one can always edit, delete his own questions, answers and comments. Thus, the Edit and Delete permission here in back-end mean that he can edit and delete ALL other questions, answers and comments.

As for anonymous users: they add answers, questions without logging in or registering.

The plugin now supports custom user roles from third party plugins.

WordPress Q&A plugin DW Question and Answer 

Side note

1. Question Status

We support status for each question and users can filter questions by these statuses.

As a User, you will see a status bar as below:

user status

Statuses

  • All: Display a list of all questions ordered by post date, number of votes or views
  • Open: All questions that have not yet had any answer
  • Resolved: Questions which are marked as Resolved with good answers
  • Closed: Questions which are marked as Closed and no longer editable

As an Administrator, you will see the following statuses:

admin status

Statuses

  • All: Displays a list of all questions ordered by post date, number of votes or views.
  • Need Answer: Questions which do not have any answer yet or questions which have new comments.
  • Answered: Questions which have answers posted.
  • Resolved: Questions which are marked as resolved or have Best Answer picked.
  • Closed: Questions which are marked as Closed and no longer editable.
  • Overdue: Set as 24 hours time-frame, Questions which are over 24 hours without answers will be put under this status.
  • Pending Review: Questions which have Save Draft comment or answer.
  • New Comment: Questions with latest comments.

2. Private and Public Question/ Answer

We support you to set visibility of both Question and Answer: Private or Public. As the author of your own questions and answers, you can switch from Public to Private or vice versa.

 

Switch Question and Answer between Private and Public

Switch Question and Answer between Private and Public

When a question is set as private, only question author and site admin can view it.

When an answer is set as private, only Author answer, Question author and site Admin can view it.

How To Translate DW Question & Answer

There are plenty number of Translation tools for WordPress which can help you to push up the process, you can take a look at WordPress translation Tools list. In our case we decide to use Poedit to edit .po file and generate .mo file

Step 1Download and install Poedit if you don’t have any translation tool yet.

Step 2 Open Poedit, select File > New catalog from POT file on the main menu then navigate to the DW Question & Answer languages folder in the folder path /wp-content/plugins/dw-question-answer/languages/ and choose the “default.po” file.

Now, you will see a list of all the language strings you can edit.

Click on strings you want to translate and edit.

Edit Language Strings

Adjust Any Language String As You Want

Step 3 Once done, go to File → Save as to save your translations in a .po file according to your language code.

Note: you need to add prefix “dwqa-” to your translation file name.

For example, the language code for French is fr_FR, so you would save the translated file as dwqa-fr_FR.po.

If you don’t know your language code, you can find a list of language codes at WordPress in your Language.

Step 4 Set your Poedit to always compile a .mo file when saving changes by clicking File → Preferences and on the Editor tab check the “Automatically compile .mo file” :

 

Setting poedt

Check the “Automatically compile .mo file”.

Then go to File → Save again to generate a .mo file.

Now, you have two separate files – a .po file and a .mo file as following:

a .po file and a .mo file

a .po file and a .mo file

Step 5 Make sure that your wp-config.php file matches your language files.

For example, your language is French, you need to set your language in wp-config.php file by finding the following code:

   define ('WPLANG', '');

and add the language code into it:

   define ('WPLANG', 'fr_FR');

Save your wp-config.php file, upload it to your WordPress installation, and you are ready to go.

Please note: If you keep your custom translation files in wp-content/plugins/dw-question-answer/languages, they can be replaced when updating. Therefore, make sure that you made a backup your language files before upgrading the plugin.

Shortcodes

Now, the DW Question & Answer plugin provides a list of all short-codes below in order to support you to embed them into your theme easily.

shortcode

Shortcode of DW Q&A plugin

To use the shortcode, just add the shortcode in the Text or Visual views of the Post or Page content editor. That’s all! You’ve created your shortcode as you want.

Add DWQA shortcode to page

Add DWQA shortcode to page

This is how it should look like in front-end:

Frontend Appearance

Front-end Appearance

However, if you want to use the shortcodes in your Sidebar Widgets, please follow our instruction below:

First thing you need to do is go to Dashboard >> Appearance >> Editor, open up the functions.php file and paste this code:

    add_filter('widget_text', 'do_shortcode');

Make sure that you save the file. Now, navigate to Appearance >> Widgets, drag and drop Text widget into the Sidebar you want to show, then paste any shortcodes into Text widget.

Add DWQA shortcode to Text widget

Add DWQA shortcode to Text widget

Here is front-end appearance:

Add DWQA Shortcode to Sidebar

Add DWQA Shortcode to Sidebar

BuddyPress Integration

At the moment, we are installing BuddyPress plugin and we integrated that plugin to DW Q & A plugin in order to manage member activities and the user’s questions list. Of course, we would love to share how we did it, please follow our instruction below.

Step 1 Go to Dashboard >> Plugins >> Add New and search for BuddyPress plugin. Once you click on Install Now link, the BuddyPress plugin will be installed.

Install BuddyPress plguin

Install BuddyPress plugin

Step 2 Go to your theme folder (wp-content/themes/[theme-name]), and create a new folder, named it “buddypress”. Inside your new folder, create a new file: “bp-custom.php.

Now, open up the new file in notepad or any code editor, and copy/paste the code at this link: http://snippi.com/s/rqwxbkq

Note: Please change ‘dw_simplex’ & ‘dw-simplex’ to your theme name

Step 3 Open the function file of your theme(wp-content/themes/[theme-name]/functions.php), and add this code in (somewhere at top of the file):

   include_once get_template_directory().'/buddypress/bp-custom.php';

Step 4 To redirect to user’s profile, open the functions.php file in the folder path (wp-content/themes/[theme-name]/functions.php) and add the following code:

   add_action( 'template_redirect', 'dw_simplex_redirect_author_archive_to_profile' );
function dw_simplex_redirect_author_archive_to_profile() {
if(is_author()){
$user_id = get_query_var( 'author' );
wp_redirect( bp_core_get_user_domain( $user_id ) );
}
}
Note: You need to replace ‘dw_simplex’ with your theme name

Final Step Save the files and go to your profile page to see list of all questions on the new Questions tab. You will see something in front-end like below:

User Profile

User Profile

Please note that the above image is for illustration purposes only. To have the interface like the screenshot, we made some custom code only for the designwall. Of course, after configuring, your front-end is not similar to ours.

Style integration

The DW Question & Answer plugin can work well on any WordPress site, however, in order to get the plugin fit well in the style, we will need to work on CSS a bit.

Step 1 Create the Q&A plugin’s template

Go to your theme folder, and create a new folder, named it dwqa-templates.

Create new folder

Create New Folder Named dwqa-templates.

Inside your new folder, create 3 files: content-start-wrapper.php, content-end-wrapper.php, and style.css.

 3 Separate Files

3 Separate Files

Step 2 Edit Content Wrapper files

Open up the landing page file of your theme (normally it’s page.php file in themes/[theme-name] folder) in notepad or any code editor, you can see this as a content wrapper of the webpage.

   <header class="page-header">
    <h1 class="page-title"><?php the_title(); ?></h1>
</header>        
<div class="container-fluid">
    <div class="entry-content">
        <?php the_content(); ?>
        <?php wp_link_pages( array( 'before' => '<div class="page-link"><span>' . __( 'Pages:', 'dw-simplex' ) . '</span>', 'after' => '</div>' ) ); ?>
    </div>
</div>

Now, based on the content wrapper of the theme, let’s add some code to our content-start-wrapper.php file, for example here:

   <?php if( is_page() ) { ?>
<header class="page-header">
    <h1 class="page-title"><?php _e( 'Question & Answer', 'dw-simplex' ); ?></h1>
</header>
<?php } ?>
<div class="container-fluid">
    <div class="entry-content">

Note: where “page-title” is the page title you can edit for your Question page.

content-end-wrapper.php file:

      </div>
</div>
Note: The Q&A content will be displayed in the DIV element <div class=“entry-content”>

Step 3Add custom style

The DW Question & Answer plugin includes three pages with unique class for each page as following:

  • Question list Page (class: list-dwqa-question)

  • Question single Page (class: single-dwqa-question)
  • Question submit Page (class: submit-dwqa-question)

At this stage, you will need to work on CSS in order to style the plugin to fit your website. In the style.css file created in dwqa-templates folder, add the style you want for the plugin using defined class above:

   /* In question list page*/
.list-dwqa-question .page-header {

}

/* Single question page */
.single-dwqa-question .dwqa-container {

}

/* Submit question page */
.submit-dwqa-question .dwqa-container {

}

Final step: you need to load the custom style by adding the following code to wp-content/themes/[theme_name]/functions.php.

 

Note: Please change ’simplex’ to your theme name.
   /* load style for DW Q&A plugin */
if( !function_exists('dwqa_simplex_scripts') ){
    function dwqa_simplex_scripts(){
        wp_enqueue_style( 'dw-simplex-qa', get_stylesheet_directory_uri() . '/dwqa-templates/style.css' );
    }
    add_action( 'wp_enqueue_scripts', 'dwqa_simplex_scripts' );
}

Save and refresh your website to see the changes.

How to Install DW Q & A with Thesis theme

Before We begin…

Before integrating the DW Question & Answer (DW Q& A) plugin with the Thesis theme, make sure that you have already installed the DW Q & A for your theme. To archive it, you log in to Dashboard >> Plugins >> Add New. Here you can search to install the plugin or upload from your computer ( if you downloaded the plugin to somewhere on your computer). Below we show you install the plugin by searching directly the plugin.

Simply enter the plugin’s name into the search box, then hit “ Search Plugins” button.

search-the-plugin

Search the plugin

After searching, pick the accurate DW Q & A plugin and head over the “Install Now” link.

Install-the-plugin

Install the plugin

Make sure you activate the plugin.

Integrate DW Q & A with Thesis theme.

1. Upload the DW Q&A plugin

Head over https://wordpress.org/plugins/dw-question-answer/ to download the DW Q & A plugin if you don’t download the plugin yet.

After downloading, make sure that you unzip the plugin package, then log into your dashboard, let’s look at the backend screen of Thesis theme.

Thesis-backed

Thesis backed

Navigate to Manage Boxes, then click on “ Upload Box” button to browse the DW Q& A plugin from your computer. When you found the containing folder, browse dwqa.zip in folder path “\dw-question-answer\thesis\dwqa.zip

Browse-dwqa

Browse dwqa

After uploading, you need to save the dwqa box by clicking on “Save Boxes”, and you will see like the following screenshot:

After-uploading-the-dwqa-box

After uploading the dwqa box

2. Create Custom Template

Firstly, navigate to Thesis >> Skin Editor

Go-to-Skin-Editor

Go to Skin Editor

Then click on “ Home “ button, you will see “ Add New” next to Custom Templates. Hit “ Add New” to create a new template as shown below:

Create-a-new-template

Create a new template

Here you enter new template name as you prefer, in the following example, the name of the new template is dwqa:

Enter-new-template-name

Enter new template name

Press “ Create Template” button to complete.

Now you have the template named as dwqa, click on “dwqa”, go to “Copy from Template”, select Page from drop-down list and make sure that you press “Copy Template” button.

Copy-from-template

Copy from template

Whenever you edit the dwqa template, you always add the DW Q&A box to the template first. You can archive it by selecting DW Q&A Box on “Select a Box to add” pane on the right hand side as shown below:

Add DW Q&A box to template

Add DW Q&A box to template

After that, press “Shift + drag” to move the dwqa box to the template as described below:

Drag-and-drop-dwqa-box

Drag and drop the dwqa box to template

The thing you need to do is to select the right template for two pages: DWQA Questions and DWQA Ask Question by navigating to Pages >>All Pages >> DWQA Questions/DWQA Ask Question, then select page template as dwqa under Thesis Skin Custom Template pane on the right hand side.

Select Thesis Skin custom template

Select Thesis Skin custom template

3. Single Question Template

You can customize the single question template by clicking on Single >> Question as below:

Select single question page

Select single question page

Then you can remove the boxes that you really didn’t need. That’s done, and now you go to front-end, refresh to enjoy.

Ask Question page

Ask Question page

If you have any issue related to our DW Question & Answer plugin, feel free to ask us at Q&A section.