Title: Space Boxes Author: Nick Haskins Published: Du 12, 2013 Last modified: Kevardhu 13, 2013 --- Search plugins ![](https://ps.w.org/space-boxes/assets/banner-772x250.jpg?rev=803460) This plugin **hasn’t been tested with the latest 3 major releases of WordPress**. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. ![](https://s.w.org/plugins/geopattern-icon/space-boxes_253d48.svg) # Space Boxes By [Nick Haskins](https://profiles.wordpress.org/nphaskins/) [Download](https://downloads.wordpress.org/plugin/space-boxes.zip) * [Details](https://cor.wordpress.org/plugins/space-boxes/#description) * [Reviews](https://cor.wordpress.org/plugins/space-boxes/#reviews) * [Installation](https://cor.wordpress.org/plugins/space-boxes/#installation) * [Development](https://cor.wordpress.org/plugins/space-boxes/#developers) [Support](https://wordpress.org/support/plugin/space-boxes/) ## Description Space Boxes (not Space Balls) was designed to make building content & media grids quick and painless. Each Space Box set is created solely with a WordPress gallery inserted into a custom post type. When you insert the shortcode `[spaceboxes id= XX”]` , it will display the title, and caption for each image, if they are provided. Have 7 images in your gallery? Then you’ll have 7 boxes. Want a lightbox? No problem. Control over the grid? Check! There’s even a portfolio mode to show off images or product screenshots. You can also use the gallery to drag and drop your boxes in the order that you want them displayed. Woop! Hit the demo link below to see it in action. * [http://space-boxes.nickhaskins.co/](http://space-boxes.nickhaskins.co/) #### Custom Post Type Create multiple Space Box sets and manage them ease. Space Boxes even provides the shortcode for you with the post ID included for easy copy pasta. #### Design Control You’ve got full control over the colors, and design of Space Boxes. There’s also shortcode attributes to control the size, and crop of the images. #### Multiple Options Space Boxes is packed full of options in the shortcode which allows it to be super versatile in it’s use. #### How to use the shortcode To display a Space Box set, use the following shortcode anywhere. The Space Boxes tab, will always show the available shortcode with the ID of the Space Box included for convenience. ``` [spaceboxes id=“”] ``` id=“” – pass the ID of the Space Box set columns=“” – specify how many columns of items there should be. acceptable values include numbers 1-12. default is 4 itemcolumns=“” – specify how many columns each item should take up, based on a 12 column grid. default is 3 lightbox=”on” – set this to on to open each image in a lightbox. default is off size=“” – specify the size of each image. There are cropped, and non-cropped sizes. default is spacebox-small . additional attributes include spacebox-small-nocrop, spacebox-medium, & spacebox-medium-nocrop layout=”pinterest” – set to pinterest to enable grid layout. default is stacked pinwidth=“” – only applies if using pinterest layout. specifies the width of each item. default is 300. you can also enter a percentage like ‘50%’ . notice the single quotes, they are important when passing percentage value pinspace=“” – only applies if using pinterest layout. specifies distance between pins. default is 5 #### Space Box Archive Shortcode ``` [spaceboxes_archive] ``` There are a few attributes available for the Space Box archive shortcode. category=“” – specify a Space Box category name like awesome columns=“” – specify how many columns of items there should be. acceptable values include numbers 1-12. default is 4 itemcolumns=“” – specify how many columns each item should take up, based on a 12 column grid. default is 3 #### Filters ``` space_boxes_output – filters the single Space Box output space_boxes_archive_output – filters the archive output of Space Boxes ``` #### Action Hooks ``` spacebox_before spacebox_after spacebox_inside_top spacebox_inside_bottom spacebox_archive_before spacebox_archive_after spacebox_archive_inside_top spacebox_archive_inside_bottom ``` #### Further * Nick on [Twitter](http://twitter.com/nphaskins) * Nicks [Store Updates](http://twitter.com/nhstoreupdates) feed ## Screenshots * [[ * Default and pinterest modes * [[ * How to manage Space Boxes as a custom post type * [[ * Design controls * [[ * Shortcode attributes ## Installation How to Install Space Boxes 1. download and unzip the file 2. upload space-boxes to wp-content/plugins directory 3. activate the plugin, and enter your license under Space Boxes–>License to enable automatic updates 4. set any additional options under the Space Boxes tab within your wordpress admin Space Box Creation 1. create a new Space Box set under the Space Box tab in WordPress 2. create and insert a wordpress gallery 3. Space Boxes will use the title, and the caption, if you fill them out 4. publish the set, and use the shortcode to display anywhere ## FAQ What types of things can I use this for? Space Boxes are super versatile. A few use cases include an image portfolio, screen shot gallery, or information hub. ## Reviews There are no reviews for this plugin. ## Contributors & Developers “Space Boxes” is open source software. The following people have contributed to this plugin. Contributors * [ Nick Haskins ](https://profiles.wordpress.org/nphaskins/) [Translate “Space Boxes” into your language.](https://translate.wordpress.org/projects/wp-plugins/space-boxes) ### Interested in development? [Browse the code](https://plugins.trac.wordpress.org/browser/space-boxes/), check out the [SVN repository](https://plugins.svn.wordpress.org/space-boxes/), or subscribe to the [development log](https://plugins.trac.wordpress.org/log/space-boxes/) by [RSS](https://plugins.trac.wordpress.org/log/space-boxes/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.1.1 * Actually add the gallery field fuel. Still getting used to WordPress SVN sorry! #### 1.1 * Added the ability for you to link individual images to anywhere. A new “Link Field” was added to the Media Library modal (right under where you enter the captions at). If you fill out a link, it will override the lightbox if you have it set. If you don’t fill out a link, nothing happens. Seamless upgrade from 1.0. #### 1.0 * Initial Release ## Meta * Version **1.1.1** * Last updated **12 years ago** * Active installations **30+** * WordPress version ** 3.5 or higher ** * Tested up to **3.7.41** * Language * [English (US)](https://wordpress.org/plugins/space-boxes/) * Tags * [content boxes](https://cor.wordpress.org/plugins/tags/content-boxes/)[galleries](https://cor.wordpress.org/plugins/tags/galleries/) [grid](https://cor.wordpress.org/plugins/tags/grid/)[info boxes](https://cor.wordpress.org/plugins/tags/info-boxes/) [shortcodes](https://cor.wordpress.org/plugins/tags/shortcodes/) * [Advanced View](https://cor.wordpress.org/plugins/space-boxes/advanced/) ## Ratings 5 out of 5 stars. * [ 7 5-star reviews ](https://wordpress.org/support/plugin/space-boxes/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/space-boxes/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/space-boxes/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/space-boxes/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/space-boxes/reviews/?filter=1) [Add my review](https://wordpress.org/support/plugin/space-boxes/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/space-boxes/reviews/) ## Contributors * [ Nick Haskins ](https://profiles.wordpress.org/nphaskins/) ## Support Got something to say? Need help? [View support forum](https://wordpress.org/support/plugin/space-boxes/) ## Donate Would you like to support the advancement of this plugin? [ Donate to this plugin ](http://nickhaskins.co/products/space-boxes/)