Wordpress Plugin

Hungred Dot Com is a web development site. We have many code that was encoded automatically by WordPress for no good reason. Hence, it makes most of our code ugly and unreadable. This is very frustrating as i will have to go through each and every post in Hungred Dot Com to search for any problem on the post! Hence, i created this plugin that will replace WordPress smart quotes function with another function that can take in the tag of my WordPress syntax plugin. For those post that are currently suffering from code formatting, i have also implemented a decoding mechanism in this plugin to prevent special tag within the syntax plugin from being misunderstood as PHP start tag such as

<?php

will not be interpreted as code but plain text on the screen! I will display a screen shot of what it does at the end of this article.

Description

This is a small plugin that replace the smart quotes function in WordPress that format/encode the code in WordPress. Hence, most symbols will be formatted/encoded by WordPress texturize function.

Example,

'&' (ampersand) becomes '&amp'
'"' (double quote) becomes '&quot' 
''' (single quote) becomes ''' 
'< ' (less than) becomes '&lt'
'>' (greater than) becomes '&gt'

The plugin will help solve the above problem and produce the result below,

Example,

'&amp' (ampersand) becomes '&'
'&quot' (double quote) becomes '"' 
''' (single quote) becomes ''' 
'&lt' (less than) becomes '< '
'&gt' (greater than) becomes '>'

A control panel is also provided in this plugin to add in special tag for your code or disable smart quote in WordPress.
This problem is due to external code format plugin that required special tag such as

in syntaxhigher evolved.
Upon, activate, all existing article that was previously formatted will be decoded by this plugin while future article will be protected by the replaced texturize function for WordPress (so that the plugin tells WordPress texturize function to include your special tag from encode/format).

Hence, this plugin still provides you with the functionality of smart quote with the additional add on features to ease your life.

Screen shot of the plugin

Here are the control panel of Hungred Smart Quote. Simple and clear.

How to use this plugin

Do the following and you can ignore it for the rest of your life!

1. Install it into your wordpress site
2. Activate Hungred Smart Quotes
3. On setting, go to the control panel of Hungred Smart Quotes and decide whether to allow wordpress smart quote and what are the tag you used for your code plugin. I used syntaxhighlighter evolved which required

   to prevent WordPress from formatting my code

4. DONE!

That's it!

Plugin

You can search for this plugin on WordPress repository by typing 'hungred' as search criteria. If you want to manually install this, the link is here

Example

We are all visualize people. This is what the plugin can do if you just leave it alone and regardless if you enable or disabled WordPress smart quotes, the decoding mechanism will still run!

Before

After

Before

After

This plugin is something i build a few months ago but just published out to the public and share with you. This plugin basically do nothing unless there is a need to. Therefore, maintain the current efficiency rate of the website. This plugin helps you guys with large image that are so big when placed on your post that it went over shot your existing layout design. This is not desirable. Hence, a simple plugin is made to solve this problem (again this is a plugin for lazy or precautions people). I implement this plugin on Hungred.com and 1sitedaily.com.

Description

This is a very small and lightweight plugin that automatically adjust your images on your post with a maximum width. This is to eliminate the problem where your images are too large and overlap other parts of your website layout.
Any image that are greater than the maximum width is being adjust according to its ratio aspect. Those images that are smaller than the maximum width is being ignored
On the other hand, resized images also have its tag enhanced to have 'title' and 'alt' attributes for better SEO.

A control panel for adjusting the maximum width size is provided.

For version 0.7 onwards, there is a few new features.

1. User now can resize post images with specific tag
2. User can remove resize capability of a particular post by placing "noresize" on the alt attribute of the img tag
3. User can resize a particular post by placing "resize" on the alt attribute of the img tag for user to have absolute control over resizing of image.
4. Resize method has changed to an optimum one where resizing will not delay your website due to the waiting time for image detail using PHP getimagesize function.

Screen shot of the plugin

Here are the control panel of Hungred Image fit. Simple and clear.

How to use this plugin

This plugin is a straight forward type of plugin. Do the following and you can ignore it for the rest of your life!

1. Install it into your wordpress site
2. Activate Hungred Image Fit
3. On setting, go to the control panel of Hungred Image Fit and set the maximum width
4. DONE!

That's it!

On version 0.7, there are more control over the resizing plugin. Here are some information.

