Pippins Plugins
  • Email
  • Facebook
  • Feedburner
  • Github
  • Google
  • Twitter
  • Vimeo
  • Youtube
  • Rss
  • About
  • News
  • Join the Site
    • Member Benefits
    • Member Plugins
    • Email Notifications
  • Plugin Store
    • Affiliate Area
    • Checkout
  • Plugins
    • Plugin Portfolio
      • Plugin Portfolio – List View
    • Free
    • Premium
    • Member Plugins
    • Coding Standards
    • Get Plugin Support
  • Tutorials
    • Series
      • Plugin Development 101
      • Creating a User Follow System Plugin
      • Customizing Restrict Content Pro
      • Displaying Content with Easy Content Types
      • Writing Your First WordPress Plugins, Basic to Advanced
      • Working with Widgets
      • User Submitted Image Galleries
      • Plugin Thoughts
      • Integrating Stripe.com with WordPress
      • WordPress Rewrite API
    • Member Exclusive
      • Free Members
      • Subscriber Only
    • Difficulty
      • Beginner
      • Intermediate
      • Advanced
    • Action and Filter Hooks
    • Ajax
    • Custom Post Types
    • External APIs
    • Short Codes
    • Taxonomies
    • Video Tutorials
    • Widget Tutorials
    • WordPress Admin / Dashboard
    • Working with jQuery
    • WordPress Database
    • Writing Plugins
    • Tag Index
  • Reviews
  • Support Forum
  • Contact
    • Support the Site
    • Request Code Review
    • Plugin Support

User Submitted Image Gallery – Final Overview

Posted on March 21, 2012 by Pippin in Action and Filter Hooks, Advanced, Member Plugins, Member Restricted, Plugins, Short Codes, Subscriber Only, Tutorials, Working with Attachments, Writing Plugins 37 Comments
Home» Tutorials » Action and Filter Hooks » User Submitted Image Gallery – Final Overview
Tweet
Love It - 3
This entry is part 9 of 9 in the User Submitted Image Galleries Series
← User Submitted Image Gallery – Part 8
  • User Submitting Gallery Images – Part 1
  • User Submitted Gallery Images – Part 2
  • User Submitted Image Gallery – Part 3
  • User Submitted Image Gallery – Part 4
  • User Submitted Image Gallery – Part 5
  • User Submitted Image Gallery – Part 6
  • User Submitted Image Gallery – Part 7
  • User Submitted Image Gallery – Part 8
  • User Submitted Image Gallery – Final Overview

We covered a lot of information in the User Submitted Image Galleries tutorial series, everything from registering our post types and custom taxonomies to performing advanced queries; from uploading images on the front end to configuring the backend; from outputting our images in a gallery to displaying additional images by the same user. There were a lot of techniques and methods demonstrated (some more advanced than others), and they don’t just apply to image galleries, but WordPress plugin development in general. I would now like to do a quick overview on everything we covered, including some of the things we did not cover in this series.

The primary goal of this tutorial series was to provide a base infrastructure that you will need to build your own user submitted image gallery, similar to what I built for CG Cookie. The final result of this plugin is not ready to be installed and used as is. As I discuss in-depth in the video, there are a lot of aspects of the plugin that need to developed further before this can be considered a “ready for mass distribution” plugin.

To help demonstrate some of the things we have built in this series, check out the screenshots below. Keep in mind that we did not ever focus on styling our galleries. We were only focused on functionality.

01-screenshot
02-screenshot
03-screenshot
04-screenshot
05-screenshot
06-screenshot
07-screenshot
08-screenshot

I hope you have enjoyed this series and even if you have not fully read through every part, I do hope that you have found at least one section of the series very helpful, since therehere were a lot of advanced techniques covered in the series.

The complete plugin we have created can be downloaded below (for premium subscribers).

If you would like to gain complete access to this series, you can sign up here for just $6 per month!
Tweet Follow @pippinsplugins
attachments, gallery, images

