Tag: image

Plugins 014 – NextGEN Gallery Plugin

Today we’re covering the  NextGEN Gallery WordPress plugin.

The NextGEN Gallery plugin adds image gallery functionality to your WordPress blog. Click here for a demonstration.

Features include:

  • Flash Slideshow
  • Flash Viewer (as an additional addon)
  • Templates
  • CSS styling
  • Watermarks
  • JavaScript Effect (Web 2.0 feel)
  • Custom Media Gallery RSS feed
  • Sidebar Widget
  • Tag images
  • Detailed descriptions
  • Multi-language support
  • Administration
    • Copy/Move images
    • Upload zip file of multiple pictures
    • Integrates to Post/Page editor (TinyMCE)

The NextGEN Gallery plugin makes it easy to add a modern gallery to your blog. Users knowledgeable in CSS and HTML can take further advantage of this plugin, though knowledge of CSS and HTML is not necessary to use this plugin.

Plugins Podcast Skill Level: Any

To learn more about the NextGEN Gallery plugin, please go to http://wordpress.org/extend/plugins/nextgen-gallery/.

Podcast: Play in new window | Download

Subscribe: Apple Podcasts | RSS

Resize Image in Blog Posts To Fit Column Width Using CSS

Have you ever added an image to your blog post to find that the width of the image exceeds the width of the column of the page? Here’s a simple fix you can add to your theme’s style sheet to solve this problem. The fix below assumes that you have a class for your blog post entries called “.entry”. This class may be called something different depending on the preference of the theme developer.

.entry img {
max-width: 500px;
height: auto;
}

The max-width: is the maximum width the image can be within the .entry class. In this example the maximum width for an image is 500 pixels. We set the height: auto so the height of the image is auto adjusted to maintain the aspect ratio. Images that are smaller than the max-width will not be resized.

Note that this will not work for Internet Explorer 6 or older.