The plug-in offers three links to change the font size of your blog. They can be inserted anywhere on your website by including a simple PHP-function (-> Installation). These links change the font size value of the most outward html element of the page: the body element. All values of the elements inside the html body must therefore have relative font size values. Only text that you want not to change its font size at all must have an absolute value.

Here is an example for better understanding: The default font size value of the body element must be set to “10px” (-> Installation). By clicking the “A+”-link this value will be set to “11px”. All elements with relative font size values like

p {font-size: 100%;}

will then be automatically adjusted to the new top-level font size. In this case the font size of a “p”-element will switch from 10px (100% of 10px = 10px) to 11px (100% of 11px = 11px). Font size values of other elements will change likewise (a value of 120% will result in a new font size of 13.2px).
Important: Relative font size values are calculated from the direct parent element. This means: An element B which has a 100% font size and which lays inside an element A that has a 120% font size will have the font size values of the element A (12px/13.2px), not the values calculated in proportion to the body element (10px/11px).

Installation

1. Upload the plug-in to the “/wp-content/plugins/” directory.

2. Activate the plug-in through the “Plug-ins” menu in WordPress.

3. Place “<?php resize_links(); ?>” in one of your templates to provide the scaling links on your website.

4. Go to your style.css file and assign a font size of 10px to the body element of your website: “body {font-size: 10px;}”.

5. This is the most important step: All other font size values in your style sheets must be relative values. Only elements with text that you want not to change its font size at all must have an absolute value.

The plug-in extracts the first image uploaded to a WordPress post by using a simple database query. Please note that the database order of the images is not influenced by the way you order your images in a post. The first image uploaded will remain the thumbnail, even if you place it at the end of your article. If you delete the first image, the second one will take its position. If no image at all is added to a post, the plug-in delivers a default image (a white WordPress logo with light grey background).

The title of the thumbnail is generated out of the post title. You can insert the image anywhere in your theme inside the wp-loop by adding a template tag to the source code. Please be aware that the plug-in does not scale or crop the images. It simply delivers the html tag. The styling is intended to be solved via CSS (-> Installation).

Installation

1. Upload “post_thumb” to the /wp-content/plugins/ directory

2. Activate the plugin through the “Plugins” menu in WordPress

3. Place <?php post_thumb(); ?> inside the wp-loop of your template, where ever you want the thumbnail to appear.

4. A nice way to use this plugin is to link the images to the post by wrapping the plugin template tag into the post URL:

<a href="<?php the_permalink(); ?>" rel="bookmark" title="<?php the_title(); ?>"><?php post_thumb(); ?></a>

5. Adjust display and image size using CSS. The plugin renounces on resizing the thumbnail because this can be done easily inside your style.css. You can use it at any place of your theme by giving it a max-width value. The height will automatically be adjusted and, in the case that the image is more narrow than the max-width, it will keep its original dimensions.

Download

Automatic Post Thumb plug-in