CB Responsive jQuery Accordion Pro (Documentation)

CB Responsive jQuery Accordion Pro


Thank you for purchasing my plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

WordPress Responsive FAQ (Frequently Asked Questions) or Accordion jQuery plugin for your WordPress website. You can create 100% responsive WordPress FAQ (Frequently Asked Questions) or Accordion posts, you can create special posts for faq, or you can create faq in your default posts system on your WordPress website, CB Responsive jQuery Accordion Pro within a minute which is easy to customize and there are various views. There are many variations in the FAQ / Accordion. You can change

#Custom Title,

#Custom Contents,

#Border color,

#Box shadow px and color,

#Title background color,

#Title text color,

#Contents text color,

#Contents background color.

by using the SHORTCODE of this plugin. It is the most flexible and easy way to use on your website.

We’ll cover enough areas of the shortcode usage for you to control the plugin effectively. WordPress CB Responsive jQuery Accordion Pro is a Highly customizable jQuery plugin for your WordPress website. This plugin have user friendly admin panel. You can change everything from options panel. Lets begin:

====  END ABOUT THE PLUGIN ===

Installing the plugins is just like installing other WordPress plugins. If you don’t know how to install plugins, please review the two options below:

Install by ZIP File

  1. From your WordPress dashboard, choose ‘Add New’ under the ‘Plugins’ category
  2. Select ‘Upload’ from the set of links at the top of the page (the second link)
  3. From here, browse for the zip file included in your plugin purchase titled ‘cb-responsive-jquery-accordion.zip‘ and click the ‘Install Now’ button
  4. Once installation is complete, activate the plugin to enable its features.

Install by FTP

  1. Find the directory titled ‘photo-gallery’ and upload it and all files within to the plugins directory of your WordPress install (/WORDPRESS-DIRECTORY/wp-content/plugins/) [e.g. www.yourdomain.com/wp-content/plugins/]
  2. From your WordPress dashboard, choose ‘Installed Plugins’ option under the ‘Plugins’ category
  3. Locate the newly added plugin and click on the ‘Activate’ link to enable its features.

====  END INSTALLATION  ====

shortcode lists:

title: For show faq title text.

text: for show faq contents.

brcolor: for change default border color.

boxshadowpx: for change default box shadow pixel

boxshadowcolor: for change default box shadow color

tbgcolor: for change default title background color.

ttextcolor: for change default title text color.

ctextcolor: for change default contents color

cbgcolor: for change default contents background color.

icp: for change default plus icon color.

icm: for change default minus icon color.

 

Example:

[cbjfpc title=”This is FAQ Title” ] for show only title

[cbjfpc text=”This is FAQ contents” ] for show only contents

[cbjfpc title=”This is FAQ Title” text=”This is faq contents” ] for show title and contents.

[cbjfpc title=”This is FAQ Title” text=”This is faq contents” brcolor=”#000000″] for show title and contents with border color black.

[cbjfpc title=”This is FAQ Title” text=”This is faq contents” brcolor=”#000000″ tbgcolor=”#666666″] for show title, contents, change border color, title background color.

[cbjfpc title=”This is FAQ Title” text=”This is faq contents” brcolor=”#000000″ tbgcolor=”#666666″ ttextcolor=”#ffffff”] just you can input what do you need in this codes, you can use it.

[Note: If you input any color shortcode then must be input your color code with # tag, Example: wrong is 000000, right is #000000 (with # tag.)]

 

We have video tutorial, so you can watch this for better understanding

 

 

=====Use Custom POST=====

Step #01:

Go to Dashboard>Click Here “FAQs” Option

 

Now Click Here “Add New FAQ” Option

 

 

Then Enter Your Title here on top title box, and enter your contents here below big text box.

 

Now Scroll down your mouse, then you can see color option for this FAQ / Accordion Option. you can change more.

 

Output changed this option.

 

4 Number mean is box-shadow px.

After all complete then you will click “Publish” Button for publish this FAQ / Accordion.

 

Now Copy This Shortcode. [cb-jquery-faq]  then create new page and past here where are want to show this faqs lists. then visit your page for show this faqs lists.

 

Default show posts is 10, you can change this number lists, you can show as your wish.

just input count code, example: count=”5″ for show 5 posts, you can input how many do you want.

like full code is [cb-jquery-faq count=”5″].

=====How to use custom FAQ in WordPress Post System?=====

You can use this faq in your posts

If you need to write any articles then need to faq system in your posts, then you can use this system easily.

You can see example screenshot below.

If you want to use this system then you can use this shortcode [cbjfpc] this is main shortcode, but it’s not working only this code, you need this add extra code for show contents and anythinks.

shortcode lists:

title: For show faq title text.

text: for show faq contents.

brcolor: for change default border color.

boxshadowpx: for change default box shadow pixel

boxshadowcolor: for change default box shadow color

tbgcolor: for change default title background color.

ttextcolor: for change default title text color.

ctextcolor: for change default contents color

cbgcolor: for change default contents background color.

icp: for change default plus icon color.

icm: for change default minus icon color.

 

Example:

[cbjfpc title=”This is FAQ Title” ] for show only title

[cbjfpc text=”This is FAQ contents” ] for show only contents

[cbjfpc title=”This is FAQ Title” text=”This is faq contents” ] for show title and contents.

[cbjfpc title=”This is FAQ Title” text=”This is faq contents” brcolor=”#000000″] for show title and contents with border color black.

[cbjfpc title=”This is FAQ Title” text=”This is faq contents” brcolor=”#000000″ tbgcolor=”#666666″] for show title, contents, change border color, title background color.

[cbjfpc title=”This is FAQ Title” text=”This is faq contents” brcolor=”#000000″ tbgcolor=”#666666″ ttextcolor=”#ffffff”] just you can input what do you need in this codes, you can use it.

[Note: If you input any color shortcode then must be input your color code with # tag, Example: wrong is 000000, right is #000000 (with # tag.)]

 

If you use this codes

[cbjfpc title=”This is FAQ Title” text=”This is faq contents” brcolor=”#000000″ tbgcolor=”#666666″ ttextcolor=”#ffffff”] then its show your faq, but it’s not show our full style, so if you want you can use our full style then use this shortcode [cbjs-faq-p] stating and closing, example: [cbjs-faq-p] your faq shortcode here [/cbjs-faq-p]

 

like full code is

[cbjs-faq-p]

[cbjfpc title=”This is FAQ Title” text=”This is faq contents” brcolor=”#000000″ tbgcolor=”#666666″ ttextcolor=”#ffffff”]

[/cbjs-faq-p]

If you want to show more then you can use same way

[cbjs-faq-p]

[cbjfpc title=”This is FAQ Title” text=”This is faq contents” brcolor=”#000000″ tbgcolor=”#666666″ ttextcolor=”#ffffff”]

[cbjfpc title=”This is FAQ Title” text=”This is faq contents” brcolor=”#000000″ tbgcolor=”#666666″ ttextcolor=”#ffffff”]

[cbjfpc title=”This is FAQ Title” text=”This is faq contents” brcolor=”#000000″ tbgcolor=”#666666″ ttextcolor=”#ffffff”]

[/cbjs-faq-p]

for show our created style.

this faqs better views is full width pages.

 

Enjoy.

 

 

—————————————————————————————————————————————————————-

—————————————————————————————————————————————————————-

Once again, thank you so much for purchasing this plugin. As I said at the beginning, I’d be glad to help you if you have any questions relating to this plugin. But I’ll do my best to assist. If you have a more general question you might consider visiting the forums and asking your question in the “Item Discussion” section.

You can read this docs Click Here

Click Here for Details

Last Update: August 4, 2016 | 10:17 AM

Leave a Reply

Your email address will not be published. Required fields are marked *

Email Subscribe

Categories

Facebook Page

Recent Posts

RSS Recent Projects

December 2017
S S M T W T F
« Aug    
 1
2345678
9101112131415
16171819202122
23242526272829
3031  

Subscribe For Latest Updates

Signup for our newsletter and get notified when we publish new articles for free!




%d bloggers like this: