I Like This

Use

The plugin doesn't work?

  • Make sure that you have only ONE time jQuery enabled in your theme (you can disable it under the preferences pane).
  • Make sure that the file like.php in the plugin directory wp-content/plugins/i-like-this/ can be executed (CHMOD 644 or if it doesn't work CHMOD 755)

The plugin return some errors

WordPress use a function — used by I Like This — that is deprecated in PHP 5.3.x. Using this version may return some errors like this one:

Deprecated: Assigning the return value of new by reference is deprecated in /home/dailycr5/public_html/wp-settings.php on line XXX

To resolve the problem, simply use an older PHP version, like 5.2.x. You can also hide deprecated errors using PHP function error_reporting. More information about this problem here.

How can I put the counter wherever I want?

  1. Place <?php if(function_exists(getILikeThis)) getILikeThis('get'); ?> wherever you want in your templates but don't forget to put it into the loop if the page display more than one post.
  2. Disable "Automatic Display" under the preference pane.

How can I display the most liked posts without the widget?

Use the following code <ul class="mostlikedposts"><?php most_liked_posts('5', '<li>', '</li>', '0') ?></ul>. It will return a list of 5 items. Of course you can change these settings as desired. Set the last argument to "1" to show the post count.

Customizing

First, you have to know that the file used for styling the plugin is /wp-content/plugins/i-like-this/css/i-like-this.css. If you make any modification in this file, be careful about the updates! Don’t do an auto-update via the administration, your file will be erased! Backup this file and upload next updates manually (without replacing it, of course).

Instead, you should keep this file unmodified and add the following properties in the style.css of your template.

How can I increase the font size?

Add the property font-size to the class .iLikeThis

.iLikeThis {
    font-size: 1.5em;
}

You can obviously change the value as you want, 1em is the normal value.

How can I put the counter near the post title?

For this customization, you have to do some modifications in your theme. Go to your theme folder and choose the template you want to customize: index.php, single.php, archive.php or search.php (for more information, see Wordpress Template Hierarchy).

Place this code <?php if(function_exists(getILikeThis)) getILikeThis('get'); ?> right before the post title, like this:

<div <?php post_class(); ?> id="post-<?php the_ID(); ?>">
    <?php if(function_exists(getILikeThis)) getILikeThis('get'); ?>
    <h2 class="post-title"><a href="<?php the_permalink() ?>" rel="bookmark"><?php the_title(); ?></a></h2>
    (...)*
</div>

*Here is others lines of code to display your post content, but you don’t need to change them. Note that this example use the original WordPress theme.

You can now make some changes in our CSS file by adding a float property to the class .iLikeThis, this will put it right from the title. I also added a background-color, a padding and some border-radius properties — for rounded corners — but it’s not essential.

.iLikeThis {
    float: right;
    background-color: #ccc;
    padding: 10px;
    border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

If it doesn’t work, the theme Smooth has this style. Try to download it and look at the source code to understand.

How can I change the images?

Simply replace the files in wp-content/plugins/i-like-this/css/. If you choose an image bigger than 16×16px, it will be cropped. I’ll not give an example for that because it’s different for each image.

Recent Discussions

24 Feb, 2016 05:49 PM
30 Nov, 2013 03:31 PM
30 Nov, 2013 03:10 PM
30 Nov, 2013 11:55 AM
30 Nov, 2013 11:24 AM

Recent Articles