Author Archives: priyanshu

How to add FAQ system in WordPress using Custom Post Type?

priyanshu | Jun 7,2018 |   2 comments |

From a while we are getting an enquiry,on, how to add FAQ page or Question and Answer  They also asked how to group them as well so that they can create multiple sets of Q&A.

So this allow’s me  to create this piece of article.

In case you dont want to write any code, simply use the Spice FAQ plugin for wordpress

What do we need to create FAQ system ?

  • Need a set of fields for creating Question and Answer pair, will do this with the help of custom post types.
  • Need labels to categorise the set of Q&A pairs. Technically we need to custom taxonomy for this post type.
  • Need a shortcode to embed all in posts/pages.

Lets begin by creating custom post types.

Step 1 Creating Custom Post Type.

WordPress provides a function register_post_types() for creating custom post types. But I dint want to get in the details of this function in this article. So for the sake of simplicity you can use  a plugin “Custom Post Type Ui” for creating this. This plugin provides you an UI for creating this. Below find the code snippet

add_action('init', 'webr_faq_post_type');
function webr_faq_post_type() {
	register_post_type('webr_faq', array(
		'label' => 'Faq',
		'description' => '',
		'public' => true,
		'show_ui' => true,
		'show_in_menu' => true,
		'capability_type' => 'post',
		'map_meta_cap' => true,
		'hierarchical' => false,
		'rewrite' => array('slug' => 'faq', 'with_front' => true),
		'query_var' => true,
		'supports' => array('title','editor','excerpt','thumbnail','author','page-attributes'),
		'labels' => array (
		'name' => 'Faq',
		'singular_name' => 'Faq',
		'menu_name' => 'Faq',
		'add_new' => 'Add Faq',
		'add_new_item' => 'Add New Faq',
		'edit' => 'Edit',
		'edit_item' => 'Edit Faq',
		'new_item' => 'New Faq',
		'view' => 'View Faq',
		'view_item' => 'View Faq',
		'search_items' => 'Search Faq',
		'not_found' => 'No Faq Found',
		'not_found_in_trash' => 'No Faq Found in Trash',
		'parent' => 'Parent Faq',
		)
		) 
	); 
}

Step 2 Creating Custom Taxonomy

If you don’t care regarding categorizing sets of questions you can ignore this step but if you do need to categorize than follow this step. As many of you are are already aware that WordPress provides this functionality in the form of custom taxonomy.

The essential function here is register_taxonomy(). But again you can use “Custom Post Type Ui” for adding it graphically.

Below find the code snippet

add_action('init', 'webr_faq_post_type_taxonomy');
function webr_faq_post_type_taxonomy() {
		register_taxonomy( 'webr_faq_categories',array (
		  0 => 'webr_faq',
		),
		array( 'hierarchical' => true,
			'label' => 'FAQ Categories',
			'show_ui' => true,
			'query_var' => true,
			'show_admin_column' => false,
			'labels' => array (
		  'search_items' => 'Faq Category',
		  'popular_items' => '',
		  'all_items' => '',
		  'parent_item' => '',
		  'parent_item_colon' => '',
		  'edit_item' => '',
		  'update_item' => '',
		  'add_new_item' => 'Add New Faq Category',
		  'new_item_name' => 'New Faq Category',
		  'separate_items_with_commas' => '',
		  'add_or_remove_items' => '',
		  'choose_from_most_used' => '',
		)
		) 
	); 
}

Now , for categorizing sets of questions add categories as you normally do in case of  WordPress.  Go to Faq tag and create FAQ Categories.

Step 3 Creating  FAQ  shortcode

Here comes the most technical part of this article creating shortcode. I am a big time fan of these WordPress shortcodes. Basically we are going to make these question answers embeddable into posts and pages.

Now we need to focus on

  • Query these faq post type
  • Creating an attribute in shortcode for filtering.
  •  Displaying  question and answer as title and content.

 