1. You can now resize post that associate with a particular tag. This is done on the admin page.
2. You can manually disable resizing on certain image by placing "noresize" on the img tag alt attribute
3. You can manually enable resizing for a particular tag that is not associate with any allowed tag by placing "resize" on the img tag alt attribute.
4. You can place the key "resize" or "noresize" by using wordpress uploader too.

Plugin

You can search for this plugin on WordPress repository by typing 'hungred' as search criteria. If you want to manually install this, the link is here

Example

I guess its really hard to tell what does this plugin do. Since i used this on 1sitedaily.com, i will show you their example.

Hungred Feature Post list is a WordPress plugin that is created to help WordPress users to feature their post easier. Although there are many featuring post plugin in the market right now. They all seems a bit outdated and troublesome to use. Therefore, i created a plugin for usage and hopefully people appreciate it.

Introduction of Hungred Feature Post List

This is similar to recent post embedded in WordPress. The only differences is that this come with a control panel where you can control the following stuff. *UPDATE v2 which also allows multiple feature for each widget!!!*

1. number of feature
2. CSS class on the feature container
3. CSS class on the feature widget
4. Feature type available, 'selected only', 'random only' and 'both
5. Table that shows all the selected feature post

It also come with a widget that allow you to customize the placement of the feature post

Features

Once you installed the plugin you will see an additional option in your setting bar, hungred feature post list. Once you clicked on it, you will enter to the admin page of this plugin as shown below,

Basically, the image speaks for itself. But i will kindly explain some of the options above.

• Feature Header: the header name of the widget
• Feature HClass: the header css class name
• Feature WClass: the widget css class name
• Feature Number: the number of feature post you want
• feature type: it can be random, selected or both.
• table below: the table below shows you the selected post to be featured by you

In order to active this plugin, you will need to go to the appearance section and clicked on 'widget' in the widget panel you will see a new panel as shown below,

drag this into your side bar and it will be activated.

*UPDATES*

For v2, you will need to configure each widget so that you have multiple feature widget for different post.

So, how do you feature your post? You can try to select some of the post to be featured on your page or let it randomly featured itself. By default, this is both made available. (both option on 'feature type' in the admin panel) You can select to feature a post by going into any post to edit and you will see an additional container on the far right of the page.

Basically, you just have to tick to make it as featured post. You can click the link to return to the admin page to check out all your feature post that you have selected. However, only post that are published can be featured!

*UPDATES*

For v2.0, you will see an additional select box which required you to select the widget you wished to feature this post to. Something like this.

Credit

Thanks to Michael Dalmer from http://massage.dk for the donation to this plugin development and release v2 (multiple featuring feature) to the public!

Demo

The feature post on this site is using this plugin. Try it. It is far better than most of the feature post plugin.

Known Issues

Here are the known issues on the plugin,

• Currently no report of bug

Support and Bug Report

1. Any bug report or enhancement please go to hungred.com contact me section for better responsiveness. You may also comment below and hopefully it won't be covered away
2. new enhancements will be coming along ( sorting, etc.)
3. maintenance will definitely be provided
4. any question feel free to ask i will try my best to respond asap
5. any other instruction you would like to know regarding the use of the plugin, please let me know.
6. Please read the FAQ section of the readme.txt file in the plugin for any doubts. ( a lot of Q n A )
7. The changelog can be viewed on the readme.txt file too.
8. Stable version is v1.0.0

Files and Last Note

You can download the file at

• Please proceed to WordPress to download the latest version
• Current version v2.0.0
• Article Last update: 12 Auguest 2010. Please refer to the change log on readme.txt (in the plugin) for more information

if my countless days and nights working on this plugin helps you, you can buy me a coffee! You can also support this plugin development by using the donate button below. Lastly, please share it with all the WordPress users if you find this useful to them and you can should your appreciation by linking us back or just say a thank you if you can 🙂

Finally, Hungred Post Thumbnail has been completed! This thumbnail is currently LIVE on Hungred.com and 1sitedaily.com. Originally, i wanted to showcase this plugin in a video but I really could not find a free and powerful one so you will have to bear with me until I find a suitable one. But in the meantime the plugin features can be seen below:

About the plugin

This plugin provides you with customization for your own WordPress theme without affecting your overall layout. There are options in the setting section that allows you to fully customize it for your needs. I understand that this plugin is for people who might not have any programming knowledge and would still like to customize thumbnails for their own needs without doing much of the work like resizing, CSS, HTML, WordPress codes, etc. ( i too do not wish to go through these each and every time!) and people who have already established a site with many posts but did not integrate such features in the beginning. Furthermore, the existing post thumbnails does not really suit my needs. Therefore, i created this plugin to help myself and distribute it out to you guys in the hope that it will be of good use.

