We live and breathe the WordPress community and the companies that provide services like plugins, themes, hosting and more. Kinsta has gained a lot of attention since their formation in 2013. They offer premium WordPress hosting in the cloud based on the Google Apps service.
There are few reasons why Kinsta has seen such rapid growth in the WordPress space. For one, their infrastructure is fine-tuned for speed out-of-the-box with every level of hosting they provide. Second, their focus on customer support is something that every business should strive to duplicate.
Our Own Kinsta Hosting Review
I was personally hearing so much about Kinsta that I decided to put them to the test by migrating a WordPress tutorial site of mine to them and documenting the entire experience. If your curious to see how it went, you can read my Kinsta Managed WordPress Hosting Review: My Experience as a New User post where I detail each and every step, including my interaction with their support.
Why Having Our Plugins Recommended by Kinsta Matters.
Our plugins have over 400,000 active installs as of today. It’s critical for our business that we ensure our code is clean, lightweight, and compatible with as many hosting environments as possible. We’re constantly making improvements like ensuring they’re Gutenberg-ready and fixing any bugs that are reported.
Being recommended by a top-notch Managed WordPress host like Kinsta validates our hard work and signals potential users that our products are also high quality and solutions you can depend on for years to come.
Great news! FooGallery is now compatible with Gutenberg.
The new WordPress editor is set to be released with WordPress 5.0 later this month. While you will still be able to use the classic editor with WordPress, it is likely that this will fall away after a while.
So if you’re not already using Gutenberg, it won’t be to be too long before you are. Luckily for you, FooGallery now works with Gutenberg, giving you a live preview of the gallery in the editor itself.
As Gutenberg has such a strong emphasis on visual composition, seeing your gallery in the post will be a huge advantage. The live preview will help you design your post or page around your gallery. It will also save you the hassle of constantly previewing your post while you’re working on it.
Using FooGallery with Gutenberg
The first thing you’ll need to do is ensure FooGallery has been updated to the latest version. Once this is done, you’ll be able to access your galleries from within the block menu. Simply click on the Add Block icon, find the FooGallery block and click on it.
Your FooGallery block will appear as below. To add your gallery, click on the Select Gallery button.
A menu of your galleries will appear, from which you can select and add the gallery you want.
If you haven’t yet created your gallery, go to the Add Gallery option under FooGallery in your dashboard. Once you have created your gallery there, you can hit the refresh button in the gallery menu block. Click on your new gallery and hit Insert.
Your gallery will now appear as a live preview within your post. If you want to edit your gallery, no problem. You can click on the edit icon either at the top of the gallery block, or in the menu on the right hand side of your page.
This will open your gallery in a new tab, allowing you to make the changes you want to make. Once you have finished editing, save the changes, then click on the refresh icon in the top block menu. Your gallery will update with the changes you have made.
Using FooGallery with Gutenberg is now as simple as using Gutenberg itself. You’ll still have beautiful galleries, which will now display as you work on your post.
The Most Intuitive and Extensible Gallery Creation and Management Tool Ever Created for WordPress; built to be simple for users and highly flexible for developers.
FooGallery is a WordPress Media Gallery Plugin that allows you to easily create beautiful galleries. The plugin provides for an intuitive gallery creation and management experience with the added benefit of the powerful features that FooGalley includes.
To create a new FooGallery, navigate to FooGallery–>Add Gallery from your dashboard. Start by giving your gallery a title.
Adding Gallery Items
Click the Add Media icon to start adding images to your gallery. This will bring up the familiar WordPress Media Library and Upload Files options.
To Upload Files, click on the far left tab and then select your files. Once you’ve uploaded your files, choose the images you would like to include from your Media Library and click the Add Media button on the lower right. This will insert your selected images into your new FooGallery.
Below the Gallery edit screen, you’ll see the Gallery Settings area.
As you adjust your settings, you can see how the gallery will appear on the frontend by clicking on Gallery Preview in the Gallery Items area.
The settings will vary depending on the Gallery Template you select, but below we’ve only covered the basic settings for the Responsive Image Gallery.
You can choose what gallery template should be applied for when the gallery is seen on the frontend of your site.
There are several built-in templates available with FooGallery Free. PRO templates, however, are only available for FooGallery PRO users.
The default settings will be applied, or you can adjust each of the settings for your gallery.
To begin with, you can change the size of the thumbnails in your gallery. The default size is set to the built-in WordPress image sizes as you have them in Dashboard–>Settings–>Media and/or any custom sizes defined by your theme or other plugins.
In the Link To section, you can choose to link your thumbnails to their full size image, to the Image Attachment Page or to a Custom URL. In most cases, we recommend linking to the full size image to enable lightbox plugins like FooBox to work properly.
If you have a supported lightbox plugin activated, you can choose to apply it to your gallery in the Lightbox field.
Thumbnail Spacing allows you to choose the spacing you would like inbetween each thumbnail image in your gallery.
In Alignment, choose how you would like your gallery aligned horizontally within your post or page.
You can alter the appearance of your gallery thumbnails in this tab.
You can adjust the border of your thumbnails by changing the Theme, Border Size, Corners, and Drop and Inner Shadows.
The Loading Icon displays as images are loading and the Loaded Effect is used once images have loaded. The Fade In loaded effect is available in FooGallery Free, while FooGallery PRO users can choose from several other options.
The hover effect can include color and scaling effects. You can also change the caption to be visible on hover, or always visible. The transition effect is how the hover effect is displayed and you are able to select the icon that displays.
FooGallery PRO also comes with a selection of presets, along with the other settings.
The Captions settings adjust which captions display on your thumbnails.
You can leave it set to default or choose to include the title, caption, alt tag or description as the title or description for the image. These pull from the media file, and can be adjusted by editing the individual image or file.
The default setting here is None, so to add Paging to your gallery you will need to select a Paging type. FooGallery Free comes with Dots. Once selected, you will be able to set your Page Size, along with the position and theme of the Dots.
FooGallery PRO comes with the additional options of Pagination, Infinite Scroll and Load more.
FooGallery PRO includes Filtering, which allows you to include gallery filtering for Media tags and categories.
You can select the Simple Filtering for basic options such as Theme, Source and Position. Advanced Filtering allows you more options, such as changing the size or opacity of the Filter buttons.
Video is also included in FooGallery PRO and allows you to create video galleries or to add videos and images to the same gallery.
In this tab, you’re able to choose the icon you would like to display on your video thumbnail. You can also make it Sticky, meaning it displays even when you’re not hovering over it. You can adjust the size of your lightbox, should you need to. And finally, you can set YouTube and Vimeo videos to play automatically.
A shortcode is automatically generated for each gallery. This can be pasted into any page or post to display your gallery.
Click the shortcode in this box to automatically copy it to your clipboard for easy pasting elsewhere.
TIP: You can also use the Add FooGallery editor button when creating or editing a post or page to accomplish the same insertion of this shortcode.
Gallery Featured Image
You can set a Featured Image per gallery. This image will show in your gallery listings and can also be used in your own custom gallery templates.
The image you use as your Featured Image does not have to exist in the gallery itself (but it could).
This box will show you a list of pages or posts where the current gallery is being used. It’s a great time saver when you’re managing your previously created galleries.
If your gallery has not yet been inserted into a page, you can quickly create a new gallery page to use for your gallery.
Inserting FooGalleries Into Posts and Pages
Displaying any of your galleries in posts and pages can be easily done by using the Add FooGallery button in the Editor screen.
You’ll see the Add FooGallery button above the editor in any post or page edit screen.
Clicking the Add FooGallery button will present you with a listing of all the FooGalleries you’ve previously created. Choose your desired gallery and click the Insert Gallery button.
Notice that each gallery has an image to represent it. This is what the gallery Featured Image was used for in the previous step.
After your gallery has been inserted, you will see a representative block containing the gallery, with the featured thumbnail image displaying. If you haven’t chosen a featured thumbnail image, the first image in your gallery will be used.
Viewing and Editing FooGalleries
You can view and edit any of the FooGalleries you’ve created. Navigate to FooGallery–>Galleries from your dashboard and you will see all the galleries you’ve previously created.
Just like Pages and Posts, you can edit any FooGallery by clicking the edit button (which appears on hover) under the gallery name.
You can also go into Edit mode on any gallery from within a Page or Post by clicking the Edit icon for the gallery.
Gutenberg, the new editor for WordPress, will soon come standard with WordPress. You may have even installed it already. But given that it is a fairly new addition, not all of your plugins may be compatible with Gutenberg just yet. Luckily for you, FooBox is. Below you can find out how to keep FooBox working as it should, once you’ve installed Gutenberg.
How FooBox Works
FooBox is a media lightbox plugin for WordPress. It allows you to open images in a box above your page, so that users don’t have to navigate away from that page. Once FooBox is activated, it works straight away, automatically opening your images in the lightbox. There’s no need to change any settings or tick any boxes.
FooBox And Gutenberg Images
If you haven’t already done so, install and activate FooBox on your WordPress site. All the necessary settings should be enabled.
Add your media. This is slightly different with Gutenberg, as you’re no longer redirected to the Add Media screen. Instead you’ll now be able to upload your images directly to your post. Simply click on the Add Image button in the top of the block. From there, you’ll either be able to upload or access your media library.
Once you’ve uploaded your images, you’ll be able to add Alt Text and adjust the size of the image in the menu on the right hand side of the editor. You can select the image size you want, such as Full or Thumbnail, or you can adjust the size based on the percentage.
From this menu you’ll also be able to link your image to the URL, enabling it to open in FooBox. For this, go to the Link Settings in the menu and select Media File. A URL will be automatically generated.
If you want to further edit your image, you can click on the image block. Here you can adjust the image alignment or change the size by using the toggles on the side of the frame. You can also add your caption here, making it bold or italicised, and you can add a link to it. The captions you add to the image within Gutenberg will automatically be picked up by FooBox.
FooBox and Gutenberg Galleries
If you want to create a gallery in Gutenberg, then you can still make use of FooBox, thereby enabling your gallery images to open in a lightbox. To do this, you can select the gallery block under Common Blocks. You will then be able to load and edit multiple images.
To enable FooBox, go to the block settings in the right hand menu. Find where it says Link To and click on the Media File option. Your images are now able to be opened in FooBox from the gallery.
With FooGallery PRO, you are able to bulk copy gallery settings across to all or just some of your galleries. This is a great feature, and in this post we’ll look at the benefits of using the Bulk Copy metabox, and how to do this.
Benefits of Bulk Copying
One of the biggest advantages of using the Bulk Copy feature in FooGallery PRO is that it saves you time. You are able to style your gallery as you like. You can then choose to copy these settings to other existing galleries, saving you the hassle of replicating all of the settings again.
This gives you a uniformity across your galleries, which means a more polished, professional look for your website.
Another benefit is that the settings can be applied to select galleries, rather than all of them. If you’re a photographer for example, you may want all of your wedding photography galleries to have a particular style. But this style may not suit your family galleries or your portrait galleries. This is where the bulk copying comes in handy. You can create different styles for different sets of galleries.
How to Bulk Copy Your Gallery Settings
In FooGallery PRO, while editing a gallery, scroll down to Bulk Copy Metabox and click on the ‘Start Bulk Copy’ button.
You’ll be able to select exactly what settings you want to copy across. By default, the template, retina and sorting settings, along with any custom CSS, will copy across. If you don’t want one or more of these to apply to other galleries, unselect them.
You can then select whether to apply the settings to all galleries or just a few. To apply to all, select the ‘all galleries’ destination. If you choose ‘custom selection’, you will then go on to select the galleries to which you want to apply the settings.
Once you’ve made your selections, simply hit the ‘Run Bulk Copy’ button.
Here’s a quick guide to using this feature.
Start Bulk Copy
Start your bulk copy
Bulk Copy Settings
Choose which settings to bulk copy
Bulk Copy Destination
Choose whether to apply to all galleries or select options
Run Bulk Copy
Once settings and destination are selected run the bulk copy
A Note On Styling Future Galleries
The Bulk Copy feature only makes changes to galleries that already exist. However, on the global settings page for FooGallery, you are able to choose which gallery must be used as the Default Gallery Settings. This means that when you create a new gallery it pulls in the settings from selected gallery as the default settings.
If you go to the FooGallery Settings page from your dashboard, find the Default Gallery Settings option and select the gallery of your choice. Future galleries you create will now automatically have the same settings as this gallery.
This WordPress Media Gallery offers you a variety of templates and settings, ensuring you can create the perfect galleries for your site. With the Bulk Copy feature, you’ll be able to ensure that all of your galleries look the same.
If you look around online, you’ll notice that a lot of people watermark photos on their websites. Professional photographers, bloggers, businesses and individuals choose to add a watermark to their pictures. But is this something you should be doing?
Watermarking has been around for ages. You might even remember seeing printed photos with the word COPY or something similar all over it. Photographers might still do this when giving customers prints from which they can select and order their photos.
In the digital age, watermarking is still around. It may take the form of a logo, text or a symbol (like the copyright icon), which is superimposed over a photo or placed in the border around a photo.
Should You Watermark Photos?
There are a number of good reasons to watermark photos on your site. A watermark can be used as a form of copyright, and it can help prevent people from using an image as their own or without your permission.
It has also become a way of signing an image. A watermark is similar to a digital signature, and through this people can see who took the photo. In this way, you can build your reputation as a photographer, or that of your blog.
But while watermarking has its uses, its debatable as to whether it should be used. Placing a watermark on your photo can be distracting, even potentially harmful. Depending on where the watermark is placed, and how large it is, you can change the focus (and effectiveness) of the image.
Using a watermark isn’t a foolproof way to prevent others from using your photo. It’s easy enough to remove the watermark, especially if it’s small or placed in a corner or border of the image. You can overlay a semi-transparent watermark image over your entire photo, making it difficult to remove. But this is likely to detract from the image.
Adding a watermark can also take time. If you change your logo, you’ll need to change the watermarks on older images, which will add to this. Depending on the method you use, or the software, it could also cost you money.
How To Add A Watermark
If you do decide to use a watermark, there are several simple ways to add one. You can simply add text to your image, such as ‘Copyright FooPlugins 2018’. Any photo editor will enable you to do this. It’s advisable to keep the text small, but legible, and place it vertically on the side of your image. Here’s an example – look in the top right hand corner.
You can also use specific software to watermark photos. You can use text, your signature, or a logo, and use your chosen software to add this to your images. Here are some options to get you started:
If you don’t want to use a watermark, but still want to keep track of whether your images are being used without your permission, there are ways to do this. You can use one of these software solutions, or simply add your image to Google Image and search for it.
If you do decide to use a watermark for your images, then there are some things you should do, and others you should avoid. To begin with, make the watermark the right size. Too big and it will distract from the image. Too small and no one will see it.
It also needs to be legible. You may choose to use your signature, but unless people can read it, it won’t be particularly useful. If you’re using text, try for something interesting or unusual, but that can still be easily read.
Avoid placing your watermark over the entire photo. Rather place it in a corner or in the border. Wherever it goes, it shouldn’t be a distraction.
You don’t need to watermark all of your images. Rather save it for the really amazing photos, the ones you’ve spent time composing, and the ones that others are likely to want for themselves.
Remember, your images can make (or break) your website, so do what works for you. Regardless of whether you watermark your photos or not, you can always add your copyright info to the description or caption of your images. FooGallery also allows you to add html.