Tutorials

Customize our premium WordPress themes and stand out from the crowd

How to Create FAQ Page With Custom Post Types

http://colorlabs.co/SVfxzr

Forum is one of the needed page when viewers/customers share for questions and answers, FAQ page is created specifically for the viewers/customers, and contains general questions and their respective answers about a particular product or service. In this section we’ll show the process of creating a targeted FAQ section in the WordPress back end with custom post types, and add some styles to make it more stylish with CSS and a bit of jQuery.

To accomplish our goal, we require a targeted custom FAQ WordPress post type. In this case, we’ll use a default wordpress theme i.e Twenty Eleven, but not using this theme directly, we will create a child theme for Twenty Eleven theme and rename it with FAnkQies theme, so we won’t disturb Twenty Eleven theme  at all.

Continue reading »

Navigation Menu Solution for Small Screens with jQuery Plugin

http://colorlabs.co/Ie0ZTu

Nowadays, websites are not only being accessed from desktop. We can access websites from tablet or mobile devices anytime and anywhere. Therefore, a front-end web developer must create website that is compatible to all screen resolutions, from desktop to mobile devices.

Here comes Responsive Web Design. With responsive design your website will look great no matter what kind of device or screen size on which it’s being viewed. This is where web design is currently heading and if you ignore responsive design you stand a good chance of being left behind and designing sites that look out of date. And do you know? Almost all WordPress themes by ColorLabs support responsive design and we are still working on getting all of them to have responsive design.

When converting theme to support responsive layout, I always find a problem: how to fit the long menu into a small screen? The answer is to turn that long menu into a dropdown select menu. Let’s take this navigation menu from Directory, our Classified Ads theme, as an example.

Continue reading »

Contact Us