How to easily make WordPress images responsive

February 19, 2013 at 5:12 pm

Responsive images can be big on wide screens and automatically adapt to smaller screens such as iPad. Making your images responsive is not difficult to do: Here is a simple recipe to achieve it on your blog.

The first thing to do is to create the shortcode. To do so, open your functions.php file and paste the following code in it:

function responsive_images($atts, $content = null) {
     return '<div class="image-resized">' . $content .'</div>';
add_shortcode('responsive', 'responsive_images');

Once done, open your style.css file and add those CSS rules:

@media only screen and (max-width:767px) {
    .image-resized img {

You can now use the [responsive] shortcode to insert responsive images in your blog:

[responsive]<img src="image_url" alt="alt" title="title" />[/responsive]

Thanks to Rockable Themes for the tip!

How to disable automatic paragraphs in WordPress editor

February 14, 2013 at 6:19 pm

By default, WordPress automatically creates paragraphs on your post content. While this is generally useful, you might want to change this behavior to fit your specific needs. Today’s recipe explains how you can disable automatic paragraphs.

Simply paste the following line into your functions.php file:

remove_filter('the_content', 'wpautop');

That’s all. Once you saved the file, WordPress will no longer create automatic paragraphs on your content.

SQL query to turn categories into tags (and vice versa)

February 11, 2013 at 5:23 pm

Using the “Categories to Tags” tool, WordPress allows you to easily turn categories into tags. But if you have lots of categories to convert, this will take a while. Here is a simple SQL query that will turn all your categories into tags in a second.

Just run the following query on your WordPress database, and all categories will be turned into tags. Don’t forget to replace the table prefix wp_ if your database is using another prefix.
And of course, do not forget to make a backup of your database before running the query!

UPDATE wp_term_taxonomy SET taxonomy='post_tag', parent=0 WHERE taxonomy='category';

Thanks to Go WordPress for the tip!

How to exclude specific categories from your blog homepage

February 7, 2013 at 6:38 pm

When displaying your latest posts on the homepage, you might want to exclude some categories from displaying on this page. Here is a simple recipe to exclude specific categories from your blog homepage.

Copy the snippet below in your functions.php file. Replace the category IDs on line 3 with the ones you want to exclude. Then save the file and you’re done.

function exclude_category_home( $query ) {
    if ( $query->is_home ) {
        $query->set( 'cat', '-5, -34' );
    return $query;
add_filter( 'pre_get_posts', 'exclude_category_home' );

Thanks to WP Mayor for the code snippet!

ThemeFuse giveaway! 3 premium themes to win

February 5, 2013 at 5:07 pm

Do you want to win a free premium theme from our friends at ThemeFuse? Well, today’s might be your lucky day as ThemeFuse will give away 3 premium themes to WPRecipes readers.

A word about ThemeFuse

ThemeFuse is one of the most popular actors in the premium WordPress themes market. They provide lots of themes with a great design and solid code.

They have lots of different designs for lots of different needs, so you should definitely have a look to their website!

How to enter the contest?

To enter, simply leave a comment on this article to let me know which theme from ThemeFuse WordPress themes you’d like to win. In one week (February 13, 2013), I’ll randomly pick up 3 winners. Each winner will receive the theme of their choice from ThemeFuse.

Good luck everybody!

How to redirect your author archive link to your “About” page

January 31, 2013 at 5:01 pm

By default, when someone click on your author posts URL, he is redirected to your author archive page. It is useful on multi-author blogs, but if there’s only one author on your blog, author archives are pointless. Here is a quick tip to redirect your author archive link to your “About” page.

This code have to be pasted into your functions.php file. Don’t forget to replace about on line 4 by the slug used by your “About” page.

add_filter( 'author_link', 'my_author_link' );

function my_author_link() {
	return home_url( 'about' );

Thanks to Justin Tadlock for the cool tip!

WordPress shortcode to easily integrate a Google Map on your blog

January 28, 2013 at 5:13 pm

Google Maps are very useful to show locations on your blog, but they can be a bit tricky to integrate, especially for client or non tech-savvy users. Here is a shortcode that will make Google Maps integration super easy.

To create the shortcode, paste the code below into your functions.php file:

function rockable_googlemap($atts, $content = null) {
               "width" => '940',
               "height" => '300',
               "src" => ''
   ), $atts));
return '<div>
         <iframe src="'.$src.'&output=embed" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" width="'.$width.'" height="'.$height.'"></iframe>
add_shortcode("googlemap", "rockable_googlemap");

Once you saved your function.php file, you can start integrating Google Maps into your posts and pages. To do so, get the url of the map you’d like to display, and use the shortcode as shown below:

[googlemap src="google_map_url"]

or with custom width and height parameters:

[googlemap width="600" height="250" src="google_map_url"]

Thanks to Rockable Themes for the tip!

How to prevent WordPress to display login errors

January 24, 2013 at 6:50 pm

By default, when you (or someone else) fail to login on your wp-admin, WordPress displays an error message. While those messages might be useful, they can also be used by hackers to track their progress. Here is a nice tip to prevent WordPress from displaying login errors.

Paste the following line of code into your functions.php file:

add_filter('login_errors', create_function('$a', "return null;"));

Once you saved the file, WordPress will not display any login error messages anymore.

Thanks to WP Tuts for the tip!

How to display post attachment count in admin post list

January 14, 2013 at 5:21 pm

If you’re using many attachments in your posts, you might like to be able to visualize how many attachments a post have just from the admin post list. Here is a quick recipe to force WordPress to display post attachment count in admin post list.

Just paste the code below into your function.php file. Once you saved the file, a new column will display the post attachment count on your admin post list.

add_filter('manage_posts_columns', 'posts_columns_attachment_count', 5);
add_action('manage_posts_custom_column', 'posts_custom_columns_attachment_count', 5, 2);
function posts_columns_attachment_count($defaults){
    $defaults['wps_post_attachments'] = __('Att');
    return $defaults;
function posts_custom_columns_attachment_count($column_name, $id){
        if($column_name === 'wps_post_attachments'){
        $attachments = get_children(array('post_parent'=>$id));
        $count = count($attachments);
        if($count !=0){echo $count;}

Thanks to Kevin Chard for the tip!

Automatically add classes to links generated by next_posts_link and previous_posts_link

January 9, 2013 at 4:37 pm

By default, the next_posts_link() and previous_posts_link() are generated with no custom class. If you need one for your CSS styling or anything else, here’s a pretty simple way to add the needed class by using a hook.

Paste the following code in your functions.php file:

add_filter('next_posts_link_attributes', 'posts_link_attributes');
add_filter('previous_posts_link_attributes', 'posts_link_attributes');

function posts_link_attributes() {
    return 'class="myclass"';

Thanks to CSS Tricks for the function!