This plugin is designed for hungred.com and for people who are facing the same problem. Basically it can be broken down into the following points:

1. Sites that have many posts but do not have any thumbnail features available
2. Sites that have just started and would like to have thumbnail capabilities
3. People who are lazy to continously upload thumbnails with each post
4. People who do not want to deal with codes and just the interface itself
5. A Thumbnail Plugin that can satisfy at least a basic need of resizing the image size to fit their own needs
6. Provides uploading capabilities without posting out to the public until the publish or update  button is clicked
7. A Basic Image Management System that can keep track of the images that have been uploaded
8. Provides random thumbnail features to their posts
9. Global size for all thumbnails
10. Updated and maintained
11. Cross browser capability
12. Powerful.

This plugin has been tested with the following browsers:

• Mozilla Firefox 3.0.11
• Internet Explorer 7.0.6001.18000
• Opera 9.64
• Chrome 2.0.172.33
• Safari 4

Features of Hungred Post Thumbnail

There are quite a number of features available in Hungred Post Thumbnail ever since my tester has been constantly giving me feedback on the plugin on both possible enhancements and bugs. You will see the following page on the setting section in the WordPress Administration panel.

There are three sections altogether in the admin page of Hungred Post Thumbnail; Post Setting, File management and Upload Section as shown below.

In the Post setting the options available are describe below:

• Thumbnail Width: width of the image, changing this will resize your image
• Thumbnail Height: height of the image, changing this will resize your image
• Thumbnail Space: border size of the around image
• Thumbnail Space Color: background color around the space visible to the user
• Thumbnail Space Border Color: border color around the image
• Thumbnail Gap: margin or distance between the image and the border
• Thumbnail Location: location is the position of the thumbnail on the main page of your site. Available position are top,left and right. Now Random added on v1.2.4
• Thumbnail Must Exist: this option specifies when a thumbnail must exist. The available options are excerpt only, more tag only, both and disabled. excerpt and more tag only display the thumbnail only when there is an excerpt and more tag provided respectively. Both will display the thumbnail whenever it sees excerpt or more tag. Lastly, disabled will disable the thumbnail from being displayed on the page.
• Thumbnail Default Exist: this option specifies whether a default image can be used when a thumbnail is not uploaded. Options are YES or NO
• Thumbnail Resize All: this option will resize all your uploaded images via Hungred Post Thumbnail into the newly assigned width and height. Options are YES or NO. If yes is clicked all image will be resized to the newly assigned width and height and resolution may be lost especially when a smaller image is resized to a larger one. (larger to smaller no effect) If a no is clicked, all existing image will remain as it is only the new uploaded images that will be resized to the new width and height. (old image remain the same size)
• Thumbnail Link To Post: this option allows users to choose whether they wish to have an anchor or link to the original post via the image. Options are YES or NO
• Thumbnail Keep Original: this option will help keep your original files so that upon resizing your image, the quality of your picture will remain good. Options are YES or NO
• Thumbnail on RSS: this option allows you to have thumbnails on RSS! The options are YES or NO.
• Thumbnail Default Display: This feature is the most interesting part which makes Hungred Post thumbnail powerful. There are three options altogether, single, random and smart. These are the methods available to display your thumbnail when theree are NO file uploaded. Once a file has uploaded it will use the uploaded images instead of the methods defined here. 'Single' method uses the default image display on the right side of the admin panel. 'Random' method will randomly display image when it doesn't see any upload file for the post uniquely. 'Smart' method will search for keywords in the file seperated by '-' symbol and compare against the category and topic of post to determine whether the image is suitable to display for that post. If nothing can be found it will look for images that has the prefix of 'hpt_' which are usually globally acceptable images. This is also displayed uniquely per post. 'advance' is being added on version 1.4.0 onwards. 'Advance' is an improvement of 'Smart' display type which uses score to try and display the most appropriate thumbnail. The differences between 'Advance' and 'Smart' is that 'Advance' will take up more resources than 'Smart' which simple just take 1 keyword into consideration while 'Advance' takes in all the keywords into consideration. Added first image mode upon 2.0
• Thumbnail Use Inner Style added on version 2.0 which disable the inline style

