CINXE.COM

Developing Themes for WordPress: Part 5 | bavotasan.com

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://opengraphprotocol.org/schema/" xmlns:fb="http://www.facebook.com/2008/fbml" dir="ltr" lang="en-US"> <head><script type="text/javascript" src="/_static/js/bundle-playback.js?v=HxkREWBo" charset="utf-8"></script> <script type="text/javascript" src="/_static/js/wombat.js?v=txqj7nKC" charset="utf-8"></script> <script>window.RufflePlayer=window.RufflePlayer||{};window.RufflePlayer.config={"autoplay":"on","unmuteOverlay":"hidden"};</script> <script type="text/javascript" src="/_static/js/ruffle/ruffle.js"></script> <script type="text/javascript"> __wm.init("https://web.archive.org/web"); __wm.wombat("http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/","20101120001012","https://web.archive.org/","web","/_static/", "1290211812"); </script> <link rel="stylesheet" type="text/css" href="/_static/css/banner-styles.css?v=S1zqJCYt" /> <link rel="stylesheet" type="text/css" href="/_static/css/iconochive.css?v=3PDvdIFv" /> <!-- End Wayback Rewrite JS Include --> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/> <meta name="googlebot" content="index,archive,follow,noodp"/> <meta name="robots" content="all,index,follow"/> <meta name="msnbot" content="all,index,follow"/> <meta name="description" content="So far I have gone over a lot of the basic requirements for putting together a WordPress theme. Some stuff is pretty simple and other stuff might take a bi..."/> <meta name="keywords" content="Custom Themes,WordPress themes,"/> <title>Developing Themes for WordPress: Part 5 | bavotasan.com</title> <link rel="stylesheet" href="https://web.archive.org/web/20101120001012cs_/http://bavotasan.com/wp-content/themes/bavotasan-2010/style.css?ver=1.0.8" type="text/css" media="screen"/> <link rel="shortcut icon" href="https://web.archive.org/web/20101120001012im_/http://bavotasan.com/favicon.ico"/> <link rel="pingback" href="http://bavotasan.com/xmlrpc.php"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Feed" href="https://web.archive.org/web/20101120001012/http://bavotasan.com/feed/"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Comments Feed" href="https://web.archive.org/web/20101120001012/http://bavotasan.com/comments/feed/"/> <link rel="alternate" type="application/rss+xml" title="bavotasan.com 禄 Developing Themes for WordPress: Part 5 Comments Feed" href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/feed/"/> <script type="text/javascript" src="https://web.archive.org/web/20101120001012js_/http://bavotasan.com/wp-includes/js/jquery/jquery.js?ver=1.4.2"></script> <link rel="index" title="bavotasan.com" href="http://bavotasan.com/"/> <link rel="start" title="Removing Images from a WordPress Post: Redux" href="http://bavotasan.com/tutorials/removing-images-from-a-wordpress-post/"/> <link rel="prev" title="Developing Themes for WordPress: Part 4" href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-options/"/> <link rel="next" title="Adding a Tweet Button to WordPress" href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/adding-tweet-button-wordpress/"/> <link rel="canonical" href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/"/> <link rel="shortlink" href="https://web.archive.org/web/20101120001012/http://bit.ly/cVsOse"/> <script type="text/javascript" src="https://web.archive.org/web/20101120001012js_/http://ajax.googleapis.com/ajax/libs/swfobject/2.1/swfobject.js"></script> <meta property="fb:page_id" content="137456822940271"/> <meta property="fb:admins" content="586505548"/> <meta property="og:site_name" content="bavotasan.com"/> <meta property="og:title" content="Developing Themes for WordPress: Part 5"/> <meta property="og:description" content="So far I have gone over a lot of the basic requirements for putting together a WordPress theme. Some stuff is pretty simple and other stuff might take a bit more time for you to wrap your head around. All in all, if you follow these tutorials you will be on the right track to [...]"/> <meta property="og:type" content="article"/> <meta property="og:image" content="https://web.archive.org/web/20101120001012im_/http://bavotasan.com/wp-content/uploads/2010/09/makemoney.jpg"/> </head> <body class="single single-post postid-2817"> <div id="bodywrap"> <!-- BuySellAds.com Ad Code --> <script type="text/javascript"> (function(){ var bsa = document.createElement('script'); bsa.type = 'text/javascript'; bsa.async = true; bsa.src = '//web.archive.org/web/20101120001012/http://s3.buysellads.com/ac/bsa.js'; (document.getElementsByTagName('head')[0]||document.getElementsByTagName('body')[0]).appendChild(bsa); })(); </script> <!-- END BuySellAds.com Ad Code --> <!-- begin header --> <div id="header"> <div id="topmenu" class="menu-top-menu-container"><ul id="menu-top-menu" class="menu"><li id="menu-item-2254" class="menu-item menu-item-type-custom menu-item-2254"><a href="https://web.archive.org/web/20101120001012/http://themes.bavotasan.com/">Themes by bavotasan.com</a></li> <li id="menu-item-2255" class="menu-item menu-item-type-custom menu-item-2255"><a href="https://web.archive.org/web/20101120001012/http://themes.bavotasan.com/support/">Support Forum</a></li> <li id="menu-item-2259" class="menu-item menu-item-type-custom menu-item-2259"><a href="https://web.archive.org/web/20101120001012/http://themes.bavotasan.com/affiliates">Affiliates</a></li> <li id="menu-item-2256" class="menu-item menu-item-type-post_type menu-item-2256"><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/about/">About</a></li> <li id="menu-item-2257" class="menu-item menu-item-type-post_type menu-item-2257"><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/services/">Services</a></li> <li id="menu-item-2258" class="menu-item menu-item-type-post_type menu-item-2258"><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/contact/">Contact</a></li> </ul></div> <div id="title"> <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/"> <img src="https://web.archive.org/web/20101120001012im_/http://bavotasan.com/wp-content/themes/bavotasan-2010/images/bavotasan.png" alt="bavotasan.com" width="400" height="70"/> <span id="desc"></span></a> </div> <div id="follow"> <span></span> <a href="https://web.archive.org/web/20101120001012/http://twitter.com/bavotasan" class="twitter"></a> <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/feed/" class="rss"></a> </div> <div id="navigation" class="menu-main-menu-container"> <ul id="menu-main-menu" class="menu"> <li id="menu-item-2264"><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/"><span></span>Home</a></li> <li id="menu-item-2266"><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/category/articles/"><span></span>Articles</a></li> <li id="menu-item-2265" class="current-menu-item"><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/category/tutorials/"><span></span>Tutorials</a></li> <li id="menu-item-2267"><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/category/downloads/"><span></span>Downloads</a></li> </ul> </div> </div> <!-- end header --> <div id="mainwrapper"> <div id="leftcontent"> <div class="posttop"> <div class="thedate"><div class="month">Sep</div><div class="day">03</div><div class="year">2010</div></div> <h1>Developing Themes for WordPress: Part 5</h1> <br class="clear"/> <p><img src="https://web.archive.org/web/20101120001012im_/http://bavotasan.com/wp-content/uploads/2010/09/makemoney.jpg" alt="Make money selling themes" title="makemoney" width="200" height="150" class="alignright size-full wp-image-2821"/>So far I have gone over a lot of the basic requirements for putting together a WordPress theme. Some stuff is pretty simple and other stuff might take a bit more time for you to wrap your head around. All in all, if you follow these tutorials you will be on the right track to completing your first customizable theme for WordPress. </p> <p>During my WordCamp presentation, people asked me about getting their themes out there. I think the best way to discuss this is to tell you exactly how I did it, since it seemed to work for me.</p> <p>I started working with WordPress about 5 years ago. I released my first free theme back in 2008. It was <a href="https://web.archive.org/web/20101120001012/http://themes.bavotasan.com/our-themes/basic-themes/magazine-basic/">Magazine Basic</a>. I tried to develop a theme that had multiple easy-to-use options so users could configure it to their liking and could each create something unique. As of today, it has been downloaded 143,114 times from the WordPress.org theme directory. Within the first week of its release, it had so many downloads that I wanted to release another theme. So I did. </p> <p>Before I knew it, I had a lot of requests for extra features, so I thought, &#8220;Why not see if I could sell some premium versions with as many extra features as possible?&#8221; Of course, I didn&#8217;t want to go overboard, so I developed some theme options that I thought would please a multitude of users. That&#8217;s when I started <a href="https://web.archive.org/web/20101120001012/http://themes.bavotasan.com/">Themes by bavotasan.com</a>. </p> <h3>Making Money</h3> <p><img src="https://web.archive.org/web/20101120001012im_/http://bavotasan.com/wp-content/uploads/2010/09/freethemes.jpg" alt="Premium themes" title="freethemes" width="550" height="183" class="alignleft size-full wp-image-2826"/><br/> There is no sure fire way to make money selling Premium WordPress Themes, but there are certain steps you can take that might help you cash in on the demand for high quality themes. Building a great theme and giving it away for free by including it in the WordPress.org directory is the first step into making a name for yourself in the community. People who use WordPress are very big on the fact that it&#8217;s free and open source. So give them something free and open source as well. </p> <p>The better your theme, the more people will download it. Once your theme gets downloaded a few times, you will see that users will start to email you with questions about bugs, features they would like to see, and both positive and negative feedback on your work. These are all great things. The open discussion with your end user is invaluable. The information you gather will help point you in the right direction for how you should develop your theme on the next level: The Premium Theme level.</p> <p>Premium Themes usually offer more control over every aspect of customization. They can have higher quality designs, multiple skins, different layouts and any other options you can imagine. Users expect something more from a Premium Theme and what better way to find out what that is exactly than by keeping an open communication with people that have already downloaded your free product?</p> <p>Take a look at what other Premium Theme sites are offering by going to <a href="https://web.archive.org/web/20101120001012/http://wordpress.org/extend/themes/commercial/">http://wordpress.org/extend/themes/commercial/</a>. That is the WordPress.org commercial theme listing page. Once you release your themes, getting your site listed on this page is a must. But you need to follow the guidelines from <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-part-1/">part 1</a> to a tee in order to qualify. Once you are listed on this page, people will check you out. Whether they buy your product or not will all depend on its quality and features.</p> <h3>Translation Ready</h3> <p>I had some questions about making your theme translation ready during my presentation, so that is obviously something that people are interested in. WordPress has a codex page dedicated to making your theme or plugin ready for internationalization. Read it at <a href="https://web.archive.org/web/20101120001012/http://codex.wordpress.org/I18n_for_WordPress_Developers">http://codex.wordpress.org/I18n_for_WordPress_Developers</a>. Once you have prepared your files using the gettext libraries, you can create a .po file using this great online resource: <a href="https://web.archive.org/web/20101120001012/http://www.icanlocalize.com/tools/php_scanner">http://www.icanlocalize.com/tools/php_scanner</a>. Create a <code>languages</code> folder in your theme and place your .po file in it. Then use the following code in your <code>functions.php</code> file:</p> <div class="wp_syntax"><table border="0" cellpadding="0" cellspacing="0"><tr><td><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #666666; font-style: italic;">// Make theme available for translation</span> <span style="color: #666666; font-style: italic;">// Translations can be filed in the /languages/ directory</span> load_theme_textdomain<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'theme_name'</span><span style="color: #339933;">,</span> TEMPLATEPATH <span style="color: #339933;">.</span> <span style="color: #0000ff;">'/languages'</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> &nbsp; <span style="color: #000088;">$locale</span> <span style="color: #339933;">=</span> get_locale<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000088;">$locale_file</span> <span style="color: #339933;">=</span> TEMPLATEPATH <span style="color: #339933;">.</span> <span style="color: #0000ff;">&quot;/languages/<span style="color: #006699; font-weight: bold;">$locale</span>.php&quot;</span><span style="color: #339933;">;</span> <span style="color: #b1b100;">if</span> <span style="color: #009900;">&#40;</span> <span style="color: #990000;">is_readable</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$locale_file</span> <span style="color: #009900;">&#41;</span> <span style="color: #009900;">&#41;</span> <span style="color: #b1b100;">require_once</span><span style="color: #009900;">&#40;</span> <span style="color: #000088;">$locale_file</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span></pre></div></td></tr></table></div> <p>Replace <code>theme_name</code> with the string you used in the gettext statements; it should be the name of your theme in lowercase with no spaces.</p> <h3>Working Demos</h3> <p>Putting together a demos site with the latest version of your themes allows users to test them out in a live environment. This is absolutely one of the best ways to promote your products. I am currently rebuilding my demo site using the WordPress 3.0 multi-site feature. Now each of my themes will be demoed on their own site, which means I can make sure that their greatest features are front and center, and I can customize my content to show where each theme stands out.</p> <h3>Customer Support</h3> <p>If you don&#8217;t support your themes, no one will want to use them because they won&#8217;t be able to rely on you for fixing bugs, upgrading as WordPress upgrades and day to day questions about how your theme works. Whether you do this through email, the WordPress.org forum or your own site, it doesn&#8217;t matter. Just as long as you do it. This help builds confidence in your users to try out other products you have developed. I spend a lot of time in my support forum responding to questions, and more often then not, things come up that I would have never thought of. Different ways to use my themes, simple features that might blow people away, or even just bugs that might only occur for 1% of my user base. I need to know this stuff. It helps to understand my customers, and in turn build better themes.</p> <h3>Conclusion</h3> <p>There are probably tons of things I might have missed along the way, but I think these tutorials will really get you moving in the right direction. If you have any questions, or feel like I didn&#8217;t go into enough detail about something, please let me know. I&#8217;ll do my best to keep things updated and will add in anything that you might think is necessary (or maybe I&#8217;ll save that for the book, <em>wink-wink</em>).</p> <p>Part 1: <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-part-1/">Guidelines for Developing a WordPress Theme</a><br/> Part 2: <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-template-file/">Basic Template Files</a><br/> Part 3: <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-the-loop/">Understand The WordPress Loop</a><br/> Part 4: <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-options/">Adding Theme Options</a><br/> Part 5: <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/">Making Money</a></p> <div class="imgprov"> Protecting a good investment image by <a href="https://web.archive.org/web/20101120001012/http://www.pixmac.com/author/arpad+nagy-bagoly%40ftl#cbavota">Arpad Nagy-Bagoly</a>, provided by <a href="https://web.archive.org/web/20101120001012/http://www.pixmac.com/#cbavota">Pixmac</a>. </div> <div class="buttonbox"> </div> </div> <div class="post"> <div class="socialleft">If you liked this, please share it.</div> <ul class="addtoany_list"> <li><a href="https://web.archive.org/web/20101120001012/http://twitter.com/share?url=http%3A%2F%2Fbit.ly%2FcVsOse&amp;counturl=http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/" class="twitter-share-button" data-count="vertical" data-via="bavotasan">Tweet</a><script type="text/javascript" src="https://web.archive.org/web/20101120001012js_/http://platform.twitter.com/widgets.js"></script></li> <li><a href="https://web.archive.org/web/20101120001012/http://www.facebook.com/sharer.php?u=http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/&amp;t=Developing Themes for WordPress: Part 5" title="Click to send this page to Facebook!" target="_blank" rel="nofollow" class="facebook-icon"></a></li> <li><a href="https://web.archive.org/web/20101120001012/http://digg.com/submit?phase=2&amp;url=http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/&amp;title=Developing Themes for WordPress: Part 5&amp;bodytext=So far I have gone over a lot of the basic requirements for putting together a WordPress theme. Some stuff is pretty simple and other stuff might take a bit more time for you to wrap your head around. All in all, if you follow these tutorials you will be on the right track to [...]" title="Digg" rel="nofollow" target="_blank" class="digg-icon"></a></li> <li><a href="https://web.archive.org/web/20101120001012/http://www.delicious.com/save" onclick="window.open('https://web.archive.org/web/20101120001012/http://www.delicious.com/save?v=5&amp;noui&amp;jump=close&amp;url='+encodeURIComponent('https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/')+'&amp;title='+encodeURIComponent('Developing Themes for WordPress: Part 5'),'delicious', 'toolbar=no,width=550,height=550'); return false;" class="delicious-icon"></a></li> <li><a href="https://web.archive.org/web/20101120001012/http://www.stumbleupon.com/submit?url=http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/&amp;title=Developing Themes for WordPress: Part 5" title="StumbleUpon" rel="nofollow" target="_blank" class="stumbleupon-icon"></a></li> <li><iframe src="https://web.archive.org/web/20101120001012if_/http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fbavotasan.com%2Ftutorials%2Fdeveloping-themes-for-wordpress-make-money%2F&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:100px; height:21px;" allowtransparency="true"></iframe></li> </ul> </div> <div class="post"> <p class="tags">Tags: <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tag/custom-themes/" rel="tag">Custom Themes</a>, <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tag/wordpress-themes/" rel="tag">WordPress themes</a></p> <p class="tags">Short URL: <a href="https://web.archive.org/web/20101120001012/http://bit.ly/cVsOse" title="Developing Themes for WordPress: Part 5">http://bit.ly/cVsOse</a></p> </div> <div class="post"> <div id="crp_related"> <h3>Similar Posts</h3> <ul> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-options/" rel="bookmark" title="Permanent Link to Developing Themes for WordPress: Part 4">Developing Themes for WordPress: Part 4</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/articles/themes-by-bavotasan-com-is-finally-ready/" rel="bookmark" title="Permanent Link to Themes by bavotasan.com is Finally Ready!">Themes by bavotasan.com is Finally Ready!</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/articles/10-great-jquery-plugins-for-web-developers/" rel="bookmark" title="Permanent Link to 10 Great jQuery Plugins for Web Developers">10 Great jQuery Plugins for Web Developers</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/using-bloginfo-to-build-a-custom-theme-for-wordpress/" rel="bookmark" title="Permanent Link to Using Bloginfo to Build a Custom Theme for WordPress">Using Bloginfo to Build a Custom Theme for WordPress</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/hiding-the-wordpress-dashboard-for-non-admin-users/" rel="bookmark" title="Permanent Link to Hiding the WordPress Dashboard for Non-Admin Users">Hiding the WordPress Dashboard for Non-Admin Users</a></li> </ul> </div> <a href="https://web.archive.org/web/20101120001012/http://www.netfirms.com/web-hosting/web-hosting-business/?a_aid=4c8bb52b19602&amp;a_bid=8f049e07" target="_top" style="float:right;"><img src="https://web.archive.org/web/20101120001012im_/http://www.webhostrevenue.com/accounts/default1/banners/300x250-us.gif" alt="Netfirms Business Hosting Plan" title="Netfirms Business Hosting Plan" width="250" height="208"/></a><img style="border:0" src="https://web.archive.org/web/20101120001012im_/http://www.webhostrevenue.com/scripts/imp.php?a_aid=4c8bb52b19602&amp;a_bid=8f049e07" width="1" height="1" alt=""/> </div> <div class="post"> <a href="#comment_list"></a> <div id="comments"> <h3 id="comments-title">Discussion <small> 7 Comments</small> </h3> <ol class="commentlist"> <li class="comment even thread-even depth-1" id="li-comment-15883"> <div id="comment-15883"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20101120001012im_/http://0.gravatar.com/avatar/e08989306db28819fe3e30b6db9ad1af?s=60&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&amp;r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20101120001012/http://www.systemsgdl.webatu/cms" rel="external " class="url">noe</a></span> <span class="commentdate"> on September 3, 2010 at 2:38 pm</span> </div> <div class="comment-text"> <p>Thank for your tutorial.</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/?replytocom=15883#respond" onclick="return addComment.moveForm(&quot;comment-15883&quot;, &quot;15883&quot;, &quot;respond&quot;, &quot;2817&quot;)">Reply</a> </div> </div> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-15899"> <div id="comment-15899"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20101120001012im_/http://0.gravatar.com/avatar/6c668c553ddbcd5866b4210284b06cb6?s=60&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&amp;r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20101120001012/http://www.vdigital.org/" rel="external " class="url">VDigital</a></span> <span class="commentdate"> on September 4, 2010 at 1:11 am</span> </div> <div class="comment-text"> <p>As a developer I have no time for themes, but your logic will be useful for all CMS or Web press software.<br/> Thanks a lot.</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/?replytocom=15899#respond" onclick="return addComment.moveForm(&quot;comment-15899&quot;, &quot;15899&quot;, &quot;respond&quot;, &quot;2817&quot;)">Reply</a> </div> </div> </li> <li class="comment even thread-even depth-1" id="li-comment-15922"> <div id="comment-15922"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20101120001012im_/http://0.gravatar.com/avatar/e94114664e756c0e11c9f3915acb6013?s=60&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&amp;r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20101120001012/http://www.mybbgrup.com/" rel="external " class="url">MyBB</a></span> <span class="commentdate"> on September 5, 2010 at 3:32 pm</span> </div> <div class="comment-text"> <p>Thank for your tutorial.</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/?replytocom=15922#respond" onclick="return addComment.moveForm(&quot;comment-15922&quot;, &quot;15922&quot;, &quot;respond&quot;, &quot;2817&quot;)">Reply</a> </div> </div> </li> <li class="comment odd alt thread-odd thread-alt depth-1" id="li-comment-15930"> <div id="comment-15930"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20101120001012im_/http://1.gravatar.com/avatar/ba1ac0d630f4d165db56a965033b247c?s=60&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&amp;r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname">RS</span> <span class="commentdate"> on September 5, 2010 at 8:19 pm</span> </div> <div class="comment-text"> <p>Thanks for this great tutorial series!</p> <p>I was wondering (as someone completely new to developing custom wp themes) if you ever reach a point where maintaining your existing themes through updates/bug fixes and answering questions from people who have bought your themes is a little overwhelming and distracting you from continuing to develop new themes?</p> <p>Thanks again for some great tutorials!</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/?replytocom=15930#respond" onclick="return addComment.moveForm(&quot;comment-15930&quot;, &quot;15930&quot;, &quot;respond&quot;, &quot;2817&quot;)">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor even depth-2" id="li-comment-15964"> <div id="comment-15964"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20101120001012im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&amp;r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on September 8, 2010 at 9:36 am</span> </div> <div class="comment-text"> <p>Dealing with customer support and maintaining your themes will take a chunk of your time. But if you don&#8217;t then interest will wane and you might lose future customers.</p> </div> </div> </li> </ul> </li> <li class="comment odd alt thread-even depth-1" id="li-comment-15944"> <div id="comment-15944"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20101120001012im_/http://0.gravatar.com/avatar/e08989306db28819fe3e30b6db9ad1af?s=60&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&amp;r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20101120001012/http://www.systemsgdl.webatu/cms" rel="external " class="url">noe</a></span> <span class="commentdate"> on September 6, 2010 at 2:55 pm</span> </div> <div class="comment-text"> <p>Hello, I have a question.. What is the property to change the &#8220;post per page&#8221; ? I&#8217;m developing a site but I have this problem. I wish have 8 post in each page and 1 pagination. How I can do??</p> <p>Well, thank my friend =)</p> </div> <div class="reply"> <a rel="nofollow" class="comment-reply-link" href="/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/?replytocom=15944#respond" onclick="return addComment.moveForm(&quot;comment-15944&quot;, &quot;15944&quot;, &quot;respond&quot;, &quot;2817&quot;)">Reply</a> </div> </div> <ul class="children"> <li class="comment byuser bypostauthor even depth-2" id="li-comment-15965"> <div id="comment-15965"> <div class="comment-avatar"> <img alt="" src="https://web.archive.org/web/20101120001012im_/http://1.gravatar.com/avatar/ba043b2af6a355787f1b6fd1b1ea3eda?s=60&amp;d=http%3A%2F%2F1.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D60&amp;r=G" class="avatar avatar-60 photo" height="60" width="60"/> </div> <div class="comment-author"> <span class="authorname"><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/" rel="external " class="url">c.bavota</a></span> <span class="commentdate"> on September 8, 2010 at 9:38 am</span> </div> <div class="comment-text"> <p>You would need a query that looks like this:</p> <div class="wp_syntax"><table border="0" cellpadding="0" cellspacing="0"><tr><td><div class="code"><pre class="php" style="font-family:monospace;"><span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #000088;">$paged</span> <span style="color: #339933;">=</span> <span style="color: #009900;">&#40;</span>get_query_var<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'paged'</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> ? get_query_var<span style="color: #009900;">&#40;</span><span style="color: #0000ff;">'paged'</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> <span style="color: #cc66cc;">1</span><span style="color: #339933;">;</span> <span style="color: #000088;">$args</span> <span style="color: #339933;">=</span> <span style="color: #990000;">array</span><span style="color: #009900;">&#40;</span> <span style="color: #0000ff;">'posts_per_page'</span><span style="color: #339933;">=&gt;</span><span style="color: #cc66cc;">8</span><span style="color: #339933;">,</span> <span style="color: #0000ff;">'paged'</span><span style="color: #339933;">=&gt;</span><span style="color: #000088;">$paged</span><span style="color: #339933;">,</span> <span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> query_posts<span style="color: #009900;">&#40;</span><span style="color: #000088;">$args</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #b1b100;">while</span> <span style="color: #009900;">&#40;</span>have_posts<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #009900;">&#41;</span> <span style="color: #339933;">:</span> the_post<span style="color: #009900;">&#40;</span><span style="color: #009900;">&#41;</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span> YOUR OTHER CODE <span style="color: #000000; font-weight: bold;">&lt;?php</span> <span style="color: #b1b100;">endwhile</span><span style="color: #339933;">;</span> <span style="color: #000000; font-weight: bold;">?&gt;</span></pre></div></td></tr></table></div> </div> </div> </li> </ul> </li> </ol> <a name="respond"></a> <div id="respond"> <h3 id="reply-title">Leave a Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/#respond" style="display:none;">Cancel reply</a></small></h3> <form action="https://web.archive.org/web/20101120001012/http://bavotasan.com/wp-comments-post.php" method="post" id="commentform"> <p class="comment-notes">Your email address will not be published. Required fields are marked <span class="required">*</span></p> <p class="comment-form-author"><label for="author">Name</label> <span class="required">*</span><br/><input id="author" name="author" type="text" value="" size="30"/></p> <p class="comment-form-email"><label for="email">Email</label> <span class="required">*</span><br/><input id="email" name="email" type="text" value="" size="30"/></p> <p class="comment-form-url"><label for="url">Website</label><br/><input id="url" name="url" type="text" value="" size="30"/></p> <p>To enter code in the comment box, please place it between <strong>&lt;pre lang="php"&gt; &lt;/pre&gt;</strong> tags. You don't have to convert any characters to their hex/HTML code. Just add your code the way you would to any code editor.</p> <p class="comment-form-comment"><textarea id="comment" name="comment" cols="45" rows="8" aria-required="true"></textarea></p> <p class="form-submit"> <input name="submit" type="submit" id="submit" value="Post Comment"/> <input type="hidden" name="comment_post_ID" value="2817" id="comment_post_ID"/> <input type="hidden" name="comment_parent" id="comment_parent" value="0"/> </p> </form> </div><!-- #respond --> </div><!-- #comments --> </div> </div> <!-- begin sidebar --> <div id="sidebar"> <div id="search"> <form method="get" id="searchform" action="https://web.archive.org/web/20101120001012/http://bavotasan.com/"> <div> <input type="text" class="search_input" value="Search" name="s" id="s" onfocus="if (this.value == 'Search') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search';}"/> <input type="hidden" id="searchsubmit" value="Search"/> </div> </form> <div class="arrow"></div> </div> <div id="sideads"> <!-- BuySellAds.com Zone Code --> <div id="bsap_1237633" class="bsarocks bsap_8982c17d635c33dbe23a7ef930777c37"></div> <!-- END BuySellAds.com Zone Code --> <br class="clear"/> <!-- BuySellAds.com Zone Code --> <div id="bsap_1237624" class="bsarocks bsap_8982c17d635c33dbe23a7ef930777c37"></div> <!-- END BuySellAds.com Zone Code --> </div> <br class="clear"/> <div class="line"></div> <div class="side-widget"> <h4>Most Popular Posts</h4> <ul class="wppp_list"> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/creating-a-jquery-mouseover-fade-effect/" title="Creating a Mouseover Fade Effect with jQuery ">Creating a Mouseover Fade Effect with jQuery </a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/a-simple-mouseover-hover-effect-with-jquery/" title="A Simple Mouseover Hover Effect with jQuery">A Simple Mouseover Hover Effect with jQuery</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/downloads/full-sizebackground-image-jquery-plugin/" title="Full Size Background Image jQuery Plugin">Full Size Background Image jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/downloads/magazine-basic-free-wordpress-theme/" title="Magazine Basic v2.6 WordPress Theme">Magazine Basic v2.6 WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/processing-multiple-forms-on-one-page-with-php/" title="Processing Multiple Forms on One Page with PHP">Processing Multiple Forms on One Page with PHP</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/downloads/6-free-vinyl-record-vectors/" title="6 Free Vinyl Record Vectors">6 Free Vinyl Record Vectors</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/how-to-create-a-twitter-feed-on-your-web-site/" title="How to Create a Twitter Feed on Your Web Site">How to Create a Twitter Feed on Your Web Site</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/php-code-to-redirect-mobilehandheld-users/" title="PHP Code to Redirect Mobile/Handheld Users">PHP Code to Redirect Mobile/Handheld Users</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/limiting-the-number-of-words-in-your-excerpt-or-content-in-wordpress/" title="Excerpt or Content Word Limit in WordPress: Redux">Excerpt or Content Word Limit in WordPress: Redux</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/adding-extra-fields-to-the-wordpress-user-profile/" title="Adding Extra Fields to the WordPress User Profile">Adding Extra Fields to the WordPress User Profile</a></li> </ul> </div> <div id="affiliates-ads"> <a href="https://web.archive.org/web/20101120001012/http://themes.bavotasan.com/" class="themes"></a> <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/downloads/delete-duplicate-posts-pro-wordpress-plugin/" class="deletedupes"></a> <a href="https://web.archive.org/web/20101120001012/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest&amp;page=7" class="inmotion"></a> </div> <div class="line"></div> <div class="side-widget redlink"> <h4>Get a Premium Theme for FREE</h4> <p><a href="https://web.archive.org/web/20101120001012/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest" class="wordpress-logo"></a>Don't have a Web site? How would you like to have WordPress and a <a href="https://web.archive.org/web/20101120001012/http://themes.bavotasan.com/category/premium-themes">Themes by bavotasan.com</a> Premium theme installed and configured for <em>FREE</em>? All you need to do is <a href="https://web.archive.org/web/20101120001012/https://secure1.inmotionhosting.com/cgi-bin/gby/clickthru.cgi?id=tinkerpriest">sign up with InMotion Hosting through this link</a>. <br/> <br/> <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/free-premium-theme/" class="fr"><em>Click here for more information &raquo;</em></a> </p> </div> <div class="side-widget"> <h4>Support c.bavota</h4> <p>If you would like to support <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/">c.bavota</a> and <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/">bavotasan.com</a>, please use the donate link below. Any amount, even $1.00, is appreciated (a man's gotta eat, ya know).</p> <a href="https://web.archive.org/web/20101120001012/https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=5745952" id="donate" class="fr">Donate</a> </div> </div> <!-- end sidebar --></div> </div> <!-- begin footer --> <div class="whiteline"></div> <div id="footer"> <div id="bottombar"> <a href="javascript:void(0)" class="backtotop">Back to Top<span></span></a> <div class="col col1"> <h4 class="one"><span></span>Stay in Touch</h4> <a href="https://web.archive.org/web/20101120001012/http://twitter.com/bavotasan" class="footer-twitter"><span></span>Follow me on Twitter</a><br/> <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/feed/" class="footer-rss"><span></span>Subscribe to my RSS Feed</a> <br class="clear"/> <h4 class="two"><span></span>Stay in Tune</h4> <div class="tweets"></div> </div> <div class="col col2"> <h4 class="three"><span></span>Downloads</h4> <ul> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/downloads/my-first-vanilla-plugin/">My First Vanilla Plugin</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/downloads/delete-duplicate-posts-pro-wordpress-plugin/">Delete Duplicate Posts Pro WordPress Plugin</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/downloads/feed-me-seymour-free-wordpress-theme/">Feed Me, Seymour 1.2</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/downloads/magazine-basic-free-wordpress-theme/">Magazine Basic v2.6 WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/downloads/sliderota-jquery-plugin/">Sliderota jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/downloads/full-sizebackground-image-jquery-plugin/">Full Size Background Image jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/downloads/easy-overlay-modal-window-jquery-plugin/">Easy Overlay Modal Window jQuery Plugin</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/downloads/snowblind-free-wordpress-theme/">Snowblind v1.1.2 Free WordPress Theme</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/downloads/8-free-colorful-background-textures-for-designers/">8 Free Colorful Background Textures for Designers</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/downloads/stationery-premium-wordpress-theme/">Stationery Premium WordPress Theme</a></li> </ul> </div> <div class="col col3"> <h4 class="four"><span></span>Tutorials</h4> <ul> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/add-a-copyright-notice-to-copied-text/">Add a Copyright Notice to Copied Text</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/meta-descriptions-wordpress/">Meta Descriptions for WordPress</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/turning-on-php-errors/">Turning On PHP Errors</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/using-css-resets/">Using CSS Resets</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/a-sleek-navigation-menu-with-css3/">A Sleek Navigation Menu with CSS3</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/a-basic-jquery-slideshow/">A Basic jQuery Slideshow</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/text-rotation-css3/">Text Rotation with CSS3</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/adding-tweet-button-wordpress/">Adding a Tweet Button to WordPress</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-make-money/">Developing Themes for WordPress: Part 5</a></li> <li><a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/tutorials/developing-themes-for-wordpress-options/">Developing Themes for WordPress: Part 4</a></li> </ul> </div> </div> </div> <div id="copyright"> <div id="copyright-wrapper"> Copyright &copy; 2010 <a href="https://web.archive.org/web/20101120001012/http://bavotasan.com/">bavotasan.com</a>. All Rights Reserved. Powered by <a href="https://web.archive.org/web/20101120001012/http://www.wordpress.org/">WordPress</a>. </div> </div> <!--stats_footer_test--><script src="https://web.archive.org/web/20101120001012js_/http://stats.wordpress.com/e-201046.js" type="text/javascript"></script> <script type="text/javascript"> st_go({blog:'5317602',v:'ext',post:'2817'}); var load_cmc = function(){linktracker_init(5317602,2817,2);}; if ( typeof addLoadEvent != 'undefined' ) addLoadEvent(load_cmc); else load_cmc(); </script> <script type="text/javascript" src="https://web.archive.org/web/20101120001012js_/http://bavotasan.com/wp-content/themes/bavotasan-2010/js/coolstuff.js"></script> <script type="text/javascript"> hs.graphicsDir = 'https://web.archive.org/web/20101120001012/http://bavotasan.com/images/graphics/'; hs.outlineType = 'rounded-white'; hs.outlineWhileAnimating = true; hs.showCredits = false; </script> <!-- Bavota San 2010 theme designed by c.bavota, http://bavotasan.com --> </body> </html> <!-- Dynamic page generated in 0.743 seconds. --> <!-- Cached page generated by WP-Super-Cache on 2010-11-17 14:14:23 --> <!-- super cache --><!-- FILE ARCHIVED ON 00:10:12 Nov 20, 2010 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 01:44:53 Dec 04, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). --> <!-- playback timings (ms): captures_list: 0.876 exclusion.robots: 0.039 exclusion.robots.policy: 0.022 esindex: 0.012 cdx.remote: 22.321 LoadShardBlock: 69.985 (3) PetaboxLoader3.datanode: 61.861 (4) load_resource: 372.261 PetaboxLoader3.resolve: 155.236 -->

Pages: 1 2 3 4 5 6 7 8 9 10