back to homepage
Sunba Retro Bar
latest news & tutorials
*Since the release of WordPress Version 3.5 the method of adding media files has changed a little. Mostly, the user-interface has been modified and causes some confusion. We have created some additional (updated) tutorials that will help.
WordPress 3.5 – How to create Galleries with Shortcodes.
WordPress 3.5 – How to create Galleries with Page Templates.
In our original release of KingSize WordPress, galleries were restricted to pages only and this hampered some of our buyers flexibility – for that we apologize. In our latest release, version 4, we’ve created a new post type custom to the galleries usage called “Gallery”. It’s sole purpose is to house the galleries you wish to create and allows you to then use a “Shortcode” to call them into various areas of your website (ie., Posts, Pages, Portfolios, etc).
Now if you’re a buyer from the past, you likely will be thinking to yourself, “What will happen to my old galleries then?” and the answer is “Nothing!” – Absolutely nothing will happen. They will still remain just as they were, no changes at all. In KingSize WordPress, you have two methods of creating Galleries. One is to create it using the “Page Template” and the new and improved way is to create them using the post-type “Gallery”.
This method is restrictive to Pages only and it still remains so we do not disrupt the past-buyers usage of the page templates. However, some folks may still wish to use them and we’ll go about explaining how they work and how you can create a Gallery using these page templates.
IMPORTANT NOTE: When you’re creating a “Page Gallery” using the “Page Template”, DO NOT INSERT the photos you have uploaded into your page. This will cause your page to have a duplicate gallery. One will display the native WordPress Media Gallery, the other will display the custom Gallery you’ve selected from the page templates. Our galleries are designed to dynamically pull and generate those uploaded images into the page contents on the frontend of your website once published. So there is no need to “insert” the galleries into your pages.
There are many advantages to using the “Gallery Posts” verses creating with Gallery Page Templates.
These are only 5 of the benefits to using the Gallery Post-type verses the Gallery Page Templates.
Oh, and it’s of course easier to create as well! with more options!
So now you’ve uploaded your images to the newly created post within your Gallery post-type, what next? How do we display those images? It’s quite simple. This post you created will NOT display on the frontend of your website until you’ve called it by using a gallery shortcode and each gallery is assigned an ID when you’ve created it.
To locate the Gallery ID, go to “Galleries” where you can view all the gallery posts. Inside this area you will see a column labeled ID. You will need this ID when creating your shortcode.
Here’s the shortcode for example that you would use:
[img_gallery id="" type="" layout="" orderby="" order="" description="" placement=""]
Show Shortcode Options / Explanation
|id||Yes||Each gallery created has a unique ID assigned to it.|
|type||colorbox, fancybox, slideviewer, galleria, prettyphoto||Yes||This is defining the type of gallery you’ll be using to display the images.|
|layout||2, 3, 4, grid||Yes||This defines the layout you’re wanting to display your gallery in.|
|orderby||random, custom_id, asc_order||No||This defines the order in which the gallery images are displayed.|
|order||asc, desc||No||This defines whether they’re Ascending or Descending in order.|
|description||No||You can add a gallery description to your gallery.|
|placement||above, below||No||Define whether the description is “Above” or “Below” the gallery.|
[img_gallery id="71" type="colorbox" layout="2" orderby="random" order="DESC" description="This gallery is created using the Colorbox 2 Column Layout with a Description shown Below the gallery." placement="below"]
This gallery is created using the Colorbox 2 Column Layout with a Description shown Below the gallery using the shortcode shown above.