Sometimes you just want to upload a file to a post/page/category/taxonomy/etc.. This plugin allows you to do that with no popups, no additional page loads, no extra work‚ just a simple upload button on you post/page editor. Works with custom post types as well! You can have as many uploaders per page as you like. It even creates shortcakes and widgets for your use so no coding required! (code snippets also available if needed for a more custom integration).

I originally wrote this for a client as a way to get company logos to appear inside WordPress posts… easy you say huh? What about if we were dealing with people who had no idea what to do when looking at the standard WordPress ‘Add Media’ or ‘Add Image’ page. It all seemed a bit too complicated for the average person so SB Uploader was born.

The idea of the plugin is that it means the act of uploading an image can be done on the same page as the Post/Page editor and there is no separate upload button, just the Save/Publish Post/Page button as normal. This ensures that as part of their blog post or copywriting process an image could be chosen before publishing.

I have added the ability to also upload images to a category/tag/taxonomy so you can have images showing related to a particular taxonomy. The plugin now allows you to have multiple instances of an uploader meaning that each page can have as many images attached as you like. It also creates shortcodes for each image and allows access via custom widgets as well. I’m pretty sure that’s all bases covered for now.. Do let me know if you want to see this plugin extended in ANY way.

How does it work (Posts/Pages)?

Well the plugin uses JQuery to add the ‘enctype’ argument to the form on the editor page meaning no code WordPress code manipulation is necessary. A box is added to the top right hand corner of the edit page interface with a simple file selector with browse button. When the user hits Publish/Save the file is uploaded and the URL put into a post/page custom field called company_logo. This can then be used by your theme using the following code:

if ($image = get_post_meta(get_the_ID(), ‘post_image’, true)) {
$image = ‘<img src=”‘ . $image . ‘” alt=”Image” />’;
}
echo $image;

How does it work (Tags/Categories/Taxonomies)?

As above with the jQuery but the file upload boxes are added to the taxonomy edit pages instead. Just click browse, choose an image and save the taxonomy/tag/category and you’re done.

I would normally wrap the image variable in a div tag with a class or give the image itself a class so that I can restrict the size or float the image (or both?) using the stylesheet. It simply means that you can include that image inside a template if it exists.

So far I have used it on several sites and not one person had managed to break it or struggled using it. That isn’t a challenge though!

As a little bonus for those that know what they are doing I have written a very basic file explorer to allow you to look around the file system of the site in question and upload/download files as appropriate.

Screenshots

Download: SB Uploader (12.51 kB)

Enjoy! Feedback always welcome…