Tutorials

Customize our premium WordPress themes and stand out from the crowd

Make Your WordPress Theme Responsive

http://colorlabs.co/ZmUd6N

641

These days, almost everyone has an internet-viewing device with them, all the time. May it be a tablet or a smartphone, this gadget slips right into our pockets and plays an important role of our daily lives. The whole idea of this so-called smart device is its ability to access the Internet and do virtually every task we would usually do on a full-sized PC while keeping the size small enough to make it light and portable. However, a new problem arises: the web wasn’t made for smartphones. Their screens are too small, so the content of the web is pretty hard to read. If you own a website, you will probably loss a large number of readers just because of this.

Then what to do? The best thing that you can do is make your site become responsive, which, in other words means that the site will adjust itself (its layout and everything) to fit into any screen size. At this tutorial, we will tell you how to make your WordPress theme responsive. Although now nearly all themes in the market are already equipped with responsive design, this tutorial will still help you modify those themes.

At this tutorial, for practice we will use the default WordPress theme, TwentyTen, which does not yet have a responsive design.

Continue reading »

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 »

Customizing a WordPress Theme The Right Way

http://colorlabs.co/MvXeyY

One way of making visitors keep coming back to your website is by having an attractive and unique design. If your business already has a WordPress-powered website, it is possible to have its look and feel matches your business/brand image without doing a complete re-design and without paying thousands of dollars to have the website developed. Nowadays, the internet almost has answers to all of our needs. By searching on Google you can find many kind of code examples, forums, tutorials and even outstanding innovations that enable anyone to build websites with little web development skills and knowledge.

Editing and customizing WordPress themes can be very intimidating if you are not familiar with how they work, but with some assistance you can have a unique design for your website in no time. This tutorial guide will teach you how to customize a WordPress theme the right way.

Continue reading »

Create CSS Grid Framework with Compass

http://colorlabs.co/LzLDZf

CSS framework is a collection of code that will cut your development time and make your daily coding easier. A CSS framework usually contains some component like css reset, typography style and grid system. Now I will explain how to create a css grid framework with Compass.

FYI, this is the framework that we use when developing (almost) all ColorLabs WordPress Themes and you will learn the secret behind it. So, let’s start to code.

Continue reading »

Contact Us