WEBphysiology Portfolio Plugin

The WEBphysiology Portfolio plugin was built to provide a clean, current look in situations where an expanded list-style or grid-style portfolio layout is appropriate. The plugin is implemented via a [shortcode] that supports a variety of filtering options based upon Portfolio Type. More than one shortcode can be used on a given page, allowing for grouping portfolio records by type. And the shortcode also supports overriding many overall option settings on a case-by-case basis.

The plugin utilizes a Custom Post Type as well as a Custom Taxonomy. It provides an Options page for specifying some customizable settings, like the number of entries to display per page. It also allows one to turn off the provided CSS in place of implementing your own.

The Portfolio entry screen is customized to include just the items that make up a Portfolio entry. Attributes that aren’t populated will not be displayed on the end user interface as well as custom fields whose display has been turned off. Attaching an image to a Portfolio entry also has been made relatively painless.

To enhance the design, and also reduce page weight, thumbnails of full-size imported images are generated. Or, if you prefer, the ability to add automatic web site thumbnails utilizing ShrinkTheWeb.com or PagePeeker.com can be used.

The end user interface can be adjusted using styling Portfolio Options or via your own CSS. Managing how things work within the end user interface is very customizable. Clicking thumbnail images can result in an image opening in a thickbox or it can take the visitor to the specified website URL…. The plugin also supports video media types, such that they can be played within a thickbox. YouTube and Vimeo URLs will automagically generate thumbnails from the referenced video without the need to provide an image URL.

A good many hours have been poured into this plugin, so, appreciation in the form of a donation always brightens our day.

Support

NOTE: SHORTCODE DEPRECATION ALERT: The [portfolio] shortcode was replaced with [webphysiology_portfolio] in version 1.3.0

NOTE: CSS DEPRECATION ALERT: The “portfolios” element ID was be deprecated in version 1.2.7

I will do my best to correct any reported defects as soon as I can make time, but please understand that this is side work. That said, I also use this plugin and am keen to ensure it provides the intended functionality. As to requests for enhancements, feel free to make these. I’ll do my best to respond to your requests and, for those requests that I feel would benefit the majority of users, I’ll get them on the enhancement list. I can’t say just how quickly these would be implemented but funding the request would definitely move it up in the queue.

This section describes how to install the plugin and get it working.

1. Extract the WEBphysiology Portfolio ZIP file and place the webphysiology-portfolio folder into the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Add the necessary Portfolio Types via it’s menu under the Portfolio section
4. Add one or more Portfolios
5. Place the [webphysiology_portfolio] shortcode into the content area of your “portfolio” page

1. 

   Portfolio Page Frontend User Interface

2. 

   Portfolio Post edit screen

3. 

   Portfolio Page edit screen showing [shortcode] implementation

4. 

   Portfolio options screen

5. 

   Portfolio Tag Cloud widget

Specifying a ‘portfolio_type’ in the shortcode is not working. Why?

Double-check that the code you are specifying is the correct one. For example, if you’ve used the same Portfolio Type as a Tag, chances are the slug on your portfolio type had a number appended, even though you didn’t type it in when you added the type.

Another cause is that sometimes, when you add the shortcode in the Visual editor, it formats the entry, especially if you’ve copied and pasted. If this happens then the plugin is unable to parse out the various components. The easiest way to see if this is happening is to flip to HTML editor mode and see if there are tags around any of the elements within the shortcode (e.g., <strong>, <em>). While in the HTML editor, remove any open and close formatting tags that are found or remove the formatting while in the Visual editor screen.

Where can I get more details on using this plugin?

More detailed information can be found here: http://webphysiology.com/plugins/webphysiology-portfolio-plugin/.

How can I get support?

My intention, at a minimum, is to maintain this plugin such that it is defect free. For more detailed documentation and videos visit our WEBphysiology Portfolio plugin page. If you still aren’t finding the answer you are seeking, use our support system to log a ticket.

The thumbnail image isn’t displaying

In some instances, when using the built-in thumbnail generator, the standard folder permissions aren’t enough. After checking that the image URL specified is correct, try upping the caching folder’s permission using the “Permission Image Cache to 0777” button in the options.

The website URL I’ve specified is not being displayed as the ShrinkTheWeb.com generated thumbnail

If you are specifying an inside page within your URL, then you must specifically subscribe to that level of service on your ShrinkTheWeb.com account.

The styling of my Portfolio is not reflecting the changes I made in the Portfolio options. Why?

The styling behavior of the WEBphysiology Portfolio can vary from theme to theme. The reason for this is that the theme’s styling can trump the Portfolio’s styling depending upon where the styling of one or the other falls within the styling hierarchy. If this is happening you’ll have to adjust your theme’s styling or add additional styling to allow for the portfolio’s styling to work.

When I close the image pop-up thickbox I still see an animated loading image.

*** This may not be an issue any longer but has not been tested in quite awhile ***
There is a conflict when running WEBphysiology Portfolio and the eCommerce plugin. This does not appear to be a fault of the WEBphysiology Portfolio plugin as no errors are returned for this plugin but quite a number of errors are being thrown by the eCommerce plugin. If the image click option does not open the image, but instead navigates to the site URL, then this anomaly will not occur.

I’m getting strange error messages within the Portfolio Options page.

Try resetting all the options by using the “Revert to Default Values” button at the bottom of the form.