Entries Tagged 'Recommended' ↓

You want to be able to create slideshows and lists of pictures within a post on a WordPress site?  There are many solutions available.  One of them that meets my needs is the NextGEN Gallery WordPress plugin.

Features

• Templates : You can add custom templates for your theme.
• Media RSS feed : Add the Cooliris Effect to your gallery
• Role settings : Each gallery has a author
• AJAX based thumbnail generator : No more server limitation during the batch process
• Copy/Move : Copy or move images between galleries
• Sortable Albums : Create your own sets of images
• Upload or pictures via a zip-file (Not in Safe-mode)
• Watermark function : You can add a watermark image or text
• JavaScript Effect : Use any available popular image effect : Shutter, Thickbox, Lightbox or Highslide
• Multiple CSS Stylesheet : Use a nice shadow effect for your thumbnails with your own CSS file
• Slideshow : Full integrated slideshow as jQuery or Flash solution
• TinyMCE : Button integration for easy adding the gallery tags
• Sidebar Widget : Show a slideshow, random or recent picture at your sidebar
• Language support : Translated in more than 30 languages
• Translation downloader : Download with one click the new translation file
• Upload tab integration : You have access to all pictures via the upload tab
• Tag support for images : Append related images to your post, create a image tag-cloud
• Meta data support : Import EXIF, IPTC or XMP meta data
• Sort images feature
• Support for XML Sitemaps : Add Images to your sitemaps with the WordPress SEO by Yoast plugin

How to Install

1) Log into your WordPress dashboard. 

2) Go to Plugins->Add New

3) Type “NextGen Gallery” into the search box and click “Search Plugins”

4) “NextGen Gallery” by Alex Rabe should be the first item.  The search results may change, so make sure you are installing the right thing. 

5) Click on “Install Now” and click “OK” on the confirmation screen:

6) Click “Activate Plugin”

7) Now the NextGen Gallery WordPress plugin should be installed, activated, and ready to go…

How to Use

There are many ways to use this plugin.  I’m going to show you how I created a gallery and used a short code to insert it into a post.

1) Go to the new “Gallery” section on your wordpress menu:

2) Click Add Gallery/Images

3) Give the Gallery a name.  (For this example, I have 9 pictures of street views that I have taken.  So I am calling it “street views”)

4) Click “Add Gallery”

5) Now it is time to upload the pictures.  You can choose to upload pictures individually, or you can zip them up and upload one zip file.  There are several options available here, and I recommend exploring them all.  For this example, I am going to use the Upload a Zip-File. 

6) Click on “Upload a Zip-File”.  Click “choose file” and then click start Upload.

7) Now let’s view the Gallery.  Click on Manage Gallery. And Click on Street views

Here you can see all the pictures in the gallery.  Make adjustments such as rotating, caption, name, tags, exclude pictures, sort, etc.

9) Now let us insert this gallery into the post.  For this, we need to know the Gallery Id.  Which we can see in the list of Galleries.  This one is ID 1.  Type the short code below to insert this gallery.

Here is the results:

[Show as slideshow]

There are many, many more features that I did not cover.  But this makes it very simple to add photoslide shows any place you want on your wordpress site.

If there are favorite features you use of this plugin, please leave a comment.  Also, if there are other plugins that you would recommend then leave a comment about that as well.

http://wordpress.org/extend/plugins/contact-form-7/

Installation:

Step 1:  Dashboard->Plugins->Add New

Step 2: Search for “Contact Form 7”.  Should be the first result

Step 3: Click “Install Now” and click “OK” in the dialog confirming this choice:

Step 4:  Click “Activate Plugin”

Configuration

Step 1: Click on the newly added “Contact” area on the left navigation bar:

Here you can create a form to be displayed on your site.  It provides a default form that will be useful in 99% of the time.  

At the top it has the code that you need to put on the page or post that you want the contact form to appear.  Just copy and paste this code:

Now go to the page that you want to add the contact form.  I have created a page with the title “Contact Us” for this purpose.

Now just paste the code from the contact form here:

Click the “Update” button and then view the form on your site:

When you fill it out and submit it, it will be sent to the email address listed in the “contact” settings page where we had copied the code from.

After clicking send a little message appears:

And sure enough, an email appears in my inbox:

Customization

My first use for this contact form is for a home inspector.  What are some things that a home inspector would like to know?  How about phone number and address of the home to be inspected.  Also, it doesn’t make sense to have the customer put a subject, so we will remove this.

Go back to your admin screen and go to Contact:

Look for the place where the form is defined:

The first step is to remove the “Subject”:

<p>Subject<br />
    [text your-subject] </p>

 

Should look like this now:

Let’s go ahead and add a place for phone number just below email address:

Step 1:  Click on the blank line above the “Your Message” line.

Step 2:  Click on the “Generate Tag” button on the right and select “Text field” on the list that is displayed:

Step 3: Fill out the attributes of this new field.  It starts out with some default values like this:

Let’s make these changes:

Required Field: <checked>

Name: Phone-Number

Once you make these changes, it will look like this:

Now, copy and paste the codes indicated to the right places, and add some formatting codes.  I would make the top part look like this:

And make the bottom look like this:

Now let’s add the property address and not make it a required field.  This can be done by change the form code to look like this:

Change the email part to look like this:

Scroll back up to the top and click “save”

Go to the front of the site and see the results:

Give it a test:

Worked as expected: