How to Create a Project Portfolio Gallery in WordPress Using Dribbble Shots

Dribbble is a name such a platform that every designer knows exactly Create project portfolio it. It’s been a popular community where designers take inspiration and give feedback to the creative work of others. In this article we will teach you how you can create project portfolio gallery in WordPress.

Dribbble isn’t only limited to Job Marketplace. It’s considered as a standard. As clients look for designer portfolio before hiring an outstanding candidate, I’ve found many of experience designer demonstrate their Dribbble Shots.

The view of Dribbble shots is amazing, looks impressive and conveying. If you have a portfolio website and don’t have proper client project gallery or have portfolio showcase with a mediocre look, you can fetch your Dribbble shots as project gallery.

You might be thinking, it requires some coding job right?

No, you don’t need to touch a single line of code. Even, you don’t need copy paste any code in your project files. The only thing you have to do. The thing is — you have to install a plugin called GS Dribbble Portfolio.

Learn how to Create Project Portfolio Gallery in WordPress Using Dribbble Shots

So, before heading to the step by step process to showing your Dribble shots on your WordPress website, you have to install the plugin first.

The plugin is powerful and responsive, can enable your Dribbble shots gallery on the fly. It comes packed with high compatibility and tolerability with modern browsers and viewing devices. If you want to look how impressively it assembles a project showcase watch the video demo below.

Step 01. Installation and Activation

Installing GS Dribbble Portfolio plugin is the same as we install plugins in WordPress. Head to the WordPress backend and navigate to the Plugins >> Add New and Search GS Dribbble Portfolio. As the plugin is unique, you might not find the second result here. When the GS Dribbble portfolio WordPress plugin comes up, press Install Now button.

Step 02: GS Dribbble Portfolio Activation

After the GS Dribbble Portfolio plugin installation, the next screen comes up to with an activation link. In this turn, you have to click the activation link.

When you successfully install the professional testimonial plugin, now your turn to activate it clicking on Activate Plugin button. When you successfully install the tremendous plugin, you have a setting automatically will be added in the WordPress settings sidebar.

From there you can connect your WordPress with your Dribbble portfolio and configure to control the appearance as well as the behavior of your portfolio shots with ease.

Step 03: Configure GS Dribbble Portfolio

Before fetching the data from your Dribbble account to your WordPress website requires adding some easy to configure settings. The settings aren’t elusive but take a couple to seconds to take you to your destination. First of all. In Dribbble settings, you will find a field titled User

As the name indicates, it requires adding your username of your Dribbble account.

Next to the username, the plugin requires to Dribbble Access Token. The token is the last but most important data to build a data bridge between WordPress and Dribbble. If you don’t know how to create Dribbble Access Token using given API. Watch the video above.

After completing access validation, you need to provide the setting inputs. It asks you to define the number of shots or portfolio images that are going to add to your WP website.

Even with this awesome plugin, you can specify the column number and theme. Column number includes 2 column grid, 3 column grid, and 4 column grid. You can select either of grids matching your overall website design. On the other hand, Styling and Theming allow you to switch between from the 5 theme variation. You can choose any of them that fit your site design perfectly.

Deciding the portfolio would open in the same window or in a new tab after clicking on shots is important for conversion. To simplify the process of taking this crucial decision, it provides an option to let you select from.

Furthermore, the need and imagination have no bound. You might need to add your personalized styling to your Dribbble shots gallery. So, perform such kind of operation, here in this setting you will page you can quickly customize the plugin’s frontend view using custom CSS form.

Step 04: Publish Dribbble Shots Using Shortcodes

Publishing shots gallery using shortcodes is simple here like copy and paste. You can publish your portfolio showcase anywhere in WordPress post and pages. Don’t believe? Place this code [gs_dribbble] and see the difference.

In addition, with shortcodes you can control Dribbble shots count, column and theme using following parameters in the basic shortcode. [gs_dribbble userid=”lazutina” count=”6″ column=”4″ theme=”gs_drib_theme1″]

But sometimes copying and pasting simple shortcodes become confusing. I have noticed many of users messed up. To eradicate the confusion, I’ve added a setting panel above the editor. Where you can graphically input the username, column number, shots number and theme type. Have a look on the following image below.

Step 05: Publish Dribbble Shots Using Widget

When you have the Dribbble portfolio installed on your WordPress website, you can also enable your projects shots on your widgetized area. If you want to publish your GS Portfolio widget right away, navigate to Appearance >> Widget and drag the GS Dribbble Shots widget to your desired destined widgetized places. Create project portfolio for your business site and enjoy!!

BOTTOM LINE

I think this article will help you to create project portfolio gallery in a very easy procedure. The plugin is simple but best for those developers or designers who are going to create Dribbble portfolio enabled website. As it doesn’t require to code, don’t let you design the interface. It has everything combined at core. Pick this plugin. If you need any question and help to setup this plugin, feel free to knock me anytime.