Type of plugin
You should only pick plugin blog that suits your needs. Not recommended to put a lot of plugins in a blog, as this would interfere with the performance of the blog itself, especially if the plugin is used not in accordance with the characteristics of these blogs.

Paid or free
As more and more use of the plugin, of course, you can specify the type of plugin that will be used, whether paid or free. Of each version of the plugin is certainly has its advantages and disadvantages. If you want to seriously pursue the blog, it is better to use a paid plugin, although this is not required, because there are also several free plugins are pretty powerful.

Number of users plugin
Of statistics on the number of plugins download a parameter of the plugin. More and more people use the plugin, it stands to reason that the plugin is quite useful. You can also use a plugin like this to improve the performance of these blogs by first looking at the number of users of existing plugins.

WordPress Tricks & Tips - Be careful to choose a plugin for wordpress

WordPress Tricks & Tips - Test New Post to Fix Bugs

Create a rounded corner using CSS and JQuery Plugin

To make a nice look themes needs more knowledge, it’s not like we design some printing ads such as brochure, name card, or else that we doesn’t have to think is it compatible with many browser. Actually it’s not only for WordPress themes, but almost all web design we must considered cross browser and also we need to make a clean website that already tested by CSS and HTML Validation.

This time I’d like to shared about how to make a rounded corner which is support all browser. As all we know several browser like Mozilla Firefox, Opera, and Safari has announce that they are compatible with CSS3. It will make our job easier, because they have already support some CSS script to make a rounded corner like this syntax below :

 .element {border-radius: 4px}  

This code above will set a 4px radius on all 4 corners. Now we need some browser specific CSS combined with a little JavaScript to make this work in all browsers. In Safari, Chrome, and other webkit browsers we use -webkit-border-radius and in Firefox and other Mozilla based browsers we use -moz-border-radius.

     .corner {
        border-radius: 4px
        -webkit-border-radius: 4px
        -moz-border-radius: 4px
    }

Webkit and Mozilla use different syntax when specifying one corner.

For non Webkit and Mozilla browsers a little jQuery plugin will mimic the border-radius property.

    $(".element").corner("4px");  

The jQuery corner plugin allows for more than setting the radius of the corner. You can also set the corner to show as a number of other patterns.

Picture taken from : http://www.flickr.com/photos/sweron/3342154268/

WordPress Tricks & Tips - How to make a rounded corner support all browser

This code is added new metadata for Facebook. This metadata only available on single and page. Let’s get started. Open your header.php and re write this code.

<?php
	$thumb = get_post_meta($post->ID,'_thumbnail_id',false);
	$thumb = wp_get_attachment_image_src($thumb[0], false);
	$thumb = $thumb[0];
	$default_img = get_bloginfo('stylesheet_directory').'/images/default_icon.jpg';
	?>

<?php if(is_single() || is_page()) { ?>
	<meta property="og:type" content="article" />
	<meta property="og:title" content="<?php single_post_title(''); ?>" />
	<meta property="og:description" content="<?php
	$out_excerpt = str_replace(array("\r\n", "\r", "\n"), "", get_the_excerpt());
	echo apply_filters('the_excerpt_rss', $out_excerpt);
	?>" />
	<meta property="og:url" content="<?php the_permalink(); ?>"/>
	<meta property="og:image" content="<?php if ( $thumb[0] == null ) { echo $default_img; } else { echo $thumb; } ?>" />
<?php  } else { ?>
	<meta property="og:type" content="article" />
   <meta property="og:title" content="<?php bloginfo('name'); ?>" />
	<meta property="og:url" content="<?php bloginfo('url'); ?>"/>
	<meta property="og:description" content="<?php bloginfo('description'); ?>" />
    <meta property="og:image" content="<?php  if ( $thumb[0] == null ) { echo $default_img; } else { echo $thumb; } ?>" />
<?php  }  ?>

Please notes, you need put this code inside <head> and before </head> to make it works

You check more details on Chad Von blogs.

WordPress Tricks & Tips - Tweak You WordPress Post for better Facebook Share

Many people very concern about W3C standard code of CSS and HTML syntax. For me, W3C standard is important but it’s not become my top list when I developed a themes. I was more concern about how fast a website could load all their contents.

Some people says that WordPress engine was quite slow to load the content just like another PHP framework such as CodeIgniter even though it’s not the same one. But I really enjoy it and it’s become my first priority when I create a web project such as a company profile or a magazine.

