Codepal

We develop enthralling web experiences.

creating-faq-with-wp-jquery

How to Create a FAQ Page with WordPress and Custom Post Types

In the web world, a FAQ page is created specifically for the viewers/customers, and contains general questions and their respective answers about a particular product or service. This tutorial details the process of creating a dedicated FAQ section in the WordPress backend with custom post types, as well as how to spice up the actual page a bit by using jQuery and CSS.

Live Demo Downloadhttp://nettuts.s3.amazonaws.com/804_WordPressFAQ/Files.rar

It would be awesome if you could like us on Facebook or subscribe to our feed...

I wrote a tutorial for NetTuts about how to use the ever popular Blogging/CMS platform WordPress, to create a dedicated FAQ section in the back-end using ‘Custom Post Types’. Then fetch those custom post types and display in the front end in a spiced up manner using jQuery and CSS3.
This is what the end product will look like.

Create a faq page with wordpress and custom post types final

When the user clicks on any of the FAQs, the page will scroll down automatically to the respective answer and highlight it.

Current Faq Section

Check out the complete tutorial on Nettuts and create some cool, interactive FAQs page for your own site. Do share your creations with us :)


Discussion One Response

great efforts sumeet.. i saw u on tutsplus.. and came here to know you in detail.. i love to work with wordpress and a lot is still to do like u..

wishing best of luck

Trackbacks and Pingbacks

Leave a Reply

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

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>