FooGallery makes it easy to add captions to your image gallery. Available on both the Free and Pro versions, the caption settings on FooGallery allow you to choose a title and a description for your thumbnails. Here we show you just how easy it is.
Add Images to Your Gallery
The first step is loading images to your gallery. This may sound obvious, but the important part of this step is in labelling your images. When you add images to your gallery, you’ll be able to fill in the Title, Caption, Alt Text and Description for each image.
You can come back and do this at a later stage, but it really is easier to do it right at the beginning. To find out more about what to include in these different fields, read our blog on Titles and Alt Text.
Choose Your Gallery Template
Once you’ve selected and loaded your images, choose the gallery template you’ll be using. Again, you can change this later, but bear in mind that your settings will revert to the default settings when you select a different gallery template.
Add Captions to Your Image Gallery
In the Hover effects tab, you can select when your captions will be visible. Under Caption Visibility you can choose to show captions on hover or make them always visible. You can even choose to not have captions.
Here’s a demo of how it looks when the captions are always visible. At this point you can also select your other Hover Effects – or how your thumbnail will appear when hovered over. These vary depending on whether you have FooGallery Free or Pro.
On a side note, the Masonry Gallery comes with a special feature, where the captions are set to always be visible Below Thumbnail. This is a great look with the Masonry Gallery, and you can find out how to do this for yourself here.
Change the Caption Source
You can also change where your caption data is sourced or pulled from. To do this, go to the Captions tab. (Or you can change this from the FooGallery settings in your menu.) The default settings will be selected, but you can easily adjust the settings to customise your gallery. You can choose to display a title or description only, or you can display both.
The captions use the wording you added when you first loaded your images. So your choices here will reflect that wording. For both the title and description, you can choose from the Title, Caption, Alt Text or Description that you originally included.
To change the wording, simply choose Manage Items (next to Gallery Preview) and click on the small ‘i’ in the top left corner of the image. Once you’ve changed the wording you can return to the Gallery Preview option.
The Caption options also allow you to limit the length of your title and description. This won’t affect the title and description in the lightbox (when the full size image opens). But you should ensure that the captions aren’t cut too short, and that they still make sense if you limit the length.
Here you can see the various settings and how the different captions look:
Various options are available for adding captions
Title only caption
Only the title displays on the thumbnail
Description only caption
Only the description displays as the caption
Title and description
Displays both the title and description
Caption with limited length
The length of the title or description can be limited
Explore the options for yourself – download FooGallery and see how easy it is to customise your image gallery.
With video becoming an increasingly popular choice for marketing, screen recording isn’t just a nice-to-have; it’s essential. But simply capturing a video isn’t enough; you also need to display it properly by using a plugin like FooPlugins‘ video gallery extension FooVideo.
More and more, websites and marketers are turning to video, making it one of the fastest growing mediums online. Video creates a dynamic way to communicate with your audience, while giving you the visual content you need to stand out. Screen recording helps you accomplish this, especially when it comes to creating informative content for your audience.
Here are just some of the ways you can use video and screen recording effectively.
to educate and inform: use tutorials, how-to-videos and demos to easily and effectively engage your audience
for product showcases: use video to explain and demo a new product
as an added boost for social media: get more likes and followers
for presentations: explain concepts, or add visual appeal, through video
to add a personal touch: overlay a webcam recording on top of your screen capture
Top Tips for Screen Recording
Recording the images on your screen can help you demonstrate your point. This is true whether you’re playing a game and sharing your tips or working through something more complex or technical.
But you need to remember that recording your screen and creating a video takes some work. It’s important to plan what you want to do (do some practice runs) and, if you’re adding voiceover, to give some thought to what you want to say.
Make sure you have the right equipment. There are plenty of apps that can help you with the actual screen recording, but you also need a good microphone. Look for apps that help you edit your video, or even just your screenshots, after you’ve captured them. And once you’re done, choose a plugin that allows you to play your video effectively.
Screen Recording How To
If you only need the basics, you can record your screen by using something you probably already have. Both PowerPoint and Quicktime (on a Mac) will allow you to record what’s happening on your screen.
If you’re looking for something with a few more features, have a look at these apps.
Bandicam offers screen recording, game recording and device recording with handy features like webcam overlay and recording a select area of the screen. You can record your voice, add mouse click animations and change your video format settings.
Icecream Screen Recorder allows you to capture a screen either as a screenshot or as a video. Some of the features include area selection, zooming in while recording, adding audio, and scheduling screen recordings.
Snagit is a handy app for capturing screenshots and video. It also lets you select your screen area, plus you can add or edit text, add visual cues (like arrows), and turn short screen recordings into animated gifs.
Once you’ve made your video, display it properly! After going to all that trouble, you want your video to make a statement. FooGallery‘s video extension can help you do just that. Find out more at FooVideo.
WordPress comes standard with its own media and gallery options, but it’s a good idea to use a WordPress Gallery Plugin nonetheless.
The WordPress Gallery option
When loading posts or pages to your site, WordPress gives you the option to add media. You can add images, giving each a caption, title, alt text and description, much like a gallery plugin will do. You’ll also be able to fiddle with settings like alignment and image size.
In the same way, you can create a gallery on WordPress without using a plugin. The gallery will open on a new page, or you can enable a carousel module, which opens the gallery on the same page.
But with both of these, your settings and features are limited. So if you’re looking to give your images and galleries a more unique feel, it’s better to use a WordPress gallery plugin.
The WordPress Gallery Plugin option
Using a gallery plugin comes with a host of benefits. Not least of these is the increased versatility a plugin provides. You’ll have more features, allowing you to adjust your settings to create a truly unique gallery to suit your needs.
Images used in a gallery plugin will generally appear as thumbnails on your post, but when you click on these, they’ll open in a lightbox (like FooBox) on the same page. With a WordPress Gallery Plugin like FooGallery, you’ll be able to customise the settings for both the thumbnails and the lightbox.
FooGallery comes with all sorts of features. FooGallery Free has settings for your thumbnail appearance and hover effects. Drag and Drop Reordering makes it easy to organise your photos. Plus, with the FooVideo extension you can add video to your gallery.
FooGallery Pro lets you choose from preset hover effects. Or add one of the Pagination options to your longer galleries. You also have more choice of templates. The choices are many and varied.
So what does this all mean for you and your site? You’ll be able to do the basics without a plugin. But to get the full benefit of using images, you need to be using a gallery plugin. FooGallery is the ideal choice. Have a look at the demos for yourself, or get started by downloading it today.
FooGallery comes with loads of awesome features. So many in fact, that you might not even know everything you can do with this plugin. So here’s a taste of just some of the things this media gallery can do.
Add HTML Captions
FooGallery lets you add HTML directly to your captions. This feature allows you to include an anchor link as part of your image caption. Once you click on a thumbnail, it will open in FooBox, and you can then click on the link in the caption.
Here’s a video showing you how to add HTML captions, using Pixabay images that link to the Pixabay profile page.
How to Add Links in Image Captions and FooBox Lightbox in WordPress - YouTube
Include Pagination in your Gallery
FooGallery now comes with 4 types of pagination – a useful tool for your longer galleries. On FooGallery FREE you can make use of dots to indicate the number of pages. The Pro version offers numbered pagination, so your users can see how many pages there are at a glance. Other options are Load more – a button allowing you to load more images when you’re ready – and Infinite Scroll, which loads your images as you scroll down.
Retina device screens have a higher pixel density, meaning that images on a retina screen display at least double the number of pixels in the same space. This gives you a much crisper image.
FooGallery FREE and Pro both support retina ready images. When enabled, the plugin will automatically apply HTML resizing so that the image displays as 300×300 pixels on both normal and Retina screens. The higher pixel density Retina screen will display 600×600 pixels in the same height and width as the normal 300×300 image.
FooGallery Pro now also comes with some really awesome Hover Effect Presets. There are 12 to choose from and the settings have all been done for you. Simply load your images and choose the gallery hover effect preset you like best.
A lightbox plugin, like FooBox, is a useful addition to any blog or website. It not only gives you a great way to display images, it also provides additional features that you’re sure to find useful.
So why a Lightbox Plugin?
A lightbox, in case you’re wondering, is a box that pops up on your screen, leaving the page behind it dark. Any WordPress site will allow you to add images, but a lightbox plugin gives you more control over how your images appear. When someone clicks on your thumbnails on your blog post or site, a bigger image will appear in the ‘popped-up’ lightbox. This lets you display smaller thumbnails on the blog itself, and showcase the larger images better.
Using a lightbox plugin creates a more professional look for your website. It also means that your readers won’t leave the page or your site, as the lightbox still keeps the page open rather than directing them elsewhere.
You can use a lightbox plugin to create forms, for example, to gather email addresses for a newsletter. You can add lists to your lightbox. Or use it to display video or WooCommerce product images.
Choosing a Lightbox Plugin
The great thing about using a lightbox is that it gives you a lot of versatility when it comes to customising your images. You can display captions and descriptions if you choose to. You can change the borders or choose the hover effects of the thumbnails. But when it comes to choosing a lightbox plugin, there are some points you need to remember.
Your plugin needs to be responsive. Not all images are the same size. So your plugin needs to respond by adjusting the size of the lightbox for each image. It also needs to adjust depending on the device you’re using, be it a tablet, phone or computer.
Choose a lightbox plugin that gives you a wide selection of settings and templates. You want to have a choice over how your images are displayed.
Look for plugin that meets all your needs. Are you displaying videos? Do you want to add html to your lightbox? What about photos, or a photo gallery? Your plugin should give you all of this.
Using titles and captions is not only important for SEO, it’s also really useful for your readers. But you want a lightbox plugin that lets you choose how (or even if) both of these are displayed.
Look for something that gives you social sharing. Allow your readers to easily share your images to social networks by choosing a plugin that comes with built-in social sharing.
FooBox accomplishes all of this. It is a versatile lightbox plugin that lets you add images, galleries and video to your site. For more details or to download it now, have a look at FooBox.
New features are now available in FooGallery, that make this media gallery plugin your only choice, if you want to create professional looking galleries within WordPress.
New Feature in FooGallery FREE
If you already use Masonry galleries, then you will love this! You can now set the captions to always show beneath the thumbnails. This new feature adds a slick look to your galleries and provides your users with more information upfront.
To enable this setting, edit to your gallery and select the Masonry Image Gallery template. Then click on Hover Effects. Under Caption Visibility, select Below Thumbnail.
New to FooGallery PRO is the settings Bulk Copy feature. If you’re looking for uniformity of the galleries across your site, or even just for specific pages, then you’ll love this new metabox which is available in the PRO version ONLY. Instead of trying to remember your settings, or going back to check what they were, you can now use the Bulk Copy feature.
Bulk Copy lets you copy the saved settings of one gallery to your other galleries in just a few simple steps. You can copy the settings to all of your galleries or custom select to which galleries you would like the settings applied.
You’ll find this in a new meta box, available when you edit a gallery:
Find out more about these new features on FooGallery.
To give you control over your FooBox assets, the plugin now includes a setting that allows you to exclude FooBox assets by default:
Exclude FooBox Assets By Default
Include FooBox Assets By Default
Alternatively, you can leave the setting disabled. You’ll then be able to exclude FooBox assets in the same manner, from specific page or posts:
This setting and metaboxes were previously only available in the PRO version of FooBox, but after many requests from our users, we realised that this should also be in the free version.
WP Engine provides solutions to help you create online experiences, from campaign sites to E-commerce extensions.
The numbers speak for themselves. Over 70,000 customers in 140 countries trust WP Engine with their digital experiences. 500,000 digital experiences are powered by WP Engine. And over 5% of the online world visits at least one experience powered by WP Engine every day.
Their focus is on innovation, integration, and agility. WP Engine’s goal is to give you the opportunity to deliver experiences instead of worrying about the systems that provide those experiences. This is an award-winning company that helps businesses realize their goals better and faster.
Why do you want a WP Engine Recommended Plugin?
WP Engine is an authority when it comes to WordPress sites. So you know their recommendation counts, and that a plugin that they have recommended will do the job.
As a media gallery plugin, FooGallery is efficient and effective, making it a must-have for your WordPress site. FooGallery gives you the flexibility to create the perfect media gallery for your site. It also integrates seamlessly with the WP Engine platform.
Look out for our WP Engine Recommended Plugin Badge on FooGallery:
The NextGen gallery plugin recently had some trouble with PHP 7 compatibility, and we had a lot of people asking how they can migrate hundreds of galleries that they had created using NextGen, into a good alternative, like FooGallery. It turns out this is really simple and effortless to do, using the NextGen Importer extension, which comes bundled with FooGallery and is also free!
NextGen is not for everyone, so if you want to move to an alternative, then FooGallery is a great choice.
How to migrate from NextGen to FooGallery
Follow these simple steps to migrate your galleries from NextGen to FooGallery.
Install the FooGallery plugin. There is a free version, or you can opt for the additional benefits that come with FooGallery Pro. Once installed, activate the plugin. If you already have FooGallery, then update to version 1.4.12 or later.
From your dashboard, you’ll see FooGallery in your menu on your left. Hover over FooGallery, then click on Extensions.
Scroll down until you see the NextGen importer. Hit Activate. You’ll now see a NextGen Importer in your FooGallery menu. You’ll now be able to import all NextGen galleries and albums. And a handy new feature that was released in FooGallery 1.4.12 is the ability to find and replace all NextGen gallery shortcodes directly to the imported FooGallery shortcodes. It really couldn’t be any easier!
Select NextGen Importer
Select Extensions followed by NextGen Importer
Select NextGen Importer
In the FooGallery menu select NextGen Importer
Choose galleries to import
Choose the Nextgen Galleries you want to import
NextGen Galleries importing
NextGen Galleries importing
Import NextGen albums
Once galleries are imported you can also import albums
Using gallery shortcodes
Once galleries and albums are imported, use the shortcodes
FooGallery has undergone some major updates! Whether you’ve used FooGallery before, or are a new user, you can look forward to some awesome new developments. Here’s a look at what you can expect, coming very soon.
One of the biggest changes comes in the form of a major speed boost. Galleries now support lazy loading. This basically means that gallery images/thumbs will only be loaded when they are visible by the user. This improves your page load times and cuts down on the data or bandwidth for users, giving them a more optimum user experience. Very large galleries now load almost instantly. And the best part is you do not need to even turn this on. All the bundled gallery templates will support lazy loading and they will work out of the box with no changes needed on your end.
Gallery Previews (Live!)
Another big development in the latest FooGallery update is the gallery live preview, which is available when editing the gallery. This nifty addition means you can see what your gallery will look like, as you adjust the settings, with no need for a refresh! So if you’re fine-tuning your spacing or adjusting your hover effects, you’ll be able to see exactly what it would look like on the front-end before you publish. This will save you time and frustration, as you won’t have to keep going back to the page or post where it is embedded, to see how it would look.
Gallery Previews In FooGallery
FooGallery Settings Overhaul
The FooGallery settings have undergone a major UI overhaul, and we think you’ll like what you see. We have introduced a settings tab structure down the left hand side, that groups similar settings together. This stops you from having to scroll and scroll down the page to get to certain settings.
New Tab Settings Structure In FooGallery
In previous versions, only the default responsive gallery used to have customizable appearance, hover effects and caption support. No longer! The new FooGallery adds a range of common settings across all bundled gallery templates. Here’s a look at some of the settings you’ll now have access to, that we know you will love:
The appearance of your thumbnails is an important part of your site. FooGallery understands this and gives you an impressive range of options. From borders and shadowing to loading icons and effects, you’ll be able to tweak your thumbnail appearance to ensure it’s the perfect fit for you and your site.
Thumbnail hover effects is what sets your website’s galleries apart from the rest out there. These versatile settings let you adjust not only the effect (from colorizing or scaling up) but also give you a choice of hover icons. You even have a choice of transition effects for how your captions are displayed.
Captions, titles, descriptions and alt text play an important role in your media galleries. These can provide your users with essential information or helpful tips; but only if they’re displayed correctly. Now they can be.
This latest FooGallery update allows you to change the source of your thumbnail captions per gallery. This used to be a global setting before, so now you have more flexibility.
Last, but definitely not least, the update sees the introduction to paging. This new feature is particularly useful for galleries with a large number of images. You can also determine the number of images you want displayed at a time.
When is the Question?
The new version of FooGallery is going through some final testing at the moment and will hopefully be available early November 2017. That is just around the corner!
Following closely on from this, FooGallery Pro will be releasing soon. This new version will bring with it more templates, more settings and increased functionality. We are so excited to finally bring you a PRO version of the best gallery plugin available for WordPress, and we really think you will love the PRO version when it drops in the next couple of weeks.
Keep an eye on FooPlugins and Facebook to make sure you know when the latest FooGallery update and FooGallery Pro versions are available. In the meantime, here’s a look at just how awesome this update will be.
View your gallery as you make changes
Adjust your thumbnail size, spacing and alignment
FooGallery Appearance settings
Adjust the theme, borders, shadowing and loading icons