Adding image galleries to your posts

Posted in: Walkthrough

Mar 31

In the Shaken Tumble theme, when you set the post format to “Gallery” all of the images attached to your posts are displayed in a slideshow at the top of your post. What if you didn’t want the slideshow, but instead wanted your images to be displayed in a grid? Watch the video walkthrough above to find out how to add such a gallery to your posts.

Note: Although I am using Shaken Tumble in this video, this technique could easily be applied to other themes.

Discussion

  1. Twig May 3, 2011 at 5:14 pm #

    I’m using the Shaken Grid theme, but don’t have the format widget when making a post. Any idea why that is?

  2. Ludwig Jul 8, 2011 at 11:58 am #

    got the same over here, perhaps because we use the free version?

  3. Sawyer Jul 8, 2011 at 12:37 pm #

    The Post Formats section won’t be in the sidebar of the Free version of Shaken Grid, only in the Premium version.

  4. Caroline Jul 24, 2011 at 5:33 pm #

    Hey there,

    i’m using the the shaken grid theme premium an wanted to ask, if it’s also possible for the gallery posts with the slideshow to link the pictures in the slideshow with the article? Because i think more people would click on the picture, when they want to read the articles and less on the headline below.

    • Sawyer Jul 24, 2011 at 10:22 pm #

      It’s possible, but will require you to make some customizations to includes/loop-gallery.php and edit the link that surrounds each image. Regarding your other question about the arrows next to menu links, check out the “Menu Management” section of the Documentation (http://support.shakenandstirredweb.com/shaken-grid/#menu-management-21)

      • Caroline Jul 25, 2011 at 4:36 am #

        Okay, cool. And can you tell me how to customize it? What do i have to change in the code? Thanx!

        • Sawyer Jul 27, 2011 at 7:05 pm #

          You’ll want to change the link that surrounds the <img> tag. Right now it’s set as $img_url, however you’ll want to change that to get_permalink($post->ID)

          You’ll also want to remove class="colorbox" from the link.

          • Caroline Aug 1, 2011 at 5:40 am #

            Hey, I tried a bit, but nothing worked. So this is how the code lookes like:

            $big_array = image_downsize( $image->ID, 'full' );
            $img_url = $big_array[0];
            echo '<a href="'.$img_url.'" rel="nofollow">ID.'" title="'.$post->post_title.'" class="colorbox">';
            echo wp_get_attachment_image($image->ID, $size=$my_size);
            echo '</a>';

            What are the changes to that code?

          • Sawyer Aug 1, 2011 at 8:36 am #

            Change this part:

            href="'.$img_url.'"

            to:

            href="'.get_permalink($post->ID).'"

  5. Caroline Jul 24, 2011 at 5:43 pm #

    Ah, and second question: how can i get these 3 little points making triangel next to the menues? :)

  6. Amy Sep 10, 2011 at 5:06 am #

    How do I get the picture to be a full size once it’s on the post page. All I see is a thumbnail shot and there is a large white gap.

    http://www.amyleesf.com/?p=302#more-302

    Also, when I tried to insert a single image from gallery, it won’t let me insert. The function seems to be hit and miss.

    • Sawyer Sep 10, 2011 at 1:17 pm #

      Hi Amy, if you’re only going to have one image in a post, there’s no need to set the post format as “Gallery”. To get the image to be large, set it as a “Featured Image”.

      • Amy Sep 11, 2011 at 10:58 pm #

        Thanks! It works now.

        But I am still having troubles with my gallery. How do I remove thumbnails below the text?
        http://www.amyleesf.com/?p=503

  7. lisa Oct 3, 2011 at 10:08 am #

    Hey there.. love your themes.. If I buy the Shaken Grid now will I be able to upgrade to premium later..?

    • Sawyer Oct 3, 2011 at 4:19 pm #

      There are two version of Shaken Grid — Lite and Premium. When you purchase the premium version you only pay once and receive free theme updates and support.

Leave a 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>