Ok then, let’s get to start how to speed up WordPress Engine as your main site.

1. You need a super cache plugin called W3 Total Cache. Your website will be cached by this plugin and you could speed up more than 30% faster.
2. Http Express is a HTTP proxy that catches all images, css, javascript and flash movies on the fly to add correct HTTP headers. This plugin create an Expires, Cache-control, Pragma, Last-modified automatically. It could reduce about 20%.
3. WP-HTML-Compression,This plugin will compress your HTML by removing standard comments and white space; including new lines, carriage returns, tabs and excess spaces. Most importantly, by ignoring pre, textarea, script and Explorer conditional comment tags, presentation will not be affected.This plugin will reduce website load about 30%.

So, you could dramatically make your website very fast using this three plugins and it’s all free to download. Don’t forget to check your site before and after optimize your web.

Here it is some tools you might need to check :

Mozilla Firefox Add Ons : Firebug & YSlow
Web tools : GTMetrix & iWebTool

WordPress Tricks & Tips - How to speed up your WordPress themes

We can set it daily, hourly, etc. Let’s me give any example. Just paste this code on your functions.php

if (!wp_next_scheduled('do_hook')) {
	wp_schedule_event( time(), 'hourly', 'my_task_hook' );
}

add_action( 'do_hook', 'do_function' );

function do_function() {
	wp_mail('you@WPTricks.net', 'Automatic email', 'Hello, this is an automatically scheduled email from WordPress.');
}

More details about this example explanation you can check it on WP Recipes about it

WordPress Tricks & Tips - How To Use Cron to schedule events in your WordPress blog

Google Web Fonts

This method is simple, all need to do little experience in CSS and XHTML. The first time is open your header.php because we need to add this code.

<link href='http://fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>

And save your header.php
Next step is open your style.css on your current theme files. Example in you theme you need to use this font only on Post Title. Add this code on the end of your style.css

.post h2 {
  font-family: 'Anton', serif;
  font-size: 28px;
}

That’s it default style. If you want added drop shadow effect on your font you can enhanced your style, follow this next example

 .post h2 {
  font-family: 'Anton', serif;
  font-size: 28px;
 text-shadow: 4px 4px 4px #aaa;
}

That’s is now on your Post will use Anton Font style. We hope How To Integrate Google Font Directory on WordPress Theme work on you side

WordPress Tricks & Tips - How To Integrate Google Font Directory on WordPress Theme

Visual Editor WordPress

We only needed to added extra function and call the necessary button and using add_filter method to automatically added new button into our visual editor.

Follow this guide to Add More Button on Visual Mode WordPress Editor

1. Open functions.php on your current theme using your favorite editor
2. Add this code.

   function add_more_buttons($buttons) {
     $buttons[] = 'hr';
     $buttons[] = 'del';
     $buttons[] = 'sub';
     $buttons[] = 'sup';
     $buttons[] = 'fontselect';
     $buttons[] = 'fontsizeselect';
     $buttons[] = 'cleanup';
     $buttons[] = 'styleselect';
     return $buttons;
   }
   add_filter("mce_buttons_3", "add_more_buttons");
   

   Please note, you can add all of this button or added that you are really needed

3. Save your functions.php and test it on your WordPress Editor

That’s it, now you have new button activated on your WordPress Visual Editor Mode. Thanks for WPMU for this tips

Photos source http://www.flickr.com/photos/see_a_new_you/3365617374

WordPress Tricks & Tips - How To Add More Button on Visual Mode WordPress Editor

Choose Premium Theme - Marisa Miller on Spike

For me, Free High Quality themes is enough, but for some reason such as e Commerce theme, Extra Premium Magazine Theme, Custom News Paper Theme or more sophisticated Theme. Premium theme can be a good alternate. Such as NewsleySingle Licensed or Developer Licensed, new themes from WPZOOM., this is another high quality theme. If you need more colorful, you can tried Yamidoo, Zanko, Evertis, Monograph from the same developer.

This is the sample of Premium Theme that I like it, You can’t download this theme, you need to paid and you’ll get Download Link from WPZOOM.

WordPress Tricks & Tips - Choose Perfect WordPress Theme

Let’s do it, first open your functions.php your current themes and add this tiny function.

add_filter('wp_default_editor', create_function('', 'return "html";'));

That’s it, now you have setup HTML Editor as the default on your WordPress. Thanks for WP Recipes for this tips

WordPress Tricks & Tips - How To Set HTML editor as the default on WordPress