37 comments on “User Submitted Image Gallery – Final Overview”

  1. chrismccoy says:
    March 29, 2012 at 12:11 pm

    love the tutorial, is it going to be available to download?

    Reply
    • Pippin says:
      March 29, 2012 at 1:21 pm

      Doh! I was supposed to upload that with this overview, but apparently forgot. I’ve just updated it with the source file download.

  2. chrismccoy says:
    March 29, 2012 at 3:40 pm

    thanks ;)

    also, curious what plugin you use for your series posts?

    Reply
    • Pippin says:
      March 29, 2012 at 3:41 pm

      No problem! The post series are managed with a slightly modified version of this: http://codecanyon.net/item/post-series/239344

  3. chrismccoy says:
    March 29, 2012 at 3:48 pm

    thanks ;) ive bought that one

    Reply
  4. chrismccoy says:
    March 29, 2012 at 4:03 pm

    just a fyi, when you upload from frontend, it says only allowed jpg,png,gif, even though the uploaded image is a jpg

    Reply
    • Pippin says:
      March 29, 2012 at 4:07 pm

      Not following . . . says it allows jpg, png, and gif, and you uploaded a jpg, and that’s a problem? My brain is a bit fuzzy right now, sorry.

    • chrismccoy says:
      March 29, 2012 at 4:25 pm

      when i upload a jpg, it spits out the msg only allows jpg, png, gif so it doesnt get past that stage

    • Pippin says:
      March 29, 2012 at 5:17 pm

      Ah, that makes more sense. I found the problem and have uploaded a new version. Please redownload it.

  5. cuan mulligan says:
    August 6, 2012 at 4:08 pm

    Hi

    I am looking to add some pages to my website where people can upload an image, tag it , and then its displayed in a gallery page, where that gallery only shows images uploaded rather then the full media gallery.

    Is that possible with this plugin ?

    Not clear if I can just download the plugin and install it and off I go ?

    Cheers
    Cuan

    Reply
    • Pippin says:
      August 7, 2012 at 10:31 am

      Yes, that’s exactly what this plugin can do. Note, however, that the plugin available here is the result of a tutorial and is not a completely finished or polished plugin, so there will most likely be a few areas you need to tweak to best suit your site.

  6. crucible says:
    October 14, 2012 at 4:14 pm

    Hey Pippin, awesome progress on this. Specific questions, in our case, the user would upload 3-4 images for their unique profile. They are professional models.

    1) when the user uploads the image, sometimes they are different sizes, one girl will upload a small facebook image, another will upload a trillion gig file that is high res. I would like to allow the model to zoom, crop, save, as she desires, which gets rid of MOST of the problems we have doing it for them.

    2) once the files are uploaded they would go onto the theme page (home) and if you click on any of THAT girls specific images, it should redirect to her profile, with option to hire her.

    Is there a way to build in the zoom, scale, crop, part so the models are in control of how the image ends up?

    Thanks Pippin

    Reply
    • Pippin says:
      October 14, 2012 at 8:22 pm

      1). There is a built in system, the same one that you see in the WordPress Media manager when you upload files, but I have never tried to use it in any custom way. Not sure what’s required.

      2). This is really simple to do. All you need to do is modify the loop that outputs the gallery images. Are you comfortable doing that?

  7. Pam_B says:
    December 13, 2012 at 5:44 am

    Hi there,

    I’m making my first WordPress site, so I’m sorry in advance if these are dumb questions!

    It’s a private genealogy related site for members and I’m moving hundreds of posts and photos (12 years worth!) from our previous site at myfamily.com, one by one.

    I found your site while searching for a good upload/image plugin and yours is perfect for us. I sure learned a lot as I started from the beginning and went step by step until the end before I realized you made it available to download.

    The only edits I’ve made so far are the columns and rows. Here are my problems:

    1) The Gallery pagination loop isn’t working. It may have worked before I updated WordPress, but I’m not sure. It always stays on page 1. If I click “next,” the url shows …/photos/2/, but page 1 is still showing. If I click on page 3, the url shows …photos/3/, but page 1 still showing. If I click “next” from /3/, the url goes to /2/, but page 1 still showing. Same thing happens while viewing the categories pages. I have tried re-activating after the WordPress update.

    2) I’m using WordPress Access Control plugin. The default is set to Members Only for single-blog posts, but when I’m viewing a single image post and log out, it’s still there. Is there something in the custom post template over-riding that?

    I hope I made a little sense.

    Thanks!

    Reply
    • Pippin says:
      December 13, 2012 at 1:37 pm

      1). Can you show me your gallery loop code? Please paste it in snippi.com and then share the link.

      2). Most likely the plugin isn’t taking into account custom post types. Does it show any settings for those?

    • Pam_B says:
      December 14, 2012 at 5:15 am

      1. Hopefully this is the right one (I have a lot to learn): http://snippi.com/s/q0vdzoj

      2. You can enable access controls for custom post types and uig-image shows up on the list, but it says in the options “May not work if the post type uses a custom admin interface.” It works if I just make the whole site members only, though. It shows the buddypress post types too, and those didn’t work either, but I found another plugin for those.

  8. Pippin says:
    December 14, 2012 at 4:38 pm

    1). I’ll need to see the complete code, including the query.

    2). Sounds like a definitely problem with that plugin.

    Reply
    • Pam_B says:
      December 21, 2012 at 4:32 am

      Sorry for the delay. Thanks for your help. Here’s the complete code:
      http://snippi.com/s/gd0gupu

    • Pam_B says:
      December 21, 2012 at 4:46 am

      I made that page public for now, if that helps. Here’s my gallery:
      http://wildbunch.itrunsinthefamily.net/photos/

    • Pippin says:
      December 21, 2012 at 8:44 am

      Thanks. That code looks right. Have you tried resaving your permalink structure?

    • Pam_B says:
      December 21, 2012 at 10:12 am

      Yeah, I think the code is right, too. It worked fine until I updated to WP 3.5, 3 plugins and the theme all at the same time. But I have deactivated all plugins and tried changing themes with the same result. I resaved permalinks, too. I wonder why it would work fine when I preview the theme (or use “customize” to preview it,) but not live.

      I really like it so I hope I can get it working!
      Thanks

    • Pippin says:
      December 26, 2012 at 11:27 am

      If you switch to the default permalink structure, does it work?

  9. Pam_B says:
    December 26, 2012 at 12:43 pm

    No. I just tried it again, doesn’t make a difference. It does act like a permalink thing, though. Still trying to figure it out because it’s exactly what I want. I think it’s weird that it works when I navigate in “customize” or a live preview mode but not live (but then I’m new at WP.)

    Reply
    • Pippin says:
      December 30, 2012 at 11:11 pm

      When you switched themes, did you try the default theme?

  10. Pam_B says:
    December 31, 2012 at 6:25 am

    Yes I did, and I thought it was going to work until I activated it.

    Reply
    • Pippin says:
      January 2, 2013 at 6:36 pm

      Hmm, okay. I’m going to do some thorough testing on this later this week to see if I can replicate / fix the problem.

    • Pam_B says:
      January 2, 2013 at 7:13 pm

      Oh thank you. I’ve spent hours reading and trying to figure it out and trying all the usual things. On the bright side, I sure have learned a lot. Here’s the link: http://wildbunch.itrunsinthefamily.net/photos/
      I’ll make it public again tomorrow if it helps.

    • Pippin says:
      January 5, 2013 at 5:19 pm

      I have replicated the problem and fixed you. You can download a new version from the post above.

    • Pam_B says:
      January 6, 2013 at 12:22 pm

      It’s perfect. Thank you so much for taking the time.

    • Pippin says:
      January 6, 2013 at 12:52 pm

      Great!

  11. Mike says:
    February 1, 2013 at 4:13 pm

    Howdy Pippin,
    Are you working toward finishing the User Submitted Image Gallery plugin?
    My site is for a small residential condo community that I would to give residents the ablity to upload photos to.
    Happy trails, Mike

    Reply
    • Pippin says:
      February 4, 2013 at 11:41 am

      The plugin is not going to be released but it is fully functional as is. The reason it’s not getting released is simply that there are so many variables to take into account. It’s much better suited for users that are able to take a little time and integrate it into their site, as opposed to plug and play.

  12. Ivano Confalone says:
    February 9, 2013 at 9:50 am

    Hi Pippin,
    Great plugin. I am having an issue with the gallery, it only displays one image at a time and paginates each image as one page. I tried switching to the twenty12 theme, disinstalled all other plugins and refreshed permalinks (set to Post Name). WP version is 3.5.1.
    Can you help?
    Thank you

    Reply
    • Ivano Confalone says:
      February 9, 2013 at 11:19 am

      Hi, think I resolved this. In shortcodes.php – line 90
      ‘per_page’ => 10
      It was set to 1 in your download.

  13. Ron Strilaeff says:
    May 2, 2013 at 11:39 am

    This plugin download button goes to a 404 page . Is there a working link somewhere?

    Reply
    • Pippin says:
      May 6, 2013 at 5:29 pm

      It’s been fixed.

    • Ron Strilaeff says:
      May 7, 2013 at 8:05 am

      Thank you … got it!

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

  • Login

Lost your password?

Please enter your username or e-mail address. You will receive a new password via e-mail.

  • Facebook Become a Fan Like

  • Twitter Subscribe on Twitter Follow

  • YouTube Follow my Videos Subscribe

  • RSS Feed Subscribe with RSS Subscribe

Easy Digital Downloads

Most Loved

  • Love It Pro for WordPress
  • Write a “Love It” Plugin with Ajax to Let Users Love Their Favorite Posts / Pages
  • Simple Notices Pro Plugin for WordPress
  • User Bookmarks for WordPress
  • Front End Registration and Login Forms Plugin

Similar Plugins and Posts

  • User Submitted Image Gallery – Part 8
  • User Submitted Image Gallery – Part 7
  • User Submitted Image Gallery – Part 6
  • Adding a Simple Image Gallery with the Repeatable Upload Field
  • User Submitted Image Gallery – Part 4

Latest Premium Content

  • Plugin Development 101 – Introduction to Adding Dashboard Menus
  • Plugin Development 101 – Intro to Loading Scripts and Styles
  • User Follow System – Part 5
  • Plugin Development 101 – Intro to Short Codes

Latest Tutorials

  • Storing Session Data in WordPress without $_SESSION (19)

    The term Session in web development refers to...

  • Test Your Plugins with RTL (1)

    Right-To-Left languages are those that...

  • Submitting Your First Pull Request to a WordPress Plugin on Github (5)

    Github is an extremely popular tool for managing WordPress plugins, and one...

Enter your email to receive automated updates when new posts are published

WP Core Contributions

  • [24316]

View the ticket on Trac.

WP Codex Contributions

  • Function: shortcode exists
  • Function: has shortcode
  • Function: shortcode exists
  • Function: shortcode exists
  • Function: has shortcode

View all 41 changes in the Codex.

Latest Tweets

  • Could not fetch Twitter RSS feed.

Topics

meta box the_content Tom McFarlin register_setting wp_enqueue_script attachments shortcodes contextual help add_options_page hook featured Sugar Event Calendar get_user_meta attachment image forms do_action plugin mail chimp login short codes authors Related posts recent posts post types apply_filters comments short code bbpress taxonomies custom post type images Ajax gallery Stripe taxonomy jquery widgets users add_filter easy content types add_action widget restrict content pro easy digital downloads

Weekly Newsletter

Useful Links

  • Join the Site
  • Plugin Store
  • Affiliate Area
  • Tag Index
  • Support the Site
  • Suggest a Tutorial
  • Random Post
  • Contact

Monthly Archives

(c) 2013 Pippin's Plugins