Skip to content Skip to navigation

Add a photo gallery to your site

Want to display a group of photos on your site? Stanford Sites now offers a solution for creating your own galleries.

Stanford Gallery joined Stanford Sites during the Summer 2016 Updates. Previously it was only available to our Jumpstart clients, but high demand for this functionality on Stanford Sites, combined with our commitment to contributing back to the greater community brought this module to sites created on Stanford Sites. 

You can create a gallery page or a block to use gallery content types through the Stanford Gallery Bean. The gallery images on this post are generated from the Stanford Gallery Bean placed using the Context module. (Not using Context yet? Learn more about this powerful tool now!)

Add Stanford Gallery to your site

  1. Log into your Stanford Sites site.
  2. In the Admin toolbar, select Modules.
  3. Filter by the word gallery.
  4. Select all the Stanford Gallery modules.
  5. Click the Save configuration button.
  6. In the Admin toolbar, go to People > Permissions.
  7. Make sure everyone that needs access to gallery actions has them.

Create a gallery

  1. In the Admin toolbar, select Content > Add Content > Gallery.
  2. In the Menu Settings tab you can add this gallery to the menu structure of your site, or not. 
  3. Click the Save button and admire your new gallery!

Use Stanford Gallery in a Block

Now that you've created a gallery, it can be placed as a block on your site. You will need Administrator privileges on your site.

  1. In the Admin toolbar, select Content > Add Block > Stanford Gallery.
  2. If you want a Title to display, provide one.
  3. Select your desired gallery from the gallery dropdown menu.
  4. Choose the View Mode (aka what size will the thumbnails be).
  5. Save.
  6. Place block (it's in the list of Beans) in Context.

What do the different sizes look like? 

You can compare the different preview thumbnail sizes in our Jumpstart Feature Demos page for Gallery.

But what's the code look like? 

If you're interested in how this module creates a responsive image gallery using the jQuery colorbox plugin, check out our Stanford Gallery code on GitHub

Categories: 

Comments

Great post.Thanks, Alyssa Hislop for sharing.

It's great to see SWS continuing the tradition of giving back to the community, and Features that were expensive to build the first time getting better and better (and cheaper and cheaper) until they are eventually given away to everyone at the University. Kudos! I wish more people realized that you guys do that with such regularity!

That's so nice - thanks for the kudos, Zach!

Hello Alyssa, I'm appreciated with your post, thanks for sharing useful tips on "how to add a photo gallery to your site". Here you give step by step a guide to add a photo in site gallery that's Amazing. Thanks.

jintropin vs hygetropin
Just before acquiring any kind of commercial real estate you need to be cautious of some issues, including the neighborhood and the fitness of the construction. You will avoid a lot of migraines should you research this before you put in place shop and know it's a negative part of community or that the building is falling apart.
Cialis France Achat
Remember the exhilaration of the very first camping out trip? Getting out of bed early on each day, having a hot cocoa ahead of the push out of town, and all of the fun of being within the wonderful outside. You are able to recreate this feeling yet again, next time you travel to go sportfishing. Keep reading for ways to boost your after that angling trip and transform it into a wonderful one.
Generika Viagra Deutschland
When you have hemorrhoids and look for that your particular dilemma hasn't cared for itself after a number of months or perhaps the dilemma is apparently obtaining worse quickly than you need to search for a skilled quickly. Almost certainly you will get no main issues nonetheless they can tell you particularly what is going on.
Lovegra Avis

Add new comment