This plugin integrates a stripped down bootstrap scaffolding in order to allow you to showcase a full screen / full width grid of portfolio items on your site. Simply use the shortcode to place your grid anywhere you want. A custom content type called “Shift8 Portfolio” is created for you to manage internally. You have the option of having a separate single page for each portfolio item added (that you will arrive when you click the image in the grid). If no additional information is given in the backend then clicking the image in the grid will simply enlarge it as a modal window.
You can see a demo of the plugin in use on our own web design portfolio page.
This section describes how to install the plugin and get it working.
- Upload the plugin files to the
/wp-content/plugins/shift8-portfoliodirectory, or install the plugin through the WordPress plugins screen directly.
- Activate the plugin through the ‘Plugins’ screen in WordPress
- Use the shortcode markup anywhere in your site
What are the shortcode options?
An example shortcode would be the following :
How can I style the markup?
You can either style the content by using the built-in WordPress WYSIWYG editor or you can apply CSS styling to the custom classes that are generated in the markup. There will be general “catch-all” CSS classes generated and custom per-shortcode classes that will allow you to style each markup individually, or all at once.
How do I change the number of grid items per row?
Unfortunately this is not possible at this point. Eventually a number will be passed via shortcode options in a future version very soon!
What else have you done?
We do toronto web design 🙂
- Stable version created
- Implemented short code options
- Updated readme
- Added check for template folder for single-portfolio.php file. You can now copy the file to your theme and safely modify the single portfolio page template
- Added the shortcode option “numperrow” to specify how many items per row to list
- Changed ID of each portfolio item in multiple view page (shortcode) to use ID instead of class
- Fixed bug in saving meta data. Used improper escape function for gallery image save.
- Fixed bug in inline jQuery to make entire image area clickable in multi portfolio item page
- Added ability to add mobile version of tile images TBD for mobile portrait mode version of images
- Adjusted generated bootstrap with less font-family conflicts
- Updated readme with proper shortcode example
- Resolved bug in jQuery media dialogue when adding an image that is less than the thumbnail size set in settings (Thanks Danny!)
- Updated support for latest WordPress Version
- WordPress 5 compatibility
- WordPress 5.8 compatibility, Fix the bugs which were genertaing PHP notices (thank you @fahdi)