if ( ! function_exists( 'webr_faq_shortcode' ) ) {

    function webr_faq_shortcode( $atts ) {
        extract( shortcode_atts(
                array(
                    // category slug attribute - defaults to blank
                    'category' => '',
                    // full content or excerpt attribute - defaults to full content
                    'excerpt' => 'false',
                ), $atts )
        );

        $output = '';

        $query_args = array(
            // show all posts matching this query
            'posts_per_page'    =>   -1,
            // show the 'webr_faq' custom post type
            'post_type'         =>   'webr_faq',
            // query related to shortcode attributes on faq
            'tax_query'         =>   array(
                array(
                    'taxonomy'  =>   'webr_faq_categories',
                    'field'     =>   'slug',
                    'terms'     =>   $category,
                )
            ),            
        );

        // get the posts with our query arguments
        $faq_posts = get_posts( $query_args );

        $output .= '<div class="webr-faq">';

        // handle our custom loop
        foreach ( $faq_posts as $post ) {
            setup_postdata( $post );
            $faq_item_title = get_the_title( $post->ID );
            $faq_item_permalink = get_permalink( $post->ID );
            $faq_item_content = get_the_content();
            if( $excerpt == 'true' )
                $faq_item_content = get_the_excerpt() . '<a href="' . $faq_item_permalink . '">' . __( 'More...', 'webr_faq' ) . '</a>';

            $output .= '<div class="webr-faq-item">';
            $output .= '<h2 class="faq-item-title">' . $faq_item_title . '</h2>';
            $output .= '<div class="faq-item-content">' . $faq_item_content . '</div>';
            $output .= '</div>';
        }

        wp_reset_postdata();

        $output .= '</div>';

        return $output;
    }

    add_shortcode( 'faq', 'webr_faq_shortcode' );

}

Here I am not concerned regarding the style of faq system. But you can style it with the help of these classes added here webr-faq-item,faq-item-title and faq-item-content

Step 4 : Wrapping all the above snippet in plugin.

Since WordPress consider the custom post types as a part of plugin territory, hence, creating a plugin for the above snippet.

Your plugin snippet looks somewhat like this.

<?php
/*
Plugin Name: FAQ System By Webriti
Plugin URI: https://webriti.com
Description: Helps you create an FAQ section for your WordPress site
Version: 1.0
Author: webriti
Author URI: https://webriti.com
License: Public Domain
*/

add_action('init', 'webr_faq_post_type');
function webr_faq_post_type() {
register_post_type('webr_faq', array(
'label' => 'Faq',
'description' => '',
'public' => true,
'show_ui' => true,
'show_in_menu' => true,
'capability_type' => 'post',
'map_meta_cap' => true,
'hierarchical' => false,
'rewrite' => array('slug' => 'faq', 'with_front' => true),
'query_var' => true,
'supports' => array('title','editor','excerpt','thumbnail','author','page-attributes'),
'labels' => array (
'name' => 'Faq',
'singular_name' => 'Faq',
'menu_name' => 'Faq',
'add_new' => 'Add Faq',
'add_new_item' => 'Add New Faq',
'edit' => 'Edit',
'edit_item' => 'Edit Faq',
'new_item' => 'New Faq',
'view' => 'View Faq',
'view_item' => 'View Faq',
'search_items' => 'Search Faq',
'not_found' => 'No Faq Found',
'not_found_in_trash' => 'No Faq Found in Trash',
'parent' => 'Parent Faq',
)
)
);
}

add_action('init', 'webr_faq_post_type_taxonomy');
function webr_faq_post_type_taxonomy() {
register_taxonomy( 'webr_faq_categories',array (
0 => 'webr_faq',
),
array( 'hierarchical' => true,
'label' => 'FAQ Categories',
'show_ui' => true,
'query_var' => true,
'show_admin_column' => false,
'labels' => array (
'search_items' => 'Faq Category',
'popular_items' => '',
'all_items' => '',
'parent_item' => '',
'parent_item_colon' => '',
'edit_item' => '',
'update_item' => '',
'add_new_item' => 'Add New Faq Category',
'new_item_name' => 'New Faq Category',
'separate_items_with_commas' => '',
'add_or_remove_items' => '',
'choose_from_most_used' => '',
)
)
);
}

