Developing a WordPress theme from scratch

Developing a WordPress theme from scratch

Themes are among the top elements that make WordPress the most popular Web CMS and blogging platform.

These are the first set of files that define the design and functionality of a WordPress site. Each Theme is different, having multiple choices of appearances (color and structure for site owners to choose from) that can instantly change the complete website presentation.

In this tutorial, we will take you through a step-by-step process of writing codes that result in a completely functioning WordPress theme.

Read more

Boost Your WordPress Theme Development with Amazing Tips

In 2012, I’ve written an article to help you Build Your Own WordPress Development Environment with requirement resources to start your WordPress projects.
Making a theme for WordPress is easier than ever with a ton of tutorials, guidelines … Today we have a few amazing tips for you to help you boost the developing WordPress themes process. It covers several tips and tricks that will make you a better theme developer.

Read more

How to use Featured Post Image in NARGA child theme

How to use Featured Post Image in NARGA child theme

I’ve crafted NARGA as WordPress starter theme to help me make another WordPress theme without built it from zero and save loads of time in the process.
Child themes are not as difficult as they may appear. The benefits of working off a parent theme means you don’t need to write all the HTML/CSS from scratch. A child theme will automatically use any template files you include, such as content.php or footer.php. But if they are missing, then your child theme will pull the same files from its parent.
When you write a post, you will find the way to set a featured image of post, that’s aweasome feature to make your website more attraction. In this short tutorial I am going to display and explain the code for getting the Featured Images to fit your needs.

How to use Featured Post Image in NARGA child theme
How to use Featured Post Image in NARGA child theme

Read more

New section Layout added to Theme Customizer

Comprehensive Guide to make WordPress Theme Options with Customization API

After install a high quality WordPress theme, you find it has a Theme Option page. Per theme, developer will make their own Option page (functions, features, layout …) so it can not be compatible with your theme or others.  Let’s me know what’s you feel when changing to new WordPress theme then you start learning again to re-configure WordPress and you’ll see why that’s a bad thing for WordPress publishers. That’s why I always disliked about theme settings pages was how vastly different they would get.

The Theme Customizer was introduced since WordPress version 3.4 then it’s become a relatively new way of WordPress Themes to provide you with options. It allows for an editing environment where theme options can be tried by the administrator before being applied to the live site. Currently, I’m using WordPress Theme Customizer as my default theme options instead build my own or using other theme options way.
In this tutorial, we will look at exactly how this feature can be added to a theme and I show you how to create your own classes to extend the controls to make your own Customizer Custom Controls, since not all fields and requests are in the core already. You can access existing solutions of the community or create your own classes.

Read more

NARGA - FREE Versatile HTML5 Responsive WordPress Starter Theme

NARGA – FREE Versatile HTML5 Responsive WordPress Starter Theme

I’m happy to announce my first HTML5 Responsive WordPress Starter Theme named NARGA using on ZURB’s Foundation CSS, a powerful tool for building prototypes on any kind of devices. NARGA supports child-theme so it’ll help you do amazing things faster & easier than ever before. It is a magazine theme with minimalistic style. Suitable for any niche, especially for news or magazine sites. Along with the elegant design the theme is easily customizable with numerous theme options through Theme Customization.

Read more

Your theme doesn't support Infinite Scroll

How to make your theme support Jetpack’s Infinite Scroll feature

As you known, JetPack is one of most popular installed plugins. I’ve recommended JetPack as must active plugins after start new WordPress blog. The Infinite Scroll module in JetPack detecting when a user gets to the bottom of a page that contains a list of posts and automatically checks for and loads in the next  lot of posts instead pagination. Unlike many of the modules already in Jetpack, Infinite Scroll only works with themes that support it.

Read more

Asynchronous JavaScript

Asynchronously Javascript Loading for Social Button

Social buttons are most common methods to sharing your post to social networks like Facebook, Twitter, Google+. But after added your favourite social network script, be it like buttons or twitter widgets to your site or blog and then you notice that the load time of you page went drastically down. What happened?

Read more

Post Format Test Chat

Styling Chat Transcript with WordPress Custom Post Format

Some people are confused about the Post Formats feature that introduced with Version 3.1, especially how it differs from Custom Post Types. Have you ever known about Tumblr? The Post Format function emulates Tumblr style posts. It all depends on what you want that particular post format to display.
I know that when post formats first came out, the “Chat” format was always one I didn’t really know how to handle. How does the user input the chat into the content of the post? How do we display it?

Read more

Display WordPress post excerpt instead full content

The WordPress Excerpt is an optional summary or description of a post; in short, a post summary. After published your post, the excerpt will be display in RSS feeds (if you choose it’s not display your full post), Search results, Tag archives, Category archives, Monthly archives and Author archives. Don’t confused between excerpt and teaser (the part of a post that appears on the front page when you use the More tag). While both are related to the manual excerpt, they are different from it.

Read more

Customizing the WordPress Read More link

3 Easy ways to customize the WordPress Read More link/text

Sometimes, when you crafting your themes, you will need to change the WordPress Read more link/text of the post loop that appeared on the homepage like See more…, View more … … and somethings similar. The easiest way to do it by direct change it through index.php or in the loop function: the_content('Read on...');
You don’t want to do like it – the dirty way. Yes, I’m too!. Since WordPress v2.8 introduced the_content_more_link filter hook. Maybe this post will help those theme authors cut back on an extra filter hook when it’s not needed.

Read more

narga-core folder structure

Re-Use Common Elements with WordPress Template Part

During WordPress theme development process, you’ll repeat using some part of your layout like header, sidebar, footer, content body… WordPress has a few standard includes built in, such as get_header(), get_footer(), and get_sidebar(). However, since WordPress 3+ you can easily create your own custom includes using the get_template_part() function.
By using WordPress Template Part, your theme is more compact and we can now have libraries of reusable template code, we can package additional sidebars, slide shows, social icons, custom loops, search boxes, logon boxes etc … and call these in any of our theme pages.

Read more