Title: Space Boxes
Author: Nick Haskins
Published: <strong>2013년 11월 12일</strong>
Last modified: 2013년 12월 13일

---

플러그인 검색

![](https://ps.w.org/space-boxes/assets/banner-772x250.jpg?rev=803460)

이 플러그인은 **최근 3개의 주요 워드프레스 출시와 시험 되지 않았습니다**. 워드프레스의
좀 더 최근 버전으로 이용할 때 더 이상 관리되지 않고 지원되지 않고 호환성 문제가 
있을 수 있습니다.

![](https://s.w.org/plugins/geopattern-icon/space-boxes_253d48.svg)

# Space Boxes

 작성자: [Nick Haskins](https://profiles.wordpress.org/nphaskins/)

[다운로드](https://downloads.wordpress.org/plugin/space-boxes.zip)

 * [세부사항](https://ko.wordpress.org/plugins/space-boxes/#description)
 * [평가](https://ko.wordpress.org/plugins/space-boxes/#reviews)
 *  [설치](https://ko.wordpress.org/plugins/space-boxes/#installation)
 * [개발](https://ko.wordpress.org/plugins/space-boxes/#developers)

 [지원](https://wordpress.org/support/plugin/space-boxes/)

## 설명

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

## 스크린샷

[⌊Default and pinterest modes⌉⌊Default and pinterest modes⌉[

Default and pinterest modes

[⌊How to manage Space Boxes as a custom post type⌉⌊How to manage Space Boxes as 
a custom post type⌉[

How to manage Space Boxes as a custom post type

[⌊Design controls⌉⌊Design controls⌉[

Design controls

[⌊Shortcode attributes⌉⌊Shortcode attributes⌉[

Shortcode attributes

## 설치

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.

## 후기

이 플러그인에 대한 평가가 없습니다.

## 기여자 & 개발자

“Space Boxes”(은)는 오픈 소스 소프트웨어입니다. 다음의 사람들이 이 플러그인에 기여하였습니다.

기여자

 *   [ Nick Haskins ](https://profiles.wordpress.org/nphaskins/)

[자국어로 “Space Boxes”(을)를 번역하세요.](https://translate.wordpress.org/projects/wp-plugins/space-boxes)

### 개발에 관심이 있으십니까?

[코드 탐색하기](https://plugins.trac.wordpress.org/browser/space-boxes/)는, [SVN 저장소](https://plugins.svn.wordpress.org/space-boxes/)
를 확인하시거나, [개발 기록](https://plugins.trac.wordpress.org/log/space-boxes/)
을 [RSS](https://plugins.trac.wordpress.org/log/space-boxes/?limit=100&mode=stop_on_copy&format=rss)
로 구독하세요.

## 변경이력

#### 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

## 기초

 *  버전 **1.1.1**
 *  최근 업데이트: **13년 전**
 *  활성화된 설치 **30+**
 *  워드프레스 버전 ** 3.5 또는 그 이상 **
 *  다음까지 시험됨: **3.7.41**
 *  언어
 * [English (US)](https://wordpress.org/plugins/space-boxes/)
 * 태그:
 * [content boxes](https://ko.wordpress.org/plugins/tags/content-boxes/)[galleries](https://ko.wordpress.org/plugins/tags/galleries/)
   [grid](https://ko.wordpress.org/plugins/tags/grid/)[info boxes](https://ko.wordpress.org/plugins/tags/info-boxes/)
   [shortcodes](https://ko.wordpress.org/plugins/tags/shortcodes/)
 *  [고급 보기](https://ko.wordpress.org/plugins/space-boxes/advanced/)

## 평점

 별 5점 만점에 5점.

 *  [  7/5-별점 후기     ](https://wordpress.org/support/plugin/space-boxes/reviews/?filter=5)
 *  [  0/4-별점 후기     ](https://wordpress.org/support/plugin/space-boxes/reviews/?filter=4)
 *  [  0/3-별점 후기     ](https://wordpress.org/support/plugin/space-boxes/reviews/?filter=3)
 *  [  0/2-별점 후기     ](https://wordpress.org/support/plugin/space-boxes/reviews/?filter=2)
 *  [  0/1-별점 후기     ](https://wordpress.org/support/plugin/space-boxes/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/space-boxes/reviews/#new-post)

[모든  리뷰 보기](https://wordpress.org/support/plugin/space-boxes/reviews/)

## 기여자

 *   [ Nick Haskins ](https://profiles.wordpress.org/nphaskins/)

## 지원

할 말 있으신가요? 도움이 필요하신가요?

 [지원 포럼 보기](https://wordpress.org/support/plugin/space-boxes/)

## 기부

이 플러그인이 발전하도록 도우시겠습니까?

 [ 이 플러그인에 기부하기 ](http://nickhaskins.co/products/space-boxes/)