Top seven Galdget WordPress gallery usage examples

[Galdget] and [Galdget plus+] are two versions of the same WordPress plugin, free and premium, for creating and displaying fancy and feature reach galleries, composed of images (pictures) and web pages. And to display them both on posts/pages and in widget areas.

A set of unique features distinguish this plugin from many other, while other plugins also have their distinguished features.

The following seven posts showcase some of most interresting and useful features of [Galdget] and [Galdget plus+]:

Galdget plus+ gallery image
How to set up a gallery in the sidebar of your blog
Galdget plus+ gallery image
How to set up multiple galleries in one post or page
Galdget plus+ gallery image
How to set up a gallery with fancy frame
Galdget plus+ gallery image
How to set up a gallery of web pages instead of images
Galdget plus+ gallery image
How to set up a widget gallery that appears only on one page or post
Galdget plus+ gallery image
How to have different gallery each day or each hour
Galdget plus+ gallery image
How to set up gallery or widget to display images from a folder

How to set up gallery or widget to display images from a folder

Wouldn’t it be nice if we had a folder, on our web server, where we could copy some images, and they would automagically show up in a widget or gallery on our blog?

With [Galdget] or [Galdget plus+] WordPress plugins, you can make galleries that slideshow the images from one or more folders on your web site, and use them in widgets, posts or pages on your WordPress blog.

Here is the example:

 «  Open  » 
Open in new tab
Rotation is on
Galdget plus+ gallery frame

 

And here is what it looks like from under the hood:

Galdget plus+ URL list setup, dir demo

We have two folders and one image URL in the URL list, just to show that you can freely combine things. You may be happy with only one folder, though. Of course, we use a distinct group number that is not used in other galleries. All files from the above folders, with extensions .jpg .jpeg .bmp .png .gif .html .htm .php will be enlisted into the gallery. This means that:

  • adding files here will directly put them in the gallery without any other effort,
  • removing files from here will directly remove them from the gallery without any other effort,
  • renaming existing files may have impact on the order of displaying.

Isn’t this handy?

Moreover, for each file that is displayed in the gallery (.jpg .jpeg .bmp .png .gif .html .htm .php) you may provide a .txt file with the same name, which should containt the following:

  • first line: URL that you want to use when visitors click on the gallery while this item is displayed,
  • all other lines: Descriptive text that is displayed when visitors hover their mouse over the gallery, while this item is displayed.

You can see what it looks like if you hover your mouse over the gallery above.

A note about .php and .htm(l) files

Files with extensions .php .html .htm are not image files, they are web pages. For them the scalling factor is important and you should set it to proper value. Too small and the site will turn into an icon, too big and you will see only the fraction of the page.

Php files may generate active content and may be used to provide some information that varies depending on the actual circumstances. As an example, in the gallery above we present a php file that displays the visitors user agent information and IP address. Here is the source code of the script:

