var iOs = agent.indexOf('iphone') >= 0 || agent.indexOf('ipad') >= 0;
var clickEvent = iOs ? 'touchend' : 'click';
var touchMoving = false;
if (iOs)
{
  document.ontouchmove = function(e)
  {
     touchMoving = true;
  }

  document.ontouchend = function(e)
  {
    touchMoving = false;
  }
} 

$(document).bind('ready', function()
{
  $('#somelink').bind(clickEvent, function()
  {
    if (touchMoving) return false;
    // your code here
  });
}

Prevent click event when scrolling on iPad

function home_page_menu_args( $args )
{
  $args['show_home'] = true;
  return $args;
}
add_filter( 'wp_page_menu_args', 'home_page_menu_args' );

Can’t find your way home?

WordPress plugin of the day: Tweet

It’s typical for plugins to have their options under the Options or Extra menu items, but with a too low capabilities. We changed the edit_pages capability to manage_options so that only administrators could see them. The Admin Menu Editor plugin is also very handy for rearranging menu items and for renaming them.

WordPress plugin of the day: Admin Menu Editor

remove_filter('the_content', 'feedwordpress_preserve_syndicated_content', -10000);
remove_filter('the_content', 'feedwordpress_restore_syndicated_content', 10000);

WordPress Syndication and the_content filter

WordPress plugin of the day: Capability Manager

// $date is in yyyy-mm-dd format
function any_date($date = '2011-10-28')
{
  $format = get_option('date_format');
  return apply_filters('get_the_time', mysql2date($format, $date), $format);
}

Format any date according to WordPress date formatting settings

WordPress plugin of the day: Advanced Excerpt

// search for a template for the current post
// template is based on the current category id
// if no category template is found, keep searching parent categories
// filename structure: single-cat-0.php where 0 is the number of the category id 

function mytheme_single_template($template)
{
  foreach( (array) get_the_category() as $cat )
  {
    // get template for current category
    $file = TEMPLATEPATH . '/single-cat-' . $cat->term_id . '.php';
    if (file_exists($file)) return $file;

    // search ancestor categories
    while ($cat->category_parent != 0)
    {
      $cat = get_category($cat->category_parent);
      $file = TEMPLATEPATH . '/single-cat-' . $cat->term_id . '.php';
      if (file_exists($file)) return $file;
    }
  }

  // return original template
  return $template;
}
add_filter('single_template', 'mytheme_single_template');

// search for a template for the current category
// template is based on the current category id
// if no category template is found, keep searching parent categories
// filename structure: category-0.php where 0 is the number of the category id 

function mytheme_category_template($template)
{
  $cat_id = get_query_var('cat');
  $cat = get_category($cat_id);

  $file = TEMPLATEPATH . '/category-' . $cat->term_id . '.php';
  if (file_exists($file)) return $file;

  while ($cat->category_parent != 0)
  {
    $cat = get_category($cat->category_parent);
    $file = TEMPLATEPATH . '/category-' . $cat->term_id . '.php';
    if (file_exists($file)) return $file;
  }

  return $template;
}
add_filter('category_template', 'mytheme_category_template');

Hierarchical WordPress templates

WordPress plugin of the day: p2pConverter

AddThis sharing + Google Analytics event tracking

Yourls – Your Own Url Shortener

WordPress plugin of the day: Regenerate Thumbnails

Download it here; wordpress.org/extend/plugins/resize-at-upload-plus/

WordPress plugin of the day: Resize at Upload Plus

Loading multiple small files is slower than loading one big file; each connection takes time to set up so lets minimize the number of connections your website makes. Ideally you only need two connections; one for all your javascript files and one for all your CSS files. There are a variety of plugins available to do this but since we like to code we have devised own method. Simply put, we create a php file that includes the files we need. On top of that it also applies gzip compression (making the file a lot smaller) and adds expiration headers (so your browser can cache the files and only needs to load them once). Get ready for some code!

We’re assuming you put all your CSS files in a directory named css and put all your javascripts files in a directory named js, these directories reside in your theme directory. In both directories we created files named index.php, this saves a few bytes when include the files in the head of our html document.

Creating css/index.php

Create a file named index.php in your css directory and fill it with the code below:

<?php
  ob_start ("ob_gzhandler"); // gzip compression
  header("Content-type: text/css; charset: UTF-8"); // mime-type
  header("Cache-Control: must-revalidate");
  header("Expires: " . gmdate("D, d M Y H:i:s", time() + 604800) . " GMT"); // near future expires header

  $dir = ''; // root dir for your css files

  // array of css files and their media type
  $css = array(
    'all' => array(
      'reset.css'
    ),
    'handheld' => array(
      'handheld.css'
    ),
    'screen' => array(
      'screen.css'
    )
  );

  // include all css files and wrap them in @media
  foreach($css as $media => $urls)
  {
    echo "@media $media {\n\n";
    foreach($urls as $url)
    {
      if (!empty($url)) include($dir . $url);
    }
    echo "}\n\n";
  }
?>

Find all references to css files in your theme and add the css file names to the $css array. Each media type has it’s own key, so put them in the right place! When your done, delete all the old css references in your theme and replace them with the following line of code:

<link rel="stylesheet" type="text/css" href="/css/" />

Creating js/index.php

Lets do the same for javascript files, create a file named index.php in your js directory and fill it with the code below:

<?php
  ob_start("ob_gzhandler"); // gzip compression
  header("content-type: application/x-javascript"); // mime-type
  header("Cache-Control: must-revalidate");
  header("Expires: " . gmdate("D, d M Y H:i:s", time() + 604800) . " GMT"); // near future expires header

  $dir = ''; // root dir for your js files

  // array of scripts files
  $scripts = array(
    'jquery-1.6.2.min.js',
    'script.js'
  );

  foreach($scripts as $script)
  {
    include($script);
  }
?>

Find all references to javascript files in your theme and add the file names to the $scripts array. When your done, delete all the old javascript references in your theme and replace them with the following line of code:

<script src="/js/" type="text/javascript" charset="utf-8"></script>

All done! Now check your website again in YSlow and see the differences. Our CSS file was 21KB without compression and 5.8KB with compression. Our javascript file went from 126KB to 42.5KB. Did you notice you don’t actually need to have ‘index.php’ in your script or link tags? Saves a few bytes as well!

Getting good grades with YSlow – Part 1: Combining javascript and CSS files

First of all, change your permalink structure to /%category%/%postname%/ Also, may I suggest you install the WP No Category Base plugin? This makes your permalinks very pretty and very readable like so: www.yourwebsite.com/parent-category-name/child-category-name/post-name.

Guess what? The last part of the URL is the slug of your post name, the part before the slash is the slug of the current category! We’re going to use this to write our own permalinks. Trust me .. they’ll work even if WordPress suggest otherwise. You can try this right now if you want to. Go to your website (after installing the plug-in and changing your permalink structure of-course) and type www.yourwebsite.com/that-other-category-you-assigned-to-your-post/the-slug-of-your-post into the address bar. Does it work?

Now on the coding part. I assume you are familiar with coding in PHP and now where your functions.php file is? It’s in the folder of your current theme. Go and and open it. We need to add the following lines of code to this file:

function multiple_category_post_link($url = '')
{
  // check permalink structure for the required construct; /%category%/%postname%/
  if (strrpos(get_option('permalink_structure'), '%category%/%postname%') !== false)
  {
    // get the current post
    global $post, $wp_query;

    // prepare variables for use below
    $post_id = $cat_id = 0;
    $new_url = '';

    // for categories
    if (is_category())
    {
      // remember current category and post
      $cat_id = get_query_var('cat');
      $post_id = $post->ID;

      // add the post slug to the current url
      $new_url = $_SERVER['REQUEST_URI'] . $post->post_name;
    }

    // for single posts
    else if (is_single())
    {
      // last part in the 'category_name' should be the slug for the current category
      $cat_slug = array_pop(explode('/', get_query_var('category_name')));
      $cat = get_category_by_slug($cat_slug);

      // remember current category and post
      $post_id = $wp_query->post->ID;
      if ($cat) $cat_id = $cat->cat_ID;

      // replace the slug of the post being viewed by the slug of $post
      $new_url = str_replace('/' . get_query_var('name'), '', $_SERVER['REQUEST_URI']) . $post->post_name;
    } 

    if ($post_id > 0 && $cat_id > 0 && !empty($new_url))
    {
      // make sure categories match!
      foreach(get_the_category($post_id) as $cat)
      {
        if ($cat->cat_ID == $cat_id)
        {
          $url = $new_url;
          break;
        }
      }
    }
  }   

  // always return an url!
  return $url;
}
add_filter('post_link', 'multiple_category_post_link');

Save and upload your new functions.php file to your webserver and check out the changes on your website. You can also download the text file with all the code; multiple_category_post_link.txt. Let us know if it worked in the comments below.

Multiple permalinks for a single post with multiple categories in WordPress

function jpeg_quality_filter($quality) { return 100; }
add_filter('jpeg_quality', 'jpeg_quality_filter');

Add to the functions.php file in your theme directory and change ’100′ to the desired jpeg compression value (higher is better).

WordPress thumbnail quality