The above setting will affect your overall image display which you can customize to fulfill your need. The more important one has been placed with JavaScript to double confirm with you. Please take note that if you turn off your backup original setting, the resizing will take the current size image which might affect your overall resolution! But if you would like to save space and keep your hosting plan usage space low, you may turn it off but try not to resize upwards as downwards seems alright. Example, 500x500 when resized to 300x300 is fine but when resizing from 300x300 to 500x500 you will see a drop in quality.

If the resize is set to 'YES', the process may take a 40-50sec to resize 500 images. Depending on how large your image base is in Hungred Thumbnail Post, it may take longer. However, 500 images have been tested with a 512kb connection which only takes around 40-50 sec. Please take note that your original image should, at best, have a smaller size than 1MB or 100kb to optimize the resizing process and prevent out of memory problems in PHP.

In the case when you want to refer back to the original setting,

• Thumbnail Width: 250
• Thumbnail Height: 250
• Thumbnail Space: 1
• Thumbnail Space Color: #FFFFFF
• Thumbnail Space Border Color: #CCCCCC
• Thumbnail Gap: 5
• Thumbnail Default Image: default.png
• Thumbnail Loading Image: loading.png
• Thumbnail Location: LEFT
• Thumbnail Must Exist: BOTH
• Thumbnail Default Exist: YES
• Thumbnail Default Display: Random
• Thumbnail on RSS: YES
• Thumbnail Link To Post: YES
• Thumbnail Resize All: YES
• Thumbnail Keep Original: YES

The upload section will look like this and contains 4 upload bars.

• Thumbnail Default Image: upload function to change the default image if no image is attached. png, gif, jpg, jpeg are allowed only.preview is shown on the right hand side
• Thumbnail Loading Image: loading image is the image shown when the user upload an image on the post page. preview is shown beside the upload box. only gif is allowed.
• Thumbnail Random Image: this is the upload bar for random images when you select the random method as default image. Please name your files with keywords seperated with - symbols to use the smart method in the future.
• Thumbnail Norma Random Image: this upload bar is also for random images but it will append 'hpt_'  on your upload image to define it as a normal image if smart algorithm cannot find unique good match for your post.

Finally, the file management system was created to help manage your random image files which can be seen below,

It will provide you with the capability to rename and delete your random image files in order to fit your WordPress theme and category. For example, jQuery and JavaScript is not within your blog scope and you might wish to delete it. Images that are named default (with the 'hpt_' prefix) might be change to non default. You can view the name of each file by placing your mouse on top of the image and a small box will pop out with the name of the image. Below shows the simple image management in Hungred Post Thumbnail,

After an image was clicked,

v1.3.0 multiple upload bar added into file management system!

The other new thing you should have see if you installed Hungred Post Thumbnail is the new upload section in the post page.

This is fairly simple to use, if you have uploaded an image, it will show below the draft word and an alert box will appear before to indicate it has been completed (the button will be disable when an upload is occurring and enable when it is ready).

And you will see something like this when it is done.

Please take note that unless you have published your post, the thumbnail will not be shown to the public. If a thumbnail has been published to the public, a new picture will be shown below the 'Live image' word as shown below. But if the post does not contains a more tag or there are no excerpt, you won't see any thumbnail but the whole article instead (default by WordPress)

Once the post has been published or updated, the image will be shown!

Notice that this is a test site for my plugin. So the words are a bit random. Nonetheless, you can visit the main page of hungred.com to see the result of this plugin! The above image are the default one for more tag. If neither more tag nor excerpt exist in your theme, no thumbnail will be shown.

Additional Information

Here are additional information you might like to know about the plugin.

• Only Administrator are allowed to enter Hungred Post Thumbnail settings and file management.
• Uploaded images from post page will be removed when new image is uploaded
• Only post with thumbnail that are published will be seen by visitors
• published thumbnail cannot be deleted but can be replace by uploading a new image ( will update this upon enhancement)
• Image will only resize all when width or height changes in the admin panel
• upon delete of a post, every image and data related to that post will be deleted
• default image will not be resized when a group of image is resized since we don't keep backup for it
• loading image will never be resized
• if original image was not found/saved, the current image will be used for resizing
• In order to use smart method, images must have '-' symbols with every keywords. This is also to promote your site for SEO purposes in order for search engine to understand your image
• This plugin has been tuned for SEO purposes on version 1.31 onwards
• Multiple Upload has been added to file management system
• Please update to version 1.5.0 and above if you are using WordPress 2.8. Please refer to Prevent WordPress Plugin Update From Deleting Important Folder In Your Plugin on the changes of WordPress 2.8