if ( ! function_exists( 'webr_faq_shortcode' ) ) {

function webr_faq_shortcode( $atts ) {
extract( shortcode_atts(
array(
// category slug attribute - defaults to blank
'category' => '',
// full content or excerpt attribute - defaults to full content
'excerpt' => 'false',
), $atts )
);

$output = '';

$query_args = array(
// show all posts matching this query
'posts_per_page' => -1,
// show the 'webr_faq' custom post type
'post_type' => 'webr_faq',
// query related to shortcode attributes on faq
'tax_query' => array(
array(
'taxonomy' => 'webr_faq_categories',
'field' => 'slug',
'terms' => $category,
)
),
);

// get the posts with our query arguments
$faq_posts = get_posts( $query_args );

$output .= '<div class="webr-faq">';

// handle our custom loop
foreach ( $faq_posts as $post ) {
setup_postdata( $post );
$faq_item_title = get_the_title( $post->ID );
$faq_item_permalink = get_permalink( $post->ID );
$faq_item_content = get_the_content();
if( $excerpt == 'true' )
$faq_item_content = get_the_excerpt(); . '<code><a href="</code>' . $faq_item_permalink . '">' . __( 'More...', 'webr_faq' ) . '</a>';
$output .= '<div class="webr-faq-item">';
$output .= '<h2 class="faq-item-title">' . $faq_item_title . '</h2>';
$output .= '<div class="faq-item-content">' . $faq_item_content . '</div>';
$output .= '</div>';
}

wp_reset_postdata();

$output .= '</div>';

return $output;
}

add_shortcode( 'faq', 'webr_faq_shortcode' );

}
?>

Now all you need to do is activate the faq plugin and set all your question and answers pairs in the Faq menu created on plugin activation.

Hope you will find this article helpful.

Free Business WordPress Themes

priyanshu | May 8,2017 |   No Comments |

Building a professional looking website for any type of business or corporate company is never been easier, thanks to WordPress. Building your business website today is not as expensive as it was earlier, today you have options to select from number of well custom designed free WordPress business themes that will go well with your business.

These themes are already designed in such a manner so that you can easily promote and manage your business online. If you want to create awesome looking website for your business than it is worth checking our collection of free WordPress business themes created by us.

Read More

Wallstreet Lite version Details Page

priyanshu | May 26,2015 |   No Comments

wallstreet

Wall Street WordPress Theme

Wall Street is a Multi-Purpose WordPress theme suitable for a wide variety of sites like Corporate, Business, Creative Portfolios and much more. Wall Street is clean and boasts of a modern look. Using this theme you can not only increase your web quality but also make a pretty good surprise to your customers. Easily adjust it to your needs with WordPress own Theme Appearance Customizer!

Key Features

    1. Latest Bootstrap
    2. HTML5 & CSS3
    3. 100% Responsive
    4. 2 Column Support
    5. Retina Ready
    6. 4 to 5 level Comment Nesting
    7. Social Icons
    8. RTL Translation Ready
    9. Post Thumbnails
    10. Powerful Option Panel
    11. Custom CSS Editor in Option Panel
    12. Custom Javascript Editor in Option Panel

For the themes language translation we have added the .po file so that you can translate this theme in your native language.


Checkout Wall Street Pro Version

Documentation for Easy Instagram Feed Plugin – Lite Version

priyanshu | Dec 22,2014 |   one comments |

This is fairly simple to setup , below find the step by step approach.

Instructions

Step 1:  Download easy instagram feed plugin and after activation you will get  the menu by the name “Easy Instagram Feed” as shown in the snapshot below.

screen1

Step 2: Click on the button highlighted in the snapshot below. You will be asked to specify your username and password. On success you will be redirected to the General Settings which automatically configure’s  your access token and user id.

screen2-general-settings

You will automatically get your access token and user id. Save these settings.

screen3-token-saved

Step 3: Next customize the plugin as per you requirement.

screen4-customize

Step 4: Next add the shortcode easyinstagramfeed on the WordPress pages / posts .

We are continuously working on the new features. Hope you will find this plugin useful.

Also watch Easy instagram feed pro beta demo

Introducing Busiprof: A Clean Business Theme

priyanshu | Nov 8,2013 |   No Comments

After pulling in a new all nighters we have finally released the premium version of our latest theme: Busiprof.

Our earlier theme was targeted towards a niche. With Busiprof we have tried to come up with a theme which is ideal for developing corporate websites.  The premium version has a lot of additional features. Here is a list:

1) About Us Template: In Coprorate websites, The team page plays a very important role. It shows the people and the team behind your business. The Busiprof About Us template enables you to showcase the team in a unique manner.

2) Testimonials Custom Post Type: Customers testimonials are the best form of marketing for your business. With testimonials custom post type, display customers testimonials on any page

3) Portfolio Template: The portfolio template is ideal for showcasing the work done by your business.

4) Responsive Home Page Slider:

 With premium version you can showcase the most important services on the  Home page slider.

5) Responsive Design:

The premium version is completely responsive and will display perfectly on your mobile and tablet devices.

6) Custom Widgets:

The premium version comes with 2 custom widgets..  Recent Blog and Contact Us. These custom widgets make it easy to customize the sidebar to suit your business requirements.

