Learn about WordPress Gallery Extra and create awesome galleries.
Learn about WordPress Gallery Extra and create awesome galleries.
The most intuitive and extensible gallery management tool ever created for native WordPress Gallery.
A brand new algorithm
There are dozens of WordPress photo galleries out there, but the problem is that they always look the same!
WordPress Gallery Extra uses a brand new algorithm to make much more interesting image grids.
The WordPress Gallery Extra is fully responsive and it adapts to the browser using a nice and smooth animation, even on mobile devices because it can use the hardware acceleration taking advantage of CSS3 properties.
You can install WordPress Gallery Extra via the WordPress plugin uploader without unzipping the file:
wordpress-plugin-extrafolder (this directory is created when you unzip the file).
wordpress-plugin-extrafolder to your
Once you install the plugin, you’ll get new Menu Item in the Admin Panel
That’s it! WordPress Gallery Extra should now be ready for use.
Image galleries are a great way to share groups of pictures on your WordPress site. The Create Gallery feature of the WordPress media uploader allows you to add a simple image gallery to pages or posts on your site.
Note: Before adding a gallery, you should be comfortable using the Add media feature and the media uploader to add images to your media library and place them into posts.
A gallery can go anywhere on a page or post – by itself on a blank page, or above, below, or in the midst of text. Start by placing your cursor where you want the gallery to appear – if it’s in between blocks of text, like in the photo example below, consider adding a return and placing your cursor on a new line so there’s space above and below.
Once you’ve placed your cursor where you want your image gallery to appear, click on the Add Media button (located left above the editing window) to launch the media uploader interface. In the resulting popup window, select the ‘Create a Gallery’ option from the list of actions on the left.
You can add or select the images you want to include in your image gallery by choosing from either of the following options in the center of the media uploader window:
Note: You can create an image gallery using any combination of new images and previously uploaded images simply by switching back and forth between the Upload Files and Media Library tabs.
As you upload and/or select images, you will see your selection confirmed on the Insert Media screen by check boxes at the top corner of each thumbnail. Also, a row of thumbnails appears at the bottom of the window to help you keep track of all the images you’ve selected. When you are happy with your selection, click the Create a new gallery button.
On the Edit Gallery page, you can do the following things before inserting the gallery you have created into your page or post:
Before inserting your gallery, you also have several Gallery Settings available in a pane on the right to control the following:
Within the visual editor, the image gallery is displayed as a series of thumbnail images.
When you click any area of the image gallery, icon buttons appear top of the area. At any time, you can edit the images or settings of your gallery by clicking on the Edit button. You can remove the image gallery at any time by clicking on the Remove button.
Templates are a great way to styling groups of galleries on your WordPress site. The Templates feature of the WordPress Gallery Extra allows you to style image galleries on your site.
You need to go to Templates panel in WordPress Gallery Extra dashboard and click on the New Template button. Enter a name for the template in the opened dialog then hit the Enter.
You need to go to Templates panel in WordPress Gallery Extra dashboard and click on the Import Template button. Enter your mouse to a Thumbnail and click on the Import button.
Note: You need to activate the WordPress Gallery Extra to import Templates.
Learn about all available WordPress Gallery Extra settings options and what they are doing.
|%title%||Attachment Title field.|
|%caption%||Attachment Caption field.|
|%description%||Attachment Description field.|
|%alt%||Attachment Alt field.|
|%author%||Attachment Author Name.|
|%time_ago%||Human readable attachment upload time.|
|%year%||Attachment upload Year.|
|%month%||Attachment upload month (A full textual representation of a month, such as January or March).|
|%monthnum%||Attachment upload month (Numeric representation of a month, with leading zeros).|
|%day%||Attachment upload day of the month (A full textual representation of the day of the week).|
|%daynum%||Attachment upload day of the month (Day of the month with leading zeros).|
|%index%||Item index in gallery with leading zeros.|
|%custom_link%||Attachment Custom Link field.|
|%custom_link_target%||Attachment Custom Link Target field.|
|%image_file%||Attachment image file URL.|
|%thumb_file%||Attachment thumbnail file URL.|
|%attachment_page%||Attachment page URL.|
|%categories%||Attachment comma separated categories.|
|%tags%||Attachment comma separated tags.|
-1pxto remove the limit of the maximum row height. Alternatively, use a percentage (e.g. 200% which means that the row height cannot exceed
2 * Row Height)
Learn about all available WordPress Gallery Extra styling options and what they are doing.
Placeholder Colorfield for overlay and thumbnail background color.
@import "preboot";in first line and for LESS DSS, insert
@import "dss";in first line.
You can access styling options values in Custom CSS field using LESS variables. Possible variables are:
|@spacing||The Spacing option value.|
|@border-weight||The Border Weight option value.|
|@border-style||The Border Style option value.|
|@border-color||The Border Color option value.|
|@border-radius||The Border Radius option value.|
|@border||The CSS Border property value.|
|@shadow-x||The Shadow X-Offset option value.|
|@shadow-y||The Shadow Y-Offset option value.|
|@shadow-blur||The Shadow Blur option value.|
|@shadow-spread||The Shadow Spread option value.|
|@shadow-color||The Shadow Color option value.|
|@shadow||The CSS box-shadow property value.|
|@icon-color||The Icon Color option value.|
|@icon-size||The Icon Size option value.|
|@caption-color||The Caption Color option value.|
|@overlay-type||The Overlay background type option value.|
|@overlay-background||The Overlay CSS background property value.|
|@overlay-start-color||The Overlay Background Start Color option value in gradient type.|
|@overlay-stop-color||The Overlay Background Stop Color option value in gradient type.|
|@overlay-orientation||The Overlay Background Orientation option value in gradient type.|
This plugin allow create custom image sizes for your site. Override your theme sizes directly on the Images Sizes page.
The Image Size name
Image width in pixels
Image height in pixels
Whether to crop images to specified width and height or resize. You can specify positioning of the crop area.
Whether to show image size in post insertion or hide. You can specify positioning of the crop area.
Remove the image size
You can regenerate all the sizes you have just created and choose which one you wanted to regenerate.
Creates a zipped archive of your
uploads directory and saves it in
uploads directory for thumbnails and deletes all thumbnails within your
Image sizes option to rebuild
Post types source thumbnails only to rebuild.
You can use the generated sizes directly into your galleries and insert images at the right size!
WordPress Gallery Extra will add new Settings & Features to your images in Media Library that you can control them as you wish. Such as tagging and categorizing images, Placeholder Color field, Custom URL field, and the mosaic gallery Row & Columns size.
Settings available in a pane on the right to control the following:
Following 3.5, gallery shortcodes includes the image IDs by default. Like this:
Specifying IDs in your shortcode allows you to include images in your gallery that aren’t necessarily “attached” to your post — that is to say, not uploaded from within your post or page. This flexibility allows you to create and embed any number of galleries containing any number of images!
Note: If you choose to just use the "barebones" version of the [gallery] shortcode in your post or page, only images that are "attached" to that post or page will be displayed.
There are several options that may be specified using this syntax:
[gallery option1="value1" option2="value2"]
You can also print a gallery directly in a template like so:
<?php echo do_shortcode('[gallery option1="value1"]'); ?>
This works too:
<?php $gallery_shortcode = '[gallery id="' . intval( $post->post_parent ) . '"]'; print apply_filters( 'the_content', $gallery_shortcode ); ?>
The following basic options are supported:
[gallery order="DESC" orderby="ID"]
[gallery categories="face, outdoor"]
[gallery tags="beach, summer"]