How to Install Hungred Post Thumbnail

All WordPress Plugins install the same way.

1. Download the latest version of the Hungred Post Thumbnail WordPress Plugin to your computer.
2. With an FTP program, access your site’s server.
3. Upload (copy) the Plugin file(s) or folder to the /wp-content/plugins folder.
4. In your WordPress Administration Panels, click on Plugins from the menu.
5. You should see your Hungred Post Thumbnal Plugin listed. If not, with your FTP program, check the folder to see if it is installed. If it isn’t, upload the file(s) again. If it is, delete the files and upload them again.
6. To turn the WordPress Plugin on, click Activate which is located around the Hungred Post Thumbnail Plugin.
7. Check your Administration Panels or WordPress blog to see if the Plugin is working.

The other way is to search for Hungred Post Thumbnail on WordPress Administration Panel

1. Go to Plugin on the menu
2. Click on 'Add New' (for WordPress v2.8) or look for something similar that allow you to search for Plugin using WordPress Administration Panel (its a link for older version). You should see something like this,
3. 
4. on the search bar type hungred post thumbnail and you should find it
5. Click on install on the far right and a pop out box will appear.
6. Click on install now with the red bar  and go to your WordPress Plugin section and click activate
7. Check your Administration Panels or WordPress blog to see if the Plugin is working.

How to use Hungred Post Thumbnail

1. Activate the plugin

2. Go to the File Management on Hungred Post Thumbnail Administration section

3. Remove the default image files that you do not need

4. Upload any images with keywords on via the upload panel

5. Change the setting according to your need
6. Done.

Demo

Look at Hungred.com (this site), go to the home page you will notice that each post image will change upon refreshing. Currently, only this post's thumbnail will not refresh because i have uploaded a specific image for this post only (currently). Other post do not have their own thumbnails and will generate according to the keywords that i provided in each image (i am using the smart method in the plugin). You can use the random method when you have a set of theme images. For example, a set of tables, chairs,glasses, etc. Or you can just use single image if you want.

Known Issues

Here are the known issues on the plugin,

• NONE

Support and Bug Report

1. Any bug report or enhancement please go to hungred.com contact me section  for better responsiveness. You may also comment below and hopefully it won't be covered away
2. Please refer to the forum for question and answer section.
3. new enhancements will be coming along
4. maintenance will definitely be provided
5. any question feel free to ask i will try my best to respond asap
6. any other instruction you would like to know regarding the use of the plugin, please let me know.
7. Please read the FAQ section of the readme.txt file in the plugin for any doubts. ( a lot of Q n A )
8. The changelog can be viewed on the readme.txt file too.
9. Stable version is v2.0.0

Version 2.0.0

This document is a mess right now but still provides you with certain information. However, upon version 2.0 there are quite a number of changes in this plugin and i will advice you to upgrade. Hence, you might want to visit the readme.txt for all your question before moving towards the forum. In this section i will just paste in some screen shot for you to view the changes that has been made for this plugin. Definitely, it will be much better than the previous version as there are a lot of changes in it that i won't mention it here. And some images might be outdated and it should appear better than the one shown on the screenshot.  Thanks tosoccermylife.com for sponsoring this plugin development!

There should be another look than the one shown below

You can now customize each post thumbnail capability

Demo of each post customization

Explanation of what each button does

Demo of what plugin can do.

Please try to backup all your images before updating to this version since WordPress 2.8.0 onwards there is a slight changes on how WordPress update their plugin (delete folder and reinstall). If you face any problem updating to this version, you may want to reinstall this plugin by deleting the whole plugin and reinstall again as there is a major change on the structure of this plugin to cater the new features. Nonetheless, the update should work for everyone.

Files and Last Note

You can download the file at

• please proceed to WordPress to download the latest version
• Current version v2.0.0
• Article Last update: 15 October 2009. Please refer to the change log on readme.txt (in the plugin) for more information

if my countless days and nights working on this plugin helps you, you can buy me a coffee! You can also support this plugin development by using the donate button below. Lastly, please share it with all the WordPress users if you find this useful to them. You can also show us your appreciation by linking us back or just say a thank you if you can 🙂