<html>
<head>
  <style type="text/css">
    body { font-size: 14pt;
           background: linear-gradient(to left top,
                                       #E6E6FA, #87CEFA);
         }
    html { height: 100%; }
  </style>
</head>
<body>
  This is php script speaking,<br>
  you are comming to me from:<ul>
    <li><strong>HTTP_USER_AGENT</strong>
        <?php echo $_SERVER['HTTP_USER_AGENT']; ?>
    </li>
    <li><strong>REMOTE_ADDR</strong>
        <?php echo $_SERVER['REMOTE_ADDR']; ?>
    </li>
  </ul>
</body>
</html>

How to have different gallery each day or each hour

If you expect your visitors to come to your blog frequently, having a gallery that displays the same content each day may be boring. On the other hand, if you have a gallery that slideshows different images every day, or every hour, may be a reason to come back again and again to your site.

With [Galdget] or [Galdget plus+] WordPress plugins, you can make galleries that slideshow different content every day or every hour.

A very good example of galleries that change daily is a Restaurant menu tutorial here or here. It teaches you how to create a gallery that displays a daily menu for each day in the week. Advanced knowledge is also presented, on how to create two additional galleries that display the menu for next two days. All three galleries can be set up in pages/posts or as widgets.

Please note that the pictures, used in the following two galleries, come from pixabay site.

Here is what it may look like:

Menu for Today
Galdget plus+ gallery frame
Galdget plus+ gallery image

Hover your mouse over the gallery and you will see a popup message displaying the current meal name.

Here we will describe the minutely schedule of images, and create actual example of a “quarterly” schedule, which changes the content of the gallery each quarter of the hour – four image sets in total. We will also point out how you can combine more than one time designator in your galleries.

Here is the gallery:

 

And here is how to create it:

First we set up URL list, as shown below. Four separate folders on our web server, each with its own thematic images. Remember that all four entries should belong to a separate group, to avoid mixing with other galleries on our blog.

Galdget plus+ URL list, seasons

What makes the difference here is the slugs, each entry has min designator, with the minutely schedule:

  • between 00 and 20 is the time to display winter images
  • between 15 and 35 is the time to display spring images
  • between 30 and 50 is the time to display summer images
  • between 45 and 59 is the time to display autumn images

As you may have noticed, some time intervals overlap, e.g. between 15 and 20 minutes both winter and spring are displayed. And please be warned that the time here means the time of your blog, i.e. your web servers time is used for keeping up with the schedule, not your visitor’s local time.

Knowing that, on our server, now it is 13:11, you may deduct which season or seasons are displayed.

And here are current values of all time related slugs:
doy.347 moy.12 dom.13 dow.4 hour.13 min.11

The last thing to do here is to put the shortcode (or a widget, or both) to display a group that we set up in the URL list. Here is the shortcode:

[galdget_pp width=600 height=400
    align=center group=15 buttons=all
    images=fill animation=ocw
    frame=extraframes/frame-1192312_640.txt
]

One more addition: if you want to create a widget with the above schedule, but you want it displayed only on one particular page or post, as described in the tutorial here, you can achieve this easily by combining slugs for time schedule and location, as we did in the widget you can see to the left and up from here, under the title “Hourly scheduled seasons”.

The actual URL list setup looks like this:

Galdget plus+ URL list, seasons

Finally, please keep in mind that you may combine more than one slug, be it time related or not. For example, you may use dom.1-15,hour.0-12 to display some content during the first half of each month, but only before noon.

How to set up a widget gallery that appears only on one page or post

With Galdget you can set up galleries in your posts or pages. Normally, they appear only on a post or page that they belong to.

Widgets are different, they appear on every post, page, category or other special page on your blog. Even on the “Page not profound” page.

But with [Galdget] and [Galdget plus+] WordPress plugins, you can set up a gallery in a widget that will appear on pages/posts of your choice.

To begin with, you should read how to set up the plugin here (free) or here (premium), if you haven’t done so.

The next task is to set up the URL list that is location-specific. We do this by using slugs, the last column in the URL list table. For example, to enlist pictures that will display only on this post, we use this post’s slug, how-to-set-up-a-widget-gallery-that-appears-only-on-one-page. It is wise to designate a separate group to such items, to avoid mixing up with others.

Finally, we put the widget in the sidebar and set it up to have the group we have chosen in the previous step. In the sidebar to the left of this post, you are welcome to see the gallery with the title “On this post only”. What title says is true, you will not find it anywhere else on this blog.

There is a detailed description of how to perform the above two steps in another post, here. The only additions are the designated group and slug that you have to add to the URL list.

The examples follow:

  1. On one post/page only
  2. Only in category view
  3. Only on posts that belong to a category
  4. Only on tagged posts or in tag view
  5. On all but some categories

A single URL list is presented for all examples, with items as they should be set up to achieve desired behaviour, and with Group identifier corresponding to the example number. For each example, a widget should be set up with the group equal to the one in the URL list, which is not presented here as it is a straightforward task.

Galdget plus+ one-page widget

1. On one post

The post slug (or page slug) is human readable finishing part of the URL. For example, URL of this page is
https://plugins.unforget.rs/how-to-galdget/how-to-set-up-a-widget-gallery-that-appears-only-on-one-page/
and the slug is
how-to-set-up-a-widget-gallery-that-appears-only-on-one-page
without any / before or after it.

First three items in the above URL list have the slug appears-only-on-one-page and the widget with the group 1 (the same group as they are in) will be displayed only when page (or post) with the slug appears-only-on-one-page is displayed. Since there are no other URLs with group 1 in the list, and also there are no URLs with group 0, the widget with the group 1 will not be displayed elsewhere.

2. Only in category view

Items 4 and 5 belong to the group 2 and have the slug set to cat.nature. This means that the widget with group 2 will be displayed only in the category view for category with the slug nature (and probably with the title “Nature“). The “category view” means the display of the list of posts that belong to a selected category, so widget with the group 2 will not be displayed when a single post that belong to that category is displayed, only with the list of posts from that category.

Please note that the item 5 is dir:// which means folder on the web server which may (and should) contain a number of pictures, and we enlist it here as one item, which is handy.

3. Only on posts that belong to a category

Item 6 is dir://, and it is designated with slug in.stories which means that images from the corresponding folder will be displayed only with posts that belong to category stories, only on single post display. So, widget with the group 3 will be visible only with posts from category stories.

4. Only on tagged posts or in tag view

This is an interresting one. It should appear on tag view (similar to category view in 2.) or with tagged posts (similar to 3), which is two different places. We acomplish this by enlisting the URLs twice, once with tag.unbelievable to ensure it is displayed “only” in the tag view for tag unbelievable, and second time with as.unbelievable to make it show up “only” with single posts tagged as unbelievable.

Since this gallery is composed of two dir:// locations, for the group 4 we have four items in the URL list in total. We can see that they are marked as duplicates, but this is OK since the duplicate detection mechanisam does not read slugs, only URLs.

So, widget with group 4 will show up on both tag view for unbelievable and with single posts tagged as unbelievable, and nowhere else.

On all but some categories

All above mentioned slug designators can be inverted by prepending them with a minus sign. In our example we have a dir:// item that we want to display on all places except in several categories and with posts belonging to these categories. So, if categories to be “excluded” are skyline and city, we create the following slug:

-cat.skyline,-in.skyline,-cat.city,-in.city

Widget with group 5 will be displayed everywhere on the blog, except in:

  • category view for category skyline
  • posts that belong to category skyline
  • category view for category city
  • posts that belong to category city

More detail about setting up slugs in URL list setup can be found here or here.

How to set up a gallery of web pages instead of images

Why not display web pages instead of images in the gallery? Or web pages and images together? It is possible and easy with [Galdget] and [Galdget plus+] WordPress plugins.

You can read how to set up the plugin here (free) or here (premium).

As the gallery items, you may enlist either ULRs to images or to web pages, they will both be displayed correctly.

Here is an example:

 «  Open  » 
Open in new tab
Rotation is on
Galdget plus+ gallery frame

 

Please be warned that:

  • Not all web sites will allow to be displayed within the gallery. Actually, most of them will refuse to be embedded into another web page, so you will see a plain white nothing instead of web page. Choose them carefully.
  • Some web pages have a lot of moving content on them. This may slow your browser down and make your site appear slow and shaky.
  • Some web pages may annoy visitors with popups, redirects and similar manace.
  • Some web sites may react to plugins and various security settings. Since plugins and browser settings are in the hands of your visitors, they may see some web pages differently than you see them, e.g. they may get the “please switch Adblock off” instead of the content that they are displaying regularly.
  • If your blog is on https, do not enlist sites (as well as images) that are on plain http, they will be banned by the browser and your visitors will not see them. They are likely to get the secutiry warning instead, something like “The site you are visiting is attempting…” This may leave bad impression about your site which, however secure may be, is feeding the visitors browser with insecure links.

So be careful when using other web pages in your gallery.

How to set up a gallery with fancy frame

To display a gallery inside a frame, you use [Galdget plus+]. With it, you can setup one or more galleries on your blog’s post or page, or in one or more widgets.

If you don’t already have it – you buy [Galdget plus+] plugin, and install it as described in the 5 minute setup.

Then you may download additional frames, as described in the frame tutorial, and use the ones you downloaded.

It would be best to create your own frame, that matches the pictures that you want to display. For this, you only have to provide the picture (or pictures) for the frame, and go through frame creation tutorial to see how to use it on your galleries.

Here are some examples:

Forget-me-not (unforget):
Galdget plus+ gallery frame
Galdget plus+ gallery image
Smartphone, white, landscape:
Galdget plus+ gallery frame
 
Galdget plus+ gallery image
Cellphone:
Galdget plus+ gallery frame
 
Galdget plus+ gallery image
Smartbarry:
Galdget plus+ gallery frame
 
Galdget plus+ gallery image
Frame, golden ornament, portrait:
Galdget plus+ gallery frame
 
Galdget plus+ gallery image
Smartphone, black, portrait:
Galdget plus+ gallery frame
 
Galdget plus+ gallery frame
Galdget plus+ gallery image
Frame, hearted:
Galdget plus+ gallery frame
Galdget plus+ gallery frame
Galdget plus+ gallery frame
Galdget plus+ gallery image
Vintage paper frame:
Galdget plus+ gallery frame
Galdget plus+ gallery image
Frame, floral, green, landscape:
Galdget plus+ gallery frame
Galdget plus+ gallery image
Album, ellipsis:
Galdget plus+ gallery frame
Galdget plus+ gallery image
Frame, wooden, white:
Galdget plus+ gallery frame
Galdget plus+ gallery image
Frame, wooden, white, rich:
Galdget plus+ gallery frame
Galdget plus+ gallery frame
Galdget plus+ gallery frame
Galdget plus+ gallery image
Frame, ornament, brown + golden:
Galdget plus+ gallery frame
Galdget plus+ gallery image
Love, Valentine’s day:
Galdget plus+ gallery frame
Galdget plus+ gallery image
Frame, ornate, bronze:
Galdget plus+ gallery frame
Galdget plus+ gallery image
Wooden frame, grain:
Galdget plus+ gallery frame
Galdget plus+ gallery image
Wooden frame, grain, New Year:
Galdget plus+ gallery frame
Galdget plus+ gallery frame
Galdget plus+ gallery image
Wooden frame, grain, leaves:
Galdget plus+ gallery frame
Galdget plus+ gallery frame
Galdget plus+ gallery image
Tous les Éléments:
Galdget plus+ gallery frame
Galdget plus+ gallery frame
Galdget plus+ gallery frame
Galdget plus+ gallery frame
Galdget plus+ gallery image

You may want to read how to set up a gallery as a widget, in one of your blog’s sidebars, or how to set up more than one gallery.

How to set up multiple galleries in one post or page

If you want to display several different galleries on one post or page of your blog, or even in a number of separate widgets, it is easily achieved with [Galdget] (or [Galdget plus+]).

Since Galdget comes in two flavors, you have two options:

  • Option 1: Fancy, with nice frame, premium (need to buy a plugin)
  • Option 2: Free but cool, without a frame but with lots of other features

Option 1: Fancy, with nice frames, premium (need to buy a plugin)

Something like the Smartberry in the left sidebar on this page, maybe with some other “frame”. Frames, of course, can be changed:

Galdget plus+ gallery frame
 
Galdget plus+ gallery image
Galdget plus+ gallery frame
Galdget plus+ gallery image
Galdget plus+ gallery frame
 
Galdget plus+ gallery image

You go and buy [Galdget plus+] plugin, and install it as described in the 5 minute setup. You may be happy with only steps 1 and 2 of 5 minute setup, since the rest is covered in more detail down this page.

Option 2: Free but cool, without frames but with lots of other features

Something like the above, but without frame.

Galdget plus+ gallery image
Galdget plus+ gallery image
Galdget plus+ gallery image

Install free [Galdget] plugin, it also has its 5 minute setup. You may be happy with only step 1 of 5 minute setup, since the rest is covered in more detail down this page.

The rest of the setup (for both fancy and free)

In the text above there are three Galdget plus+ and three Galdget galleries which, since this is a post, are all on the same post. In the widget area to the left of this text are three widgets which, again, are on the same post. Now let’s see how this is done. We will have to set up:

  1. Multiple groups in the URL list,
  2. Multiple shortcodes in the post/page,
  3. Multiple widgets,

1. Multiple groups in the URL list

Basic URL list setup is described in another how-to, here. The only addition here is that we have to use groups. If we want to display three different galleries, we should have three distinct group numbers. It can be 1,2,3 or 10,11,12 or any three numbers of your choice.

It is a good practice to put the images of one gallery in a separate folder, somewhere on your web site, and then refer to the gallery with the dir://folder/subfolder in a single line in the URL list setup, instead of listing each image separately.

You may assign one item in the URL list (dir or single image, or a web page) to more than one group, just put more group numbers separated with commas. If you want it to show up in all groups – just leave it to group 0.

Finally, you end up with the list somewhat like this one:

Galdget plus+ URL list setup

Don’t forget to save it before you go on to step 2 or 3.

2. Multiple shortcodes in the post/page

Shortcodes are described here (or here if you are free). It is simple, if you want more galleries on your post or page – you put more shortcodes. Of course, you want your galleries to display different content, so you use different group for each one.

Here is a simple sample (semple sumple…) shortcode, with the group identifier shown in red:

[galdget_pp width=350 height=350 group=2 animation=cw]

If you want to have more control of the layout of galleries, you may group them into various div tags or, maybe even better, into a table. The ones displayed above use the following code:

<table>
  <tr>
    <td style="vertical-align:middle">
      [galdget_pp
        width=180 height=267 align=center
        group=1 random=no buttons=nonstop
        images=fill animation=rnd
        frame=frames/frame-1210491_640_p.txt
      ]
    </td>
    <td style="vertical-align:middle">
      [galdget_pp
        width=267 height=180 align=center
        group=2 random=no buttons=nonstop
        images=fill animation=rnd
        frame=extraframes/album-1448918_640.txt
      ]
    </td>
  </tr>
  <tr>
    <td colspan=2>
      [galdget_pp
        width=600 height=350 align=center
        group=3 animation=ocw buttons=nonstop
        frame=frames/smartphone-157082_l.txt
      ]
    </td>
  </tr>
</table>

This, of course, works in the “Text” mode in post/page editor. Don’t be afraid to use it, it may be less ‘visual’ than “Visual” mode, but you have more control of your content here.

3. Multiple widgets

Basic [Galdget] or [Galdget plus+] widget setup is described in more detail here. When setting up more than one, you simply repeat the procedure more than once.

Galdget plus+ multiple widgets

You should set up a correct group that each of the widgets will display, and it would be nice to set different titles.

How to set up a gallery in the sidebar of your blog

If you need to set up a gallery slider to display images (or even web pages) in the sidebar of your blog, where “Search”, “Archives”, “Recent posts” and similar items live, here is how you can do it:

  • Option 1: Fancy, with nice frame, premium (need to buy a plugin)
  • Option 2: Free but cool, without a frame but with lots of other features

Option 1: Fancy, with nice frame, premium (need to buy a plugin)

Something like the Smartberry in the left sidebar on this page, some 600 pixels to the left and 250 up from here. Maybe with some other “frame” instead of a phone, frame, of course, can be changed:

Galdget plus+ gallery frame
 
Galdget plus+ gallery image

You go and buy [Galdget plus+] plugin, and install it as described in the 5 minute setup. You may be happy with only steps 1 and 2 of 5 minute setup, since the rest is covered in more detail down this page.

Option 2: Free but cool, without a frame but with lots of other features

Something like the above, but without frame (also displayed in the sidebar on the left):

Galdget plus+ gallery image

Install free [Galdget] plugin, it also has its 5 minute setup. You may be happy with only step 1 of 5 minute setup, since the rest is covered in more detail down this page.

The rest of the setup (for both fancy and free)

Now we need to do two things:

  1. Enlist your pictures and/or web pages into the gallery,
  2. Set up a widget.

1. Enlist your media and/or web pages into gallery:

Go to “Settings/Galdget” or “Settings/Galdget plus+” and there you will find the URL list setup page.

Galdget settings menu

You have to bring your future gallery content here, from wherever it is hidden now. Depending on where your pictures are residing now, there are several ways to do it.

First of all, you may want to delete the two links I provided for you, but I would like to remind you that it is never too late to delete things. They might come in handy in the beginning, because with them in the list, you will see a gallery even if you do something wrong with your links. You can delete them later, when your pictures start showing up.

Galdget default urls

If the pictures are in your blog’s media library you click on the button “Add images from media library” and select those you want to add. If you want to select several pictures at once – just hold the Ctrl key while you select them with your mouse. When finished – click “Use selected images” and they will be appended to the list.

Wordpress media manager

If the pictures are stored in your local computer you again click on the button “Add images from media library” and then on “Upload files” top left. You can then use the “Select files” button to select the images from your computer, or simply drag them into the window. They will then be uploaded to your blog, and you will be able to add them as described in the previous section.

When you click “Use selected images”, your selection will be added to the list.

Galdget URL list setup

If the pictures are somewhere on the internet and you know the URLs to them, you can simply paste the URLs one by one into the URL column. You create empty rows for pasting the URLs by clicking on + buttons on the right.

Galdget URL list setup, add URL

Whichever + you click, it will insert an empty row below itself. Please keep in mind that adding remote images is the way to increase other peoples web traffic, so some of them may forbid such usage and you may end up with broken gallery. There may also be some copyright issues if you use other people’s pictures, so the best way is to use your pictures that are stored on your blog.

If the pictures are grouped in a folder somewhere on your web server, be it inside your blog or somewhere else, you may use the special dir URL, something like dir://folder/subfolder to point out the location of the folder with the pictures, and they will all be included in the gallery.

Galdget URL list setup, add dir URL

Web pages are included into the gallery the same way as external images: you paste the web page URLs one by one into the URL column. You create empty rows for pasting the URLs by clicking on + buttons on the right. Default URLs from the pictures above are good examples of web pages that are included into the gallery, but you will use your favorites.

The good thing about using web pages as gallery items is that they may change from day to day, especially the dynamic sites as e.g. news portals, so your gallery will look different each tome your visitors return to your site.

The bad thing about using web pages as gallery items is that they may consume your browser’s resources. If they feature some animations on they own, they can interfere with your gallery’s scrolling, which sometimes may look flickery. They may also bother your visitors with popups, new tabs or other annoying content, so don’t put the sites you did not review yourself and made sure they are not offensive.

The last thing that is important when adding web pages into your gallery is the scalling%. It should be set carefully, as inadequate scalling factor may display the web page only partially, or make it switch to low resolution “mobile mode” which does not have all the details you want to show. So, make sure you always check how it looks when you set it up.

2. Set up a widget

Before you navigate to widget setup, please note that, in our example (as should be on your URL list), the column Group is always 0. It should be so in this example, as it is a simple one, and it should also correspond to the setting in widget setup.

Now we go to “Appearance/Widgets” in admin dashboar, where you should be able to locate “Galdget” or “Galdget plus+” (or, why not, both) in the left half of the screen. There should also be some sidebars on the right, like e.g. “Primary sidebar”.

Galdget URL list setup

Here you should drag “Galdget” or “Galdget plus+” from the left half into the sidebar area. You will then be offered to tweak widget options:

Galdget widget options

You may well be happy with the defaults, but some options that you might want to change are presented below. More detailed description can be found here.

Group should match the group you were using in URL list setup. You will probably be happy with 0 as a default in both places, at least in the beginning. If you want to set up multiple galleries – then you should give each its own number.

Height should be changed if you are not happy with the square gallery. Width of the gallery inside a widget is determined by the theme, but height is your shoice.

Frame can be selected from the set of frames that you have downloaded and/or set up on your blog. Mind that this is a premium feature, if you have the free one, you don’t have to worry about the frame. You can download them from the “Settings/Galdget plus+” page, a button “Download new frames” exists below the URL list. Our best advice is to create your own frame, as described in the tutorial here.

But you will start with one of “factory installed”, and when you pick one – you will see a preview, something like this:

Galdget plus+ frame preview

or

Galdget plus+ frame preview

When you are done with adjusting options, you should finish the setup by clicking the “Save button” in the widget setup screen, and your widget will be available to your blog visitors.