Adding A Project Shortcode To Your Site 3.1.x and lower

Note: This documentation is for versions 3.1.x and lower. For version 3.2.0 and above, please check out the new shortcode documentation.

The great thing about running ProjectHuddle on your site, is you can create pages and embed a grid of project images right on the page. This allows you to send a project link to your client with an overview of the project images. You can add a shortcode to any page or post you like. 

Shortcode Permissions

Any permissions you set for the project (like password or login requirements) will carry over into the shortcode. For instance, if you require a password for your project, any visitors to the page will see a password form instead of the project images. Once they enter the password they'll be able to see the project images. If your project requires a login, visitors will see a login form in place of the project shortcode until they login.

Shortcode Styling

In order to best match your theme, the ProjectHuddle shortcode uses the same styling as your theme's gallery shortcode styling. If your theme doesn't have a gallery shortcode styling, then you'll need to add your own styles to properly display the ProjectHuddle shortcode.

Adding A Shortcode

You can add a shortcode to any page or post you like. To add a shortcode, place the following code onto a page or post:

[project_huddle id="12"]

Where "12" is the id of your project. You can find your project id by hovering over the project name on the All Mockups or All Websites page.

Shortcode Options

There are several other options for displaying the ProjectHuddle shortcode. Each is added to the shortcode for different options.

Option Value
titles Whether to display the image titles below the thumbnails. Valid values include "true" or "false". Defaults to "false".
columns(mockups only) Specify the number of columns. The gallery will include a break tag at the end of each row, and calculate the column width as appropriate. The default value is 3. If columns is set to 0, no row breaks will be included. 
size(mockups only) Specify the image size to use for the thumbnail display. Valid values include "thumbnail", "medium", "large", "full" and any other additional image size that was registered with add_image_size(). The default value is "thumbnail". The size of the images for "thumbnail", "medium" and "large" can be configured in WordPress admin panel under Settings > Media

You can add each option to the shortcode to display the project differently. For example, this would display a project with titles in a 2 column grid:

[project_huddle id="12" titles="true" columns="2"]

If you need any assistance with the shortcode, please contact us and we'd be happy to assist.