• Home
  • About Mitch
  • Speaking
  • Articles
  • Contact
  • Home
  • About Mitch
  • Speaking
  • Articles
  • Contact

Digital Strategist

WordPress Developer

Content Creator

Unapologetic Punk

Mitch Canter

  • X
  • Bluesky
  • GitHub
  • Twitch
  • YouTube
  • LinkedIn
WordPress

WPThumb: Bringing Back The “Hard Crop”

CMDR Mitchcraft

Reading time: 2 minutes

One of the most useful features WordPress has is the ability to create custom image sizes from uploads.  This takes the guesswork out of design, as it allows me to specify exactly the dimensions I need for my image.  For a long time, WordPress had the ability to switch between a “soft crop”, which basically resizes the images without any actual editing, and “hard crop”, which physically cut photos down to the size you requested.  Turns out, WordPress 3.0+ got rid of the hard crop, which allowed me to set the specific sizes, instead of just specifying a width and hoping for the best.

WPThumb brings it back to the way it was.  Installing WPThumb will allow you utilize their built-in cropping library to get pixel-perfect thumbnail sizes.

WPThumb Instructions

Download and activate the plugin, either through your own site or from the WPThumb plugin page.  There’s no settings to mess with; once WPThumb is installed, it’s activated.

Now, set a custom image size (this code goes in your functions.php file)…

add_image_size( 'homepage-thumb', 220, 180, true ); // 220 pixels wide by 180 pixels tall, hard crop mode

…and then call the image as needed (in your template – make sure it’s in the loop!)…

<?php the_post_thumbnail( 'homepage-thumb' ); ?>

And that’s all there is to it.  WPThumb will start hard-cropping images automatically.

How does the cropping work?

Say you have an image that’s 600px by 400px.  You set a crop size of 200 px by 200px.  WordPress will:

  1. Shrink the image down proportionately to 300px by 200px (to the smallest size)
  2. Remove an even amount of pixels from the largest size to resize it.  Since there’s 100px of extra image to get rid of, 50px will be removed from both the left and right sides.

More info:
http://codex.wordpress.org/Function_Reference/add_image_size
http://codex.wordpress.org/Function_Reference/the_post_thumbnail

Export
  • Easy Javascript ToolTips in WordPress

    Easy Javascript ToolTips in WordPress

    Reading time: 1 minute

    A client needed a simple way to preserve real estate on the sidebar, but still have the ability to display their policies at a quick glance.  I found a plugin on the repository that uses the TipTip jquery script and condenses it down into a simple-to-use shortcode (complete with button on the editing screen). The…

    WordPress
  • Latest WordPress Hack – Check your Permalinks, People!

    Latest WordPress Hack – Check your Permalinks, People!

    Reading time: 2 minutes

    I’ll type this without the normal pleasantries to make sure this gets out quickly. There’s a WordPress hacker on the loose, and he’s pretty sneaky – he creates a user unseeable to the naked eye (except for the one extra user in the administrator users menu) and masks himself to you, making it easy for…

    WordPress