How to change font size using WP-chgFontSize plugin for Wordpress

by R.J. on May 25, 2009

Frank Duveneck: old lady with a cap

Can your Great Aunt Penny who just had hip surgery read your site?

If she can’t, then neither can a large population of your mature readers.  If you write about real estate, golf, investing or retirement then you understand what I’m talking about. But increasing the default font size of a site will affect your design, and you probably don’t want that after all the work you’ve put into it or money you’ve paid for it.  So the question is, then, how do we allow readers to optionally increase the font size of their blog content without affecting the rest of the site?

The answer is a simple wordpress plugin that will rock you, if you know how to use it.

WP-chgFontSize is a plugin that installs easily through FTP and allows your readers to increase or decrease the font size of a specific <div id> of your website, for example <div id=”sidebars”> or <div id=”content”>.

Wait…<div>…what is that and why should I care?  Just tell me how to use the thing already!

Ok, here are step-by-step instructions on how to install and use the plugin.

Installation:

  1. Download the plugin to your desktop.
  2. Double click the the .zip folder to unzip it.  You can delete the .zip folder at this point.
  3. Open your FTP client and navigate to your “plugins” folder.  Drag and drop the wp-chgfontsize folder to your plugins folder.
  4. Open your web browser of choice and go to your wordpress control panel.  Under “Appearance” select “widgets.”  Towards the bottom of the page you’ll see the wp-chgfontsize plugin.  Click the link on the right side of the page to activate it.
  5. Installation is complete!  But Now it’s time to set it up for use with your blog.

Setup:

  1. In the bottom left of your page, click the link that says “Font Size.”
  2. Enter setting similar to the picture shown below:

Control Panel Setting for WP-chgFontSize

You can change the values however you’d like, of course.  Also, you’ll notice that as the font gets larger, your sidebars get shuffled to the bottom of the page.  I’m working on a way around this and will update this post as I get closer.

Did this tutorial help you out?  Do you know a better way and want to let me know?  I’d love to hear about it in the comments!

Comments on this entry are closed.

Previous post: Making an Image Opaque with CSS

Next post: Beat the Thesis Theme Learning Curve