Tutorials

Customize our premium WordPress themes and stand out from the crowd.

Adding Custom Post Types to WordPress Theme

http://colorlabs.co/1iT7E7M

WordPress has default content types. At the first time you installed WordPress, you will get two content types by default: Post and Page. Most users use Posts for blog posts and Pages for static content. The fundamental difference between the two is that Pages aren’t time-specific, unlike Posts which are usually archived according to dates, months and years.

Sometime we need to publish something with specific content. For example, posting the products what we have for sale, share our portfolio, or make a list for all of our project. But we can’t use Posts and Pages to make that’s happen. We need to keep each type of content separated. So we need to create own type of the content. With Custom Post Types, we can create a new type  of items such as Posts and Pages which  will contain a different set of data. We will have a new management menu, custom taxonomies, custom meta boxes, and many more utilities that is required for full fledged publishing.

Continue reading »

How to Create WordPress Shortcodes

http://colorlabs.co/VgOM76

Shortcode in WordPress is a statements represented an instruction that will be executed within posts or pages. With shortcodes, user has the ability to publish dynamic content using macros, without the need for programming skills.

We will give you three examples on how to create shortcodes in WordPress.

Continue reading »

Translate ColorLabs Themes with CodeStyling Localization

http://colorlabs.co/Kmr6y4

Localization is the process by which the text on the page and other settings are translated and adapted to another language and culture, using the framework prescribed by the developers of the software. WordPress has already been localized into many other languages.

ColorLabs Themes comes with localization ready. All that’s needed is your translation – if the plugin does not come bundled with your own language.

Continue reading »

How to Use Post Format in WordPress Theme

http://colorlabs.co/1i0zUVG

What are Post Formats?

A Post Format is a piece of meta information that can be assigned to individual posts and used by a theme to customize the presentation of these posts. Post Formats was introduced in version 3.1 which allow author to add context to the different posts they have written. It offers 10 unique formats that can be assigned to posts including: Standard, Aside, Audio, Chat, Gallery, Image, Link, Quote, Status and Video.

Continue reading »

Create an Awesome Presentation with Reveal.js and Nodejs

http://colorlabs.co/Kmr5ua

slider-presentation-node

Let’s say, you have to talk in an event or you have to present a product that you are develop to your boss. And you want to impress them with your presentation slides. As we are web developers, we can present our presentation inside browser, using Javascript framework called reveal.js. The framework use CSS3 and Javascript, so we can use our CSS technique inside the slides. I will guide you how to create presentation using reveal.js and use mobile phone as the controller for the presentation.

We will using nodejs for controlling the presentation. I assume you have installed nodejs on your local machine. If you haven’t installed it, you can check this tutorial and come back here after that.

If you wonder, this is what we will create in this tutorial.

Slide Demo Slide Remote Control

Continue reading »

How to a Create Simple Plugin (Tabs Widget)

http://colorlabs.co/10wAwMJ

Plugin is a script or software that has additional special functions that have not been provided in WordPress. Who make the Plugin? They are a developer and wordpress lover who wants to continue to develop wordpress. But how to create a plugin? Today we explain to you on how to create a simple tabs widget with plugin.

Continue reading »

WordPress Errors on the Newest PHP Version

http://colorlabs.co/1i0zIWt

php-wp36-blog

For you who are using a hosting company for your WordPress, you may get some problem that you cannot use your WordPress properly. You cannot update your WordPress version, plugin, (and maybe) themes.

You already try all possible way to fix this problem such as updating your PHP and MySQL version on your hosting company, re-install your WordPress, etc. but no luck.

A new bug (maybe) found at WordPress that not compatible with several version of PHP: PHP v5.4.7 and PHP v5.4.14. This incompatible problem caused WordPress functions cannot work as it used to be.

Continue reading »

How to use WPML on ColorLabs Themes

http://colorlabs.co/1aNZmxd

A multilingual website is a website that offers content in more than one language. Examples of multilingual websites might include a Canadian business with an English and a French version of its site, or a blog on Latin American soccer available in both Spanish and Portuguese.

A multi-regional website is one that explicitly targets users in different countries. Some sites are both multi-regional and multilingual (for example, a site might have different versions for the USA and for Canada, and both French and English versions of the Canadian content).

Continue reading »

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.

Continue reading »

The Lensa Theme, Simple Layer Overlay in Photoshop

A few months ago, we released a free WordPress theme, Lensa, that we especially tailored for hardcore photographers. Lensa is quite a popular theme as it has been downloaded nearly 5,000 times when this blog post is written. A image layering trick that we implemented on Lensa was meant to add a dramatic feel on the photographs being showcased. That overlaying process is done automatically by the theme using a simple CSS technique, which won’t be covered in this post. This post, however, explains how the whole process can be simply done in a Photoshop environment. Hopefully you’re able to pull off this simple trick by the end of the tutorial. The one tool that you need is Adobe Photoshop, any version, preferably CS4.

1

Continue reading »

Secure Your WordPress

http://colorlabs.co/XSX73x

These days, WordPress-site hacking is becoming very common. Although this shouldn’t make you doubt WordPress (mind you that any site is prone to hacking, be it on WordPress or anything else), you should treat this as a wake-up call that everyone on the Internet should pay more attention to the security of their websites.

Hackers usually use a bug as a backdoor and this bug may come from WordPress plugins or themes that you use or from the WordPress engine itself. Here we have listed several tips on securing your WordPress site from hacking or malware:

Continue reading »

Backbone Hooks & Filters Reference

http://colorlabs.co/YGbvdB

The Backbone Framework has been carefully sprinkled with actions and filters that external code can hook into, injecting new functionality into the standard flow. In this article we list a complete list of hooks and filters that have been built into the Backbone Framework.

Backbone - Home with Hooks - shrinked

Continue reading »

Contact Us