Learn Web Tutorials by cysbatwo

VIEWS: 10 PAGES: 19

									Embed Flickr Slideshow
Create Stunning Travel Slideshow In A Minute.
Its Free & Easy To Share!
tripwow.tripadvisor.com /slide show
Store Your Photos Online
Backup Your Memories for life Register for a
free 10GB at
www.cx.com /photobackup
Andrew J Loiterton
Hotel and Resort Photographer Asia Pacific
and Greater China
www.ajlphoto.com .hk
Underwater Photography
Red Sea Underw ater Photography Courses,
Guided Tours, Rental
www.ne m odive rs.co.il




Simple WordPress Photo Gallery without Plugin
Posted in Tutorials Videos




If you need a quick photo gallery without the hassle of installing a plugin, you need not look any further. WordPress
already has a photo gallery built-in.

Sure there are many WordPress plugins out there, but installing heavy plugins can sometimes slow down your site and
add complications to your WordPress system which would give you more ways for your system to run into problems
(especially if you ever need to migrate the site)

If you just need something simply, there is nothing more simple than using built-in WordPress functionality. I prefer to
use built-in functionality whenever it is adequate.

Video Tutorial to Create Simple Photo Gallery
In this video tutorial, we will learn how to use the built-in Photo Gallery in WordPress. Detailed steps are below.
You are free to embed this video on your blog or website.

Detailed Steps for Photo Gallery
1. First let’s create a new page for our photo gallery and publish it.




create new page in wordpress

2. Note that our new page appears on the menu. We want to add our photo gallery to this page.
want to add photo-gallery here

3. Now we are going back to edit that page to add photos to our gallery page. Click on the “add photo” icon.
wordpress add photo icon

4. Click the “Select Files” button on the “From Computer” tab…
select files from computer

5. The trick to getting a photo gallery is to select multiple photo files at the same time using Ctrl-Click. You need to
select multiple files in order to have the gallery settings. If you select only one photo, then WordPress will insert the one
photo to your post.




select multiple photo files

6. WordPress will now upload and crunch your photos. When it has completed that, click on “Save all changes” and
you will see the gallery settings …
insert photo gallery

7. Then click “Insert Gallery” with the default settings as shown. And you will see the photo gallery inserted into our
page editor…
photo gallery inserted

8. Click “Update” to re-publish the page. To see your photo gallery, go to the site page and refresh your browser. You
will see that you have a working photo gallery.
photo gallery working

9. Clicking on one of the image thumbnails, will give you the photo in a WordPress “attachment” page so that your
visitors can see the photo larger on its own page.
photo gallery navigation

You will note that WordPress puts in navigation on that page so that you can always go back to the gallery or to the
next and previous photos.

WordPress Photo Gallery Options
WordPress will only put in the photo gallery navigation, if you had selected “attachment page” in the gallery settings…
attachment page option

You can go back and edit your gallery settings in the page editor by selecting the gallery and clicking the settings icon.
…




edit photo gallery options
You can re-order your photos in your gallery by going into the Gallery tab of the Media Manager and entering a sort
index for each photo…




adjust photo gallery order

Remember to click the “save all changes” button, the “update gallery settings” button, and then re-publish the page in
order to see the changes.

Delete and Add Photo to Gallery
To delete a photo, click the “show link” for that photo and click the delete link and confirm with the Continue button …
delete photo

To add a photo, click the “From Computer” tab to select a file from the computer.
add photo to gallery

And then click “Save All Changes” button as shown below — not the “Insert into Post” button.
add photo

And then re-publish.

Adding Photo Descriptions to Gallery
You can add a description and caption to each of your photos as shown here …
photo description and caption

Do this by going to the Gallery Tab of Media Manager as before and expand the photo settings by clicking on the
“Show” link. Type in description and caption in the setting shown.
add photo description

While you are at it, you should also type in the “Alternate Text”. This would be the text to be read aloud by the screen
reader for the visually impaired. And it would be the text that would show up if the images were disabled in the browser
or if image is not available for some reason.

Remember to click “Save all Changes”, “Update Gallery”, and “update” post.

The caption will also show up in the thumbnail view…
caption in thumbnail view

The version of WordPress used in the above tutorial is 3.1.2.

Related Posts
      Difference Between a Post and a Page in WordPress

      Posted in Articles

      Enabling Meta Descriptions on WordPress

      Posted in Articles

      Tutorial to Moderate Comments on WordPress

      Posted in Tutorials Videos

      Links to Some WordPress Related Articles

      Posted in Resources

Tags
       wordpress

Share This


Learn Web Tutorials is proudly hosted by Hostmonster.com and uses Wordpress theme by ElegantThemes.com
All contents are opinions and are copyrighted and may contain ads and affiliate links for which site may receive revenues
from.
See Terms of Use and Privacy Policy.




       Tutorials »
       Books
       Articles »
       More »
       Blog
       About


search this site...




Recent Posts

       CSS Hover Effect

       In Tutorials

       Google Offers is a Groupon competitor

       In Blog

       Book: “Smashing HTML”

       In Books

       More blogs on Tumbler than WordPress.com

       In Blog

       Book: “CSS3: Visual QuickStart Guide”

       In Books

See all posts
Free Flickr Slideshow Build Travel Slideshow From Your Smugmug Album. Share Now. Its Free!         tripwow.tripadvisor.com/slideshow

Store Your Photos Online Backup Your Memories for life Register for a free 10GB at   www.cx.com/photobackup

Andrew J Loiterton Hotel and Resort Photographer Asia Pacific and Greater China   www.ajlphoto.com.hk




Learn
AdobeCS/Dreamweaver
Accredited Canadian
University Online
Desktopping/Web
Workshops
www.pr.viu.ca/dwpw

OSS Fast Infoset
Tools
Fast, compact XML
without a sc hema
Ideal for embedded
devices. Evals.
www.oss.com

Investment
Performance
Get the guide to
investment return and
risk measurement.
Affiliate.
www.am azon.com

Project Your
Image
Turnkey Image
Projec tion Solutions
Perfect for Advertising
and Events.
www.GoboSource .com

SharePoint Themes
2010
Predefined Layouts &
Web Parts! Custom
Themes & Master
Pages
www.SharepointPack age s.…

  Our Picks

         C SS: The Missing
         Manual
         D avid Sawyer …




          1 2 3 4 >
                      Priva cy

								
To top