5 WordPress Plugins We Love

posted by Raffi Blogging No Comments »

We design a lot of web sites using WordPress so our clients can update content of the site without calling us. Just like any other website, though, one WordPress site might require different features than another. Often, you’ll luck out and find a WordPress Plugin that is free and has already been programmed to function the way you want it to. This might include installing a contact form for web visitors to fill out, or adding a slideshow of photos to a page.

There are a lot of WordPress Plugins we love and use frequently. Here are 5:

1. Contact From 7: Studies show 50% of web users like to actively use contact info on a page (to call or find you), and 50% of users are more passive and prefer to fill out a contact form. Unless you know how to code using PHP, and install a PHP plugin, it might be difficult to allow users to fill out a form on your site. Contact Form 7 solves this problem! It’s a contact form that is simple but flexible. Other programmers have added plugins to expand this plugin, making it even more robust.

2. Link Within: This plugin does not work with all themes, but when it does it keeps readers engaged and increases traffic by putting links to additional posts from your blog’s archives under a post. It’s a great way to expose new readers to old posts they might not otherwise read.

3. Add to Any: Lets readers share, bookmark, and email your posts and pages using  Facebook, Twitter, Google Buzz, Digg, Delicious, and well over 100 more sharing and social bookmarking sites. Also includes a Facebook Like Button and Twitter Tweet Button. You need to test this out though, and make sure it plays nice with your theme on both Posts and Pages before using it.

4. Content Slide Plugin: Create a customizable slideshow anywhere on your WordPress site with rotating images.

5. Embed iFrame: Easily embed bits of code that is typically shared within an iframe, such as a Google Map or Youtube video. WordPress can’t handle these items correctly without a plugin. They might seem like they are working at first, but when you go back to edit the post or page they disappear. This plugin helps you avoid that with one tiny line of code.

If you are looking to solve a functionality problem of your WordPress site, contact us – we might just know about the plugin you don’t even know you’re missing! We’ve also designed custom plugins to manage databases of baseball players, price items in a shopping cart based on dimensions, and track which shoes a runner wore for how much mileage… Every website we create opens up a new world to us, and we’re ready to use our skills to help you today!

Seeing spots: understanding image resolution

posted by Raffi Design Basics 1 Comment »

I often hear from people that they tried to print a digital image that was on their PC or that they downloaded from the internet and it printed blurry. They want to know how to change settings on their printer or if the image needs to be printed professionally. A professional printer will probably tell you that their output of the image will be just as blurry. Why?
Images do not often print the way they look on a computer screen.

Images are made of dots of ink when printed or electronic pixels when viewed on-screen. Pixels are small, colored squares that together form a digital image, like tiles creating a mosaic. When there are enough pixels or enough dots of ink, and they are small enough so as not to be seen individually, a digital image can achieve great photo quality.

Increased magnification of a digital image will reveal the individual pixels. Rather than tiny dots that fool the eye into seeing one uninterrupted photo, you would see blurry squares. The photo becomes a mess. This effect is often referred to as pixilation.

Resolution refers to how many dots, or pixels, are in a given amount of space. The higher an image’s resolution, meaning the more dots there are in the same amount of space, the less pixilation will occur, and the better the image will look.

The resolution of an image on your computer screen is often measured by ppi (pixels per inch). A printed image’s resolution is often measured by dpi (dots per inch). An image that is 72dpi contains less information than one that is 300dpi. Images seen on a computer screen are usually 72 ppi, because 72ppi is what most monitors display, but 300dpi is the “industry standard” for photo quality printing. This leads us to the two different levels of resolution that a designer uses; screen resolution and print resolution.

Screen Resolution: How you see an image on your computer screen depends on a couple of factors. The properties of your computer monitor need to be taken into consideration, as does the image’s quality. If an image has 16 million colors but you are viewing it on a monitor that can only display 16 colors, the image won’t appear as it should. Again, the common resolution for on-screen images is 72ppi. When a picture has more dots than the monitor can support, those dots are wasted. An image at 72ppi will look fine on your computer screen and its small file size will load quickly. A higher-resolution image (300dpi) won’t look better on your computer screen, and its large file size will make it take longer to load. Similarly, when a picture has fewer dots than the display device can support, the picture will not be as sharp.

Print resolution: This refers to how clearly an image will print. Laser printers, inkjet printers and imagesetters (used to output film for professional printing) require more information to produce a smooth and clear image than is available in a 72ppi file. Most commercial printers require an image to be at least 300 dpi or they can not guarantee the quality of the resulting printed piece.
There are two different ways to make the same digital image print at different sizes:

  • Scaling – changing the physical size of the image for printing. An image has a fixed number of pixels. Imagine you have a 10-inch by 10-inch image at 72ppi, there are 720 pixels per line, and 5,184,000 pixels in the entire image. If you rescale the image to 2-inches by 2-inches, there are still 720 pixels per line, but the resolution would then be 360 ppi. The 720 pixels on each line are now only filling 2 inches of space, and therefore smaller. The image remains the same grid of 5,184,000 pixels with the same pixel data. Your image will print clearer, albeit smaller. Note that resolution and physical size are related to and directly affect one another. If you alter one, you alter the other.
  • Resampling – adding or deleting pixels to change the resolution of a file. If you go back to our 10-inch by 10-inch image at 72ppi and attempt to resample the resolution to 360 ppi, the image would now have 12,960,000 pixels instead of its previous 5,184,000 pixels. The computer uses a mathematical formula, examining the current pixels to try to determine the color and location of the new pixels. The new pixels are not true to the image. They did not naturally exist in the image, and the printed result is often blurry or distorted.

Resampling changes the amount of pixels the image consists of whereas scaling changes how many pixels are being printed per inch. Resampling affects the nature of the digital image itself; scaling affects only that specific rendering of the image.

Before sending any marketing materials to print, be sure to check the resolution of your image. A file created entirely in a word processing program (Word, Publisher, etc.) instead of graphic editing software will most likely yield a 72 ppi image, and therefore a blurry print – making a poor impression on your customer.

Wordpress edited by RDesign, Inc.
Entries RSS Comments RSS Log in