7) Widgetized Footer: Busiprof supports widgetized footer.

Have look at the complete demo here. Would love to hear your thoughts in the comments section.

Introducing Spa Salon : A premium WordPress Theme for Beauty and Health Business

priyanshu | Oct 24,2013 |   No Comments |

We at Webriti have been hard at work for last 6 months.  We launched the lite version of the Spa Salon theme 2 months back and the feedback gave us the confidence to start the work on the premium version. After 2 months of Non Stop work we are really excited to release the premium version to the world.  The premium version boasts of a lot of additional features. Here are some of them

1) About Us Template:

So if you run a beauty business then chances are that you have a core team of members who are collectively responsible for your company’s success. The About Us template  is designed to showcase the people behind the business.  The team members can be added through a Custom Post Type which makes creating the page a snap.

2) Services Details:

With the Service Page Template it is easy to showcase the services which your business offers.  The Services page is available in 2 variations, One Column and Two Columns.

3) Products Template:

If your business also sells beauty products then this template is for you. It allows you to easily showcase the products in a tabular fashion. The products can be added via a custom post type.

4) Featured Service Template:

If you want to showcase a product or a service in detail then this template is for you.  This templates effectively uses featured image to drive home the points

5) Responsive Home Page Slider:

 With premium version you can showcase the most important services on the  Home page slider.

6) Responsive Design:

The premium version is completely responsive and will display perfectly on your mobile and tablet devices.

7) Custom Widgets:

The premium version comes with 3 custom widgets.. Recent Products , Recent Blog and Contact Us. These custom widgets make it easy to customize the sidebar to suit your business requirements.  

Have look at the complete demo here. Would love to hear your thoughts in the comments section.

Spa Salon was designed  with Beauty and Health Business in mind but it does not mean that other business cannot use the template. The features ensure that the theme is customizable to fit the need of most type of business websites. Some of the business which might find the theme useful are Yoga Studios, Massage Centers, Counselors etc.  In our next blog post we will try to cover some of the business which are using Spa Salon theme for powering their online presence.

How to Easily Add Google Translate to a WordPress Website

priyanshu | May 20,2013 |   2 comments

If your website has a lot of visitors from Non-English speaking countries then adding a translation option to your website can help in improving the user experience. In this tutorial I will show you a simple method for adding Google Translate with out any coding.

Read More

5 alternative to Weebly Site Statistics

priyanshu | May 13,2013 |   No Comments

In this article we will talk about different website analytics services which can be used as an alternative to Weebly Site Statistics.  Now you might ask that why should I use a third party service for a feature which is already provided by Weebly?

 Why Look for Alternatives?

1) Accuracy: The biggest benefit of using a third party analytics package is Accuracy. Many people have expressed their concern over the accuracy and the methods which Weebly uses to track website traffic. Tools like Google Analytics are more accurate than Weebly Stats.

2) Features: Weebly Statistics are quite basic. Infact I would say they are insufficient for in-depth analysis. Weebly only provides you with basic stats like Page Views, Unique Visitors, Top Pages, Search Terms and Referring Sites. What if you want to track demographic data or time spent per page or twitter mentions? If you require advanced statistics, you will be better off using a dedicated analytics tool.  Weebly is a DIY Website builder first and then an analytics provider.

Read More

Appointpress: Online Scheduling Software for SMB’s

priyanshu | Mar 22,2013 |   No Comments

Appointpress is a simple yet powerful appointment scheduling software for Small and Medium Service Business. It is a cloud based application which lets any service business offer online appointment booking to its customers.  It is an interesting product and is definitely something which can add value to Small Business across the Globe.

It works seamlessly with WordPress. The integration plugin can be downloaded from here

 

Here is a Full list of Features offered by Appointpress:

Read More

5 Points to help you choose a Webhost

priyanshu | Aug 7,2012 |   No Comments

How to choose a Good Web Host

With thousands of web hosting companies to choose from today it can be hard to know which ones are actually worth using.  A simple Google search will throw up hundreds of results. Now the question which arises is that How can one identify if a web host is good or bad? What additional research can be done before making a decision?

In this article I will present 5 simple steps which if followed will weed out most of bad hosting providers.

How to choose a web host. A simple 5 point plan

 1) Find out if their support is any good

The most important aspect while choosing a web host is the quality of their support.  Quality of customer support is a good proxy for quality of the company.  A company which values its customer and not only his money is bound to be good.  Now the question is that How do you judge a company’s support quality. Here are a few tricks:
Read More