Posts Template for Twenty Ten WordPress Default Templete

          ‘post_type’ => ‘post’,
          ‘post_status’ => ‘publish’,
          ‘paged’ => $paged,
          ‘posts_per_page’ => 5,
          ‘caller_get_posts’=> 1
        $temp = $wp_query;
        $wp_query = null;
        $wp_query = new WP_Query($args);
        get_template_part( ‘loop’, ‘index’ );

My First Ajax Program | jQuery Ajax calls in your WordPress blog

<script type=”text/javascript” src=””></script&gt;
<script type=”text/javascript”>
    $(“#recordtab li a”).click(function(){
        var post_id = $(this).attr(“rel”)
        $(“#recordcontent”).load(“http://localhost/indianic/triqui-ajax?id=&#8221; + post_id);
        return false;
<ul id=”recordtab”>
    global $wpdb;
    $table_name = $wpdb->prefix . “testimonials”;
    $sqls = “SELECT DISTINCT company FROM $table_name Order by company”;
    $tstlist = $wpdb->get_results($sqls);
    foreach ($tstlist as $tstlist2) {
        echo ‘<li><a href=”#” rel=”‘ . $tstlist2->company . ‘”>’ . $tstlist2->company . ‘</a></li>’;
        echo “<br>”;
<div id=”recordcontent”>

External File : triqui-ajax

Ex : http://localhost/indianic/triqui-ajax

<div class=”record”>
    $recordid = $_GET[‘id’];
    global $wpdb;
    $table_name = $wpdb->prefix . “testimonials”;
    $sqls = “SELECT * FROM $table_name where company = ‘$recordid’ “;
    $tstlist = $wpdb->get_results($sqls);
    foreach ($tstlist as $tstlist2) {
        echo $tstlist2->testid;
        echo $tstlist2->text_short ;
        echo $tstlist2->text_full ;
        echo $tstlist2->clientname ;
        echo $tstlist2->company;
        echo $tstlist2->homepage;
        echo “<br>”;

How to make a WordPress Theme demo

WordPress is the world’s most popular content management software solution, with more than 60 million users around the world. With a community that large, it’s only logical that the development community is appropriately robust itself.

As adoption of WordPress continues to increase worldwide, more and more theme developers are bringing their private skills to the public marketplace.

They do this by offering custom WordPress themes either for free or for a small price, and they demonstrate each theme’s appearance using a demo site.

This is far different from simply displaying an image of the theme in action. Instead, a theme demo site actually lets users peruse an entire, complete WordPress installation with the theme in action. This actually helps to sell users on a theme, as enabling them to use the theme itself proves its usefulness and high quality.

This can be done by any user of WordPress 3.0 (or higher) more than a single extra plugin. All it requires is enabling one of the new WordPress “sleeper” features that goes unnoticed, and unused, by all but the most advance WordPress customers. Here’s how it’s done.

WordPress networks: the key to a theme demo site with WordPress 3.x

Previous versions of WordPress before the 3.x line of releases were big on using plugins to make a theme demo site. And this process wasn’t simplified by simply installing one plugin; instead, the vast array of features a user required often meant that they’d have to enable two, three, or even four plugins and widgets to get the job done. With WordPress Networks, this is essentially a deprecated way of creating a theme demo site.

Enabling WordPress Networks will require a bit of PHP knowledge, as well as some basic coding of server files like .htaccess. It will use the Dashboard to perform most of the setup, and then the user will simply modify a few files to complete the process. After that, new sites can be created to display the content of WordPress themes within one website.

Step 1: modifying WP-Config.php to enable multi-site installations

By default, the WordPress Networks feature is not enabled. Furthermore, it cannot be enabled simply by using the WordPress Dashboard alone. Instead, it must first be enabled by adding a line of code to “wp-config.php.” From there, further customization is allowed in the Dashboard.

Using an FTP client, navigate to the root directory of a WordPress installation and download wp-config.php. Open this file in a text editor, and then add the following line of code before the end of the file:

define('WP_ALLOW_MULTISITE', true);

This simply instructs WordPress to enable the Networks administration panel and setup process. Save the file and upload it to the server; next, log in to the WordPress Dashboard.

Step 2: enabling and configuring WordPress networks

Once the Dashboard is open, click the “Tools” heading in the Dashboard sidebar and click on the new “Networks Setup” administration option that is listed here. This will open a page full of settings as they pertain to the new network. These must be carefully configured, as they directly relate to URL structure and site navigation.

The most important of all these choices is the one between subdomains and subfolders. Each theme will eventually have its own WordPress installation, so each theme’s demo site will be accessed in one of these two ways. A subdomain will appear as "" while a subfolder will appear as "". Choose carefully and deliberately, as this cannot be changed after the form is submitted.

Next, fill out the remaining details on the page. These details include the following:

  1. Server Address
  2. Network Title
  3. Administrator’s E-mail Address

With all of the above details accurate, it’s time to click “Install” and allow the process to complete. WordPress will turn a single-site installation into a network and it will then print out a set of instructions that must be manually performed by the administrator.

Step 3: completing the process manually

Unfortunately, the WordPress Dashboard has its limitations when drastically changing a site from a single-site operation to one that contains tens or hundreds of theme-based new sites. While it performs much of the work on its own, it will require the administrator to configure the site’s .htaccess file, a well as the wp-config.php file. Further, administrators will have to setup a media directory that will contain uploads from all of the networked sites. In a theme installation, this is likely to go unused, but it must still be set.

The .htaccess changes will determine the permalink structure of the site as it relates to the subdomain or subfolders option chosen in the first part of the process. Because this code is based on WordPress’ settings, present location, and user input, it is very hard to change and should be copied and pasted exactly.

Changes to the wp-config.php file must be added to that file right below where the “enable multi-site” code was placed in the first step of this process. It’s important to keep all of the code relating to WordPress Networks grouped together in the same part of the configuration file.

Step 4: administration of the WordPress network

With these changes having been made, it’s time to log back into the Dashboard interface and observe how the interface has changed along with the site’s function. First and foremost, there is now a “Network Admin” link where there was previously a link to the WordPress site’s index page. This will allow for adding new sites to the network and administration of those that have already been created.

There is a Dashboard-like interface solely for this purpose, and users should familiarize themselves with it before proceeding with creating the actual content of their WordPress theme demonstration site.

Using the WordPress networks feature to create a theme demo site

Now that WordPress Networks has been successfully installed and users are familiar with the Dashboard administration interface that configures sites within the network, it’s time to get moving on creating the actual demonstration sites that users will see when they preview a theme on the site.

First and foremost, make sure that all of the themes demonstrated are uploaded with the main WordPress themes folder that was previously used to theme the sole site within the Dashboard. This folder, as a reminder, can be found here:


Every theme folder should be named in all-lowercase letters, with just one word or a hyphen between words. With this step completed, the work begins.

Step 1: create a new network site for every WordPress theme to be demonstrated

The process of creating a WordPress theme demonstration site is a little tedious from here on out, and this first step is perhaps the most tedious of them all. Using the WordPress Networks Dashboard, create a new site for every single theme that will be demonstrated to users. Make sure that the site’s title is the same as the demonstrated theme’s name, as this will make the demo site more functional and user-friendly.

Step 2: apply a theme to each new WordPress network site

Perhaps just as tedious as the first step is applying a unique theme to each of the new sites that was just created. This can also be done within the Networks Dashboard; navigate to the site that needs to be themed, click “Appearance” and then “Themes.” Activate the theme and then move on to the next site within the network.

Step 3: make sure every theme links to every other theme

The usability of a theme demonstration site can be improved by making sure that each demo theme links to all of the other themes within a website. Thanks to the new WordPress Networks feature, this is actually ridiculously easy to do. It uses a WordPress widget that is designed for the Networks feature itself in order to link to all sites within a network.

In the main WordPress site’s Dashboard, click the “Plugins” sidebar heading and go to “Add New.” In this administration panel, search the WordPress plugins site for the Diamond MultiSite Widget. Download, install, and activate this widget. Then navigate to the Networks Dashboard and apply it to each site within that network. This can be done by clicking the “Appearance” sidebar heading and then navigating to “Widgets.” Drag the new “Page Listing” widget into the sidebar (preferably near the top) of the theme. Repeat this process for every theme demo within the network.

Every theme should also contain a “Back” link which returns the user to the theme index page so that they might choose another option to preview. This can be placed in the theme’s sidebar or wherever else the user prefers to have this link displayed to end users.

Almost done: bringing multi-site theme demo pages to the WordPress index

At this point, the truly hard work of creating a theme demonstration site is actually completed. The WordPress Networks feature has been installed and successfully setup, the sites have been created and themed, and they all link to each other using a drag-and-drop WordPress widget. In place of tedium is now a simple process of linking to each site on an index page which lists all of the themes to be downloaded or purchased.

This can be due however a user wishes to complete it; most prefer to pair a small screenshot with links to preview, download, or buy the theme itself.

Automating the site creation process with a plugin

Of course, even built-in WordPress features might need a little help from time to time. For users who prefer not to manually create a new WordPress Networks site instance for every theme they intend to show off, there is a plugin that will make the process virtually automatic and unattended.

That plugin is called “Replicator” and is, once again, installed via the main WordPress Dashboard instead of the Networks Dashboard. This plugin essentially allows a user to “clone” a created WordPress Site within the WordPress Networks feature. That means things like the MultiSite widget in the sidebar, a “back” link, and other site settings, will be automatically filled in and placed; customizations will need to be made, of course, but it’s nice to be able to create 35 new sites with the click of one button, rather than clicking that one button 35 separate times.

Troubleshooting: common problems with WordPress networks installations

Despite being included as a standard WordPress feature instead of as a plugin, the WordPress Networks feature has been known to give some users a headache by not displaying their sites or placing them at unpredictable URLs. The largest problem that seems to arise is that a user will enable the “subdomain” setting during the WordPress Networks setup process, but they’ll forget to create those subdomains (or enable them) in a site’s actual administration area like cPanel or the Plesk Panel. Failure to enable subdomains, or create the subdomains for use by WordPress, can cause links within the newly-created network to return 404 errors, timeout errors, and other glitches that will send users away.

Before heading for the hills, tearing your hair out, or finding a developer community to offer assistance, make sure that a site’s .htaccess file has been properly configured and that subdomains have been enabled within a site’s root control panel. Furthermore, ensure that your web hosting package supports the large number of subdomains that you wish to use; otherwise, you may need to upgrade to a better hosting package (or web host altogether) or reconfigure the site to use subfolders instead.

Easy and straightforward way of selling themes

Thanks to the new, built-in WordPress Networks feature, displaying multiple themes in a fully-usable website interface has never been easier. With attention to detail and careful configuration of both a WordPress installation and the server settings for the website itself, users will find it exceedingly easy to promote and even sell their creative works.

Article Source :

How To Integrate Facebook, Twitter And Google+ In WordPress

Integrating social media services in your website design is vital if you want to make it easy for readers to share your content. While some users are happy with the social media buttons that come built into their design template, the majority of WordPress users install a plugin to automatically embed sharing links on their pages. Many of you will find that a plugin does exactly what you need; others not so much. Some are poorly coded, and most include services that you just don’t need. And while some great social media plugins are out there, they don’t integrate with every WordPress design.

The Big Three: Twitter, Facebook, and Google+ 4

If you aren’t comfortable editing your WordPress templates, a plugin is probably the best solution. If you are comfortable making a few edits to your theme, then consider manually integrating social media so that you have more control over what services appear on your website.

Today, we’ll show you how to manually integrate the three most popular social media services on your website: Twitter, Facebook and Google+. First, you’ll learn how to integrate Facebook comments on your WordPress website, to make it easier for readers to discuss your posts. Then, we’ll show you the most common ways to display your latest tweets in the sidebar, which should encourage more people to follow you on Twitter. Finally, we’ll show you how to add sharing buttons for all three social media services to your home page, posts and pages.

Please make sure to back up all of your template files before making any changes, so that you can revert back if something goes wrong. Testing your changes in a non-production area first would also be prudent.

Integrate Facebook Comments On Your Website

Because most people are signed into Facebook when they browse the Web, enabling Facebook comments on your website is a great way to encourage people to leave comments. It also curbs spam. While many solutions purport to reduce spam comments on WordPress, most are either ineffective or frustrate visitors by blocking legitimate comments.

Feature-rich commenting solutions such as IntenseDebate 5 and Disqus 6 have benefits, of course, because they allow users to comment using Facebook and a number of other services; but before visitors can comment, they have to grant access to the application, an additional step that discourages some from commenting. By comparison, integrating Facebook comments directly enables visitors to comment with no fuss. Also, this commenting system allows users to comment by signing into Facebook, Yahoo, AOL or Hotmail.

Before integrating Facebook on WordPress Mods 7 at the end of September, I looked at a few solutions. I followed a great tutorial by Joseph Badow 8 and tried a few plugins, such as Facebook Comments For WordPress 9. The reality, though, is that the official Facebook comment plugin 10 is the quickest and easiest way to add Facebook comments to your website.

Simply follow the steps below to get up and running.

1. Create a Facebook Application

To use Facebook comments on your website, create a new comment application for your website on the Facebook Application 11 page. This step is required, whether you add Facebook comments manually using a third-party plugin or with the official Facebook plugin.

Simply click on the “+ Create New App” button on the Facebook Application page, and enter a unique name for your application in the “App Display Name” field. The “App Namespace” field doesn’t have to be filled in for Facebook comments (it’s used with the Facebook Open Graph Protocol 12).

Create Facebook App 13

You will then be provided with an “App ID/API key” and an “App secret key.” You don’t need to remember these numbers because the official Facebook comments plugin 14 automatically inserts them into the code that you need to add to your website.

Create Facebook Application 15

2. Add the Code to Your Website

Next, go back to the Facebook Comments plugin 16 page and get the code for your website. The box allows you to change the URL on which comments will be placed, the number of comments to be shown, the width of the box and the color scheme (light or dark).

Customise Facebook 17

You don’t have to worry about what you enter in the box because all of the attributes can be modified manually. And it doesn’t matter what URL you enter because we will be replacing it later with the WordPress permalink:

  • href
    The URL for this Comments plugin. News feed stories on Facebook will link to this URL.
  • width
    The width of the plugin in pixels. The minimum recommended width is 400 pixels.
  • colorscheme
    The color scheme for the plugin (either light or dark).
  • num_posts
    The number of comments to show by default. The default is 10, and the minimum is 1.
  • mobile (beta)
    Whether to show the mobile version. The default is false.

When you click on the “Get Code” button, a box will appear with your plugin code (choose the HTML5 option, because FBML is being deprecated). Make sure to select the application that you set up earlier for your comments so that the correct application ID is added to the code.

Get Facebook Application Code 18

Insert the first piece of code directly after the <body> tag in your header.php template:

1 <div id="fb-root"></div>
2 <script>(function(d, s, id) {
3 var js, fjs = d.getElementsByTagName(s)[0];
4 if (d.getElementById(id)) return;
5 js = d.createElement(s); = id;
6 js.src = "//";
7 fjs.parentNode.insertBefore(js, fjs);
8 }(document, 'script', 'facebook-jssdk'));</script>

Put the second line of code where you want to show the comments. Make sure the static URL is replaced with the WordPress permalink (<?php the_permalink(); ?>) so that comments show correctly on every page of your website.

1 <div class="fb-comments" data-href="<?php the_permalink(); ?>" data-num-posts="15" data-width="500"></div>

To put Facebook comments above WordPress comments, add the above code just below the line that reads <!-- You can start editing here. --> in the comments.php template. To put Facebook comments below WordPress comments, add the above code below the </form> tag (again in the comments.php template).

If you plan to completely replace your WordPress comments with Facebook comments, simply replace the call to your comments.php template with the call to your Facebook comments. For example, to replace comments in posts, simply add the code to the single.php template. Similarly, edit the page.php template to show Facebook comments on pages.

Facebook Comments

Your should now see the Facebook comments box displayed on your website. To get an update whenever someone leaves a comment using Facebook, add yourself as a moderator to your application on the Comment Moderation tool 20 page.

Show Your Latest Tweets In The Sidebar

Displaying your latest tweets is a good way to encourage people to follow you on Twitter. The most common place to display tweets is in the sidebar, although you can add them to any area of the website.

Display Your Latest Tweets Manually

I have tried a few manual solutions for showing tweets on my websites, and my favorite comes from Chris Coyier of CSS-Tricks 21. His RSS fetching snippet 22 is a quick and effective way to show the latest tweets from your account. The RSS address of your Twitter 23 account is (where xxxxx is your Twitter user name). For the tweets that you favorite, use For example, the RSS for the latest tweets from Smashing Magazine is; and to display only the favorites, Once you’ve got your Twitter RSS address, simply add it to Chris’ PHP snippet.

01 <?php
02 include_once(ABSPATH . WPINC . '/feed.php');
04 $maxitems = $rss->get_item_quantity(3);
05 $rss_items = $rss->get_items(0, $maxitems);
06 ?>
08 <ul>
09 <?php if ($maxitems == 0) echo '<li>No items.</li>';
10 else
11 // Loop through each feed item and display each item as a hyperlink.
12 foreach ( $rss_items as $item ) : ?>
13 <li>
14 <a href='<?php echo $item->get_permalink(); ?>'>
15 <?php echo $item->get_title(); ?>
16 </a>
17 </li>
18 <?php endforeach; ?>
19 </ul>

For a more stylish way to display tweets manually, check out Martin Angelov’s tutorial “Display Your Favorite Tweets Using PHP and jQuery 24,” or Sea of Cloud’s “Javascript Plugin Solution 25.”

Display Your Latest Tweets Using the Official Twitter Widget

The official Twitter profile widget 26 looks great and is easy to customize. You can define the number of tweets to display and whether the box should expand to show all tweets or provide a scroll bar.

The dimensions can be adjusted manually, or you can use an auto-width option. The color scheme can easily be changed in the settings area, too. Once the widget is the way you want it, simply grab the code and add it to the appropriate WordPress template.

Official Twitter Profile Widget 27

Display Your Latest Tweets Using a WordPress Plugin

If you don’t want to code things manually or use the official Twitter profile widget, you could try one of the many plugins available:

Add Social-Media Sharing Buttons To Your WordPress Website

Adding social-media sharing and voting buttons is very straightforward and enables readers to share your content on the Web. Simply get the code directly from the following pages:

The buttons you get from the above links work well when added directly to posts (single.php) and pages (page.php). But they don’t work correctly on the home page (index.php) or the archive (archive.php) by default, because we want to show the number of likes, pluses and retweets for each individual article, rather than the page that lists the article. That is, if you simply add the default code to index.php, every button will show the number of shares for your home page, not for each article.

To resolve this, simply make sure that each button uses the article permalink, rather than the URL of the page it is on. To add sharing buttons only to posts, simply choose the button you want from the links above and copy the code to single.php; to add the buttons only to pages, just add the code to page.php.

To show the number of likes, pluses and retweets that an article has on the home page and in the archives, follow the steps noted below for Facebook, Google+ and Twitter below (the code for showing a sharing button on the index page will work for posts and pages, too). You can see an example of sharing buttons integrated in post excerpts on my own website WordPress Mods 38 and on popular blogs such as Mashable 39.

Social Media Sharing Buttons Example


Facebook’s Like button 41 comes with a lot of options. Choose from three layouts: standard, button count and box count. An email button (labelled “Send”) can be added, and you can set the width of the box, too. You can also show profile pictures below the button, choose between the labels “Like” and “Recommend,” choose between a light and dark color scheme, and set the font.

Customise Facebook 42

You need to add two pieces of code to your website. First, add the JavaScript SDK code directly after the <body> tag (in the header.php template). This code has to be added only once (i.e. if you’ve already added the code to show Facebook comments on your website, you don’t need to add it again).

Put the second piece of code where you want to show the Like button. To ensure that the correct page is referenced, add href="<?php echo get_permalink($post->ID); ?>" to the second piece of code. It should look something like this:

1 <div class="fb-like" data-href="" href="<?php echo get_permalink($post->ID); ?>" data-send="false" data-layout="box_count" data-width="450" data-show-faces="true" data-font="arial"></div>

More information on how to customize the Like button can be found on the Facebook Like Button page 43.


Google+ 44 offers four sizes of sharing buttons: small, medium, standard and tall. The number of votes that a page has received can be shown inline, shown in a bubble or removed altogether.

Customise Google+ 45

Linking to your article’s permalink is very easy. Just append href="<?php the_permalink(); ?>" to the g:plusone tag. For example, to show a tall inline Google+ button, you would use the following code:

01 <!-- Place this tag where you want the +1 button to render -->
02 <g:plusone size="tall" annotation="inline" href="<?php the_permalink(); ?>"></g:plusone>
04 <!-- Place this render call where appropriate -->
05 <script type="text/javascript">
06 (function() {
07 var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
09 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
10 })();
11 </script>

For more tips on customizing the Google+ button, please view the official Google+ button documentation page 46.


Twitter 47 offers four types of buttons: one for sharing links, one for inviting people to follow you, a hash tag button for tweeting stories, and another for mentions (used for contacting others via Twitter). The button you need to show the number of shares that an article has gotten is called “Share a link.”

On the button customization page, you can choose whether to show the number of retweets and can append “Via,” “Recommend” and “Hashtag” mentions to the shared link.

Customise Twitter 48

To make sure Twitter uses the title of your article and the correct URL, simply add data-text="<?php the_title(); ?>" and data-url="<?php the_permalink(); ?>" to your link. For example, if you were using the small button, you would use:

1 <a href="" class="twitter-share-button" data-via="smashingmag" data-text="<?php the_title(); ?>" data-url="<?php the_permalink(); ?>">Tweet</a>
2 <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];
3 if(!d.getElementById(id)){js=d.createElement(s);;js.src="//";
4 fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

To show the larger button instead, simply append data-size="large" to the link. To show the popular vertical button (shown below) instead of the default horizontal button, append data-count="vertical" to the link.

Twitter Vertical Button 49

For more tips on customizing the Twitter button, please view the official Twitter button documentation page 50.


Many WordPress users continue to use plugins to integrate social-media sharing buttons and activity on their websites. As we’ve seen, though, integrating social-media services manually is straightforward and, for many users, a better solution than simply installing a plugin and making do with whatever features it offers.

Integrating Facebook comments on your website takes only a few minutes and is much less complicated than any of the available plugins. While good tutorials are available that show you how to manually add Twitter to your website, the official widget from Twitter 51 is the best all-around solution for most websites.

Some fantastic plugins exist for WordPress to automatically insert social-media voting buttons in your design. Installing and setting them up takes only a few minutes, although manually adding the buttons enables you to give them maximum visibility.

Remember, play it safe and make any changes in a test area first before applying the changes to the live website. I also recommend backing up all of your template files before changing anything (and your database if required). A few minutes of preparation could save you hours of troubleshooting, so try not to skip this step.

Hopefully, you’ve found this useful. If you are unsure of any aspect of this tutorial, please let us know and we’ll do our best to clarify the step or help you with it. Also, subscribe to Smashing Magazine via RSS 52, Twitter 53, Facebook 54 or Google+ 55 to get the latest articles delivered directly to you.

Article Source :

30 Extremely Helpful WordPress Cheatsheets

Cheatsheet is a handy way to keep all code snippets and function practical and are extremely helpful for the web developers and designers. Cheatsheet is an easy way to maintain all the codes in an easy way, although there are not many codes to remember in WordPress but rather than remembering all the codes by heart, it is always a good idea to have a cheatsheet in place.
Here we are sharing 30 tremendously useful WordPress Cheatsheets that include everything from particular tags to calling function and SEO tags to WordPress checklist theme coding tips and many more. We hope that this post will facilitate your search on the web.

WordPress 3.0 Cheat Sheet

The Web Developer’s SEO Cheat Sheet

The WordPress Help Sheet

WordPress blog maintenance checklist

Cheat Sheet: SEO for WordPress

WordPress Theme Tags Code Snippet Collection

WordPress Theme Generator

WordPress Template Designer CheatSheet

WordPress Cheatsheet by Andy Wibbels

WordPress Architektur

WordPress 3.0 Cheet Sheet

WordPress cheat sheet

WordPress Loop

WordPress 3 Template Hierarchy

WordPress V3.0+Template Tag Reference Guide

WordPress Theme Development Checklist

My WordPress Cheat Sheet

WordPress Help Sheet Wallpaper

WordPress Visual Cheat Sheet

PHP Cheat Sheet (V2)

PHP Application Security Checklist

PHP & MySQL For Dummies

jQuery 1.5 Visual Cheat Sheet

JavaScript Cheat Sheet

Javascript Quick Reference Card

CSS3 Click Chart

HTML 5 Cheatsheet

CSS Help Sheets

Advanced PHP Cheat Sheet

HTML5 Peeks, Pokes and Pointers

150 Most Wanted WordPress Tips, Tricks, and Hacks

All the WordPress bloggers already know that there are different themes and default features available while blogging. However these are limited. Yes, you can find an original theme, if you research a lot, but there is a good chance you will see the exact theme somewhere else as well so you can say goodbye to your imagined originality. You can compensate this with a nice content of course, but the design is also really important to make visitors read you.

If you want to go for a new unique look, you will have to get to know the PHP code of your blog and start being creative. Sometimes you just see a blog that has an amazing and creative design and you can’t help it wonder – how did the blogger achieve this? Well there are some tips and tricks that you can learn from the more experienced. Whether it’s about changing the colors, administrating the comments or adding different new unusual features to your interface – you can learn it all step by step.

We found 150 WordPress tips, tricks and hacks that you can definitely find useful and we hope to hear back from you, telling us about the improvements you made or any other suggestions.

1. 11 Ways to Create a Mobile Friendly WordPress Site

2. 25+ Extremely Useful Tricks for the WordPress Functions File

3. 4 Ways to Exclude WordPress Category from RSS Feeds

4. 4 Ways to speed up your wordpress blog

5. 5 Tips for using AJAX in WordPress

6. Add a favicon to your WordPress blog using a hook

7. Add Breadcrumbs to Your WordPress Blog

8. Add Gravatar for post author

9. Add Menus to the Admin Bar of WordPress

10. Add Thumbnails to WordPress with Custom Fields

11. Adding Tabs to Sidebar

12. Advanced Power Tips for WordPress Template Developers

13. Advanced WordPress Comment Styles and Tricks

14. Automatic WordPress Thumbnail Without Custom Field

15. Buy Me a Beer

16. Control your own WordPress Custom Fields

17. Create a Dynamic Sticky

18. Create an Ajax-based Auto-completing Search Field

19. Create and show categories image

20. Create really cool WordPress date button

21. Create Users Automatically In WordPress

22. Creating Helpful and Effective WordPress Archives

23. Custom CSS Per Post

24. Custom login page

25. Custom Pagination without WordPress Plugins

26. Custom Post Types in WordPress 3.0

27. Custom WordPress Homepage with Customizable Widgets

28. Custom WordPress Login Pages – Best Practices and Tutorial

29. Customize Error 404 page

30. Customize WordPress Login Logo without a Plugin

31. Declare Multiple Widgetized Areas

32. for WordPress

33. Delete all Feed Cache via SQL in WordPress

34. Display categories in horizontal Drop-Down menu

35. Display Google Docs spreadsheets in WordPress

36. Display recent post from specific category

37. Display Twitter messages in WordPress

38. Dynamic jQuery Feature Post Slider For WordPress

39. Embed Google Ad (AdSense) in first wordpress post

40. Exclude certain categories from being displayed

41. Exclude Post from WordPress Feed

42. Exclude Posts and Pages in WordPress Search

43. Format images for feed readers

44. Free tools for WordPress Backup

45. Getting the most from WordPress Post Thumbnail

46. Google Syntax Highlighter for WordPress

47. Hiding Advertisements For Single Posts

48. Highlight author’s comments

49. Highlight WordPress Category when on a Single Post

50. How to Add a Dynamic Copyright Date in WordPress Footer

51. How to Add a Print Button To Your Theme

52. How to Add A Shortcode in WordPress?

53. How to Add Adsense Code Manually in Post Using Shortcode

54. How to Add an Author Info Box in WordPress Posts

55. How to Add an Email Button To Your Theme

56. How to Add Twitter Tweet Button on your WordPress Blog

57. How to Allow Contributors to Upload Files in WordPress

58. How to Automatically Create Links for Blog Posts

59. How to automatically remove the Nofollow from your posts

60. How to Automatically Use Resized Images Instead of Originals

61. How To Avoid Duplicate Posts

62. How to Build a Custom WordPress Theme from Scratch

63. How to Change Header Logo in WordPress Dashboard

64. How to create a mobile WordPress theme with jQuery Mobile

65. How to Create a Theme Development Environment for a Live WordPress Site

66. How to Create a WordPress Options Panel

67. How to Create a WordPress Plugin

68. How To Create a WordPress Theme: The Ultimate WordPress Theme Tutorial

69. How to Create an Author Info Section in WordPress

70. How to Customize Fonts in a WordPress Blog with CSS3

71. How to detect mobile visitors on your WordPress blog

72. How to Disable Automatic formatting in WordPress posts

73. How to Disable Comments on All Posts in WordPress

74. How to Display “Time Ago” for Posts and Comments

75. How to Display Ads Only to Search Engine Visitors in WordPress

76. How to Display Facebook Statuses on WordPress Blog

77. How to Display Feedburner Subscriber Count in Text

78. How to Display Related Posts in WordPress Without a Plugin

79. How to Display Twitter Follower Count in Text

80. How to enable Multi-Site option in WordPress 3.0

81. How to Highlight the Search Terms in Results in WordPress

82. How to implement Ajax in WordPress Themes

83. How to Increase the Maximum File Upload Size in WordPress

84. How to Install and Setup W3 Total Cache for Beginners

85. How to install wordpress automatically using cPanel (fantastico) and Simple Scripts?

86. How to install WordPress locally on a Mac

87. How to install wordpress manually?

88. How To List All Posts Of An Archive, A Category Or A Search Result

89. How To Make a WordPress Events List

90. How to Optimize Your WordPress Title

91. How to Put Your Best Content Forward

92. How to Remove Ads from Select Categories

93. How to Remove Default Author Profile Fields in WordPress

94. How to Remove the Admin Bar from WordPress 3.1

95. How to Remove WordPress Update Notice from Admin Panel

96. How to set a maximum word count on post titles

97. How to Set WordPress Post Expiration Date/Time

98. How to show a different number of posts for a WordPress category

99. How to Show First Image from Post Without Plugin

100. How to Show Only a Post Excerpt

101. How to Split WordPress Content Into Two or More Columns

102. How to: Embed CSS in your posts with a custom field

103. Implement a sliding login panel in to WordPress with Mootools

104. Incorporate Cufon in WordPress

105. Increase your WordPress Blog Performance by using Google App Engine

106. Individual Design for any Page

107. Installing Xampp and WordPress

108. jQuery Dropdown Navigation in WordPress

109. Make Shortcodes User-Friendly

110. Migrating a WordPress Site – FTP, PhpMyAdmin and SQL queries

111. Moving a Static HTML Site to WordPress

112. Notifixious – Notify Users via IM

113. Open links in new windows (by default)

114. Optimize WordPress Performance with the wp-config.php File

115. Paginated Comments

116. Place a login form in the sidebar

117. Place content only in RSS Feed

118. Plugin To Add Custom Field To An Attachment In WordPress

119. Post Formats – More Creative Ways For A Theme

120. Post image the easy peasy way

121. Post text and image count

122. Quick Tip: Improve your website’s 404 page

123. Random Redirect

124. Redirecting Visitors to a Temporary Maintenance Page in WordPress without a Plugin

125. Remove WordPress Multisite Feature – ToDo List!

126. Remove/Replace Content from the WordPress Database

127. Seperate Comments from Trackbacks/Pingbacks

128. Show Your Top Contributors Without a Plugin

129. Showing Random Posts In WordPress

130. Sidebar With Dynamic Contents

131. Simple Autoresize for WordPress Background Image Function

132. Step by Step Guide to Setup FeedBurner for WordPress

133. Stop WordPress From Ever Logging Out

134. Styling Different Posts in Different Ways With Post_Class

135. The Easy Way To Make WordPress Ajax Pagination Using jQuery

136. The Essential Elements of your First WordPress Design Site

137. Top 10 Things to do after installing wordpress

138. Using HTML5 Elements in WordPress Post Content

139. Using WordPress as Membership Directory

140. Wicked WordPress Archives in One Easy Step

141. WordPress Breadcrumbs Without a Plugin

142. WordPress Custom Fields 101: Tips, Tricks, and Hacks

143. WordPress functions.php Template with 15 Essential Custom Functions

144. WordPress How to : Style comments of every roles

145. WordPress query_posts Tips

146. WordPress Template Hierarchy and Conditional Comments

147. WordPress tip: allow upload of more file types

148. WordPress tip: Create a PDF viewer shortcode

149. WordPress tip: Insert custom content after each post

150. WordPress tip: Send article to a friend by email

Your First Blog Post – What to Write

You’re ready to make your very first blog post but not quite sure what to say? Maybe you figure since blogging seems to be so casual you can post whatever your heart desires and not be overly concerned. If nothing more it will at least get the ball rolling for you.

Well actually you could post whatever you want. On the other hand you may be serious about doing something constructive with it like building a list of loyal subscriber’s who share a common interest.

The point here is if you have a definite direction or purpose for your new blog you should treat your first post much like an introduction to a new friend.

Here are 4 key elements you will want to include in your first blog post.

1) Introduce Yourself

Here’s your opportunity to give your readers a little insight into who you are. Share with them your interest, business experience, other personal experiences that may be of interest to them and relevant to the theme of your site. Inform your readers of any family or pets you may have and of what importance they may have to you and why. Share pictures if you’ve got them. After all one picture is worth a thousand words. Your readers will appreciate this.

You want your readers to become familiar with you while also gaining their trust.

2) What is Your Reason for Blogging

Now you’ll want your readers to know and understand your purpose or motivation for blogging. Make your intentions clear as to what nagging questions, dilemmas, or passions you plan to address. You want them to feel the anger, frustrations, passions, or enthusiasm you feel and the commitment you have to your blogging efforts.

3) What you Will be Blogging About

Your readers will want to know what to expect when they visit your site. What direction you’ll be taking on the stated theme and how you intend to address the issues of this subject matter. Will this just be an online ranting station or do you intend to take a more constructive, tactical and problem solving approach in addressing the topic at hand.

4) Encourage Comments

You immediately want to foster an atmosphere of community and involvement for your readers. Commenting and reader participation is a major factor in the growth and popularity of blogging. Build upon this by encouraging comments, disagreements, or criticisms from visitors and making it easy for them to do so. Make available your contact information (any of which is comfortable to you) but make it clear you are accessible to them.

Be sure to clearly state your comment policy so as to keep this area under control and constructive for both the blog owner and its readers.

Realizing that your first blog post is an introduction to your readers and including these 4 key elements in your initial post will give you a solid start for your new blog.

About the Author

TJ Philpott is an author and Internet entrepreneur based out of North Carolina. For additional online success tips and a free guide that demonstrates how to find both profitable markets and products visit: