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

Dribbble is a platform where every designer Creates projects and portfolios. It’s been a popular community where designers take inspiration and give feedback to the creative work of others. This article will teach you how to create a project portfolio gallery in WordPress.

Dribbble isn’t only limited to Job Marketplace. It’s considered a standard. As clients look for a designer portfolio before hiring an outstanding candidate, many experienced designers 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 a proper client project gallery or a portfolio showcase with a mediocre look, you can fetch your Dribbble shots as a project gallery.

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

No, you don’t need to touch a single line of code. You don’t need to copy and paste any code into 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 of showing your Dribble shots on your WordPress website, you must install the plugin first.

The plugin is powerful and responsive, and 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 at how impressively it assembles a project showcase watch the video demo below.

Step 01. Installation and Activation

Installing the 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. You might not find the second result here because the plugin is unique. Press the Install Now button when the GS Dribbble portfolio WordPress plugin comes up.

Step 02: GS Dribbble Portfolio Activation

After installing the GS Dribbble Portfolio plugin, the next screen comes up 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 by clicking on Activate Plugin button. When you successfully install the tremendous plugin, you will have a setting automatically added in the WordPress settings sidebar.

From there, you can connect your WordPress with your Dribbble portfolio and configure it to easily control the appearance and behavior of your portfolio shots.

Step 03: Configure GS Dribbble Portfolio

Fetching the data from your Dribbble account to your WordPress website requires adding some easy-to-configure settings. The settings aren’t elusive, but reaching your destination takes a few seconds. In Dribbble settings, you will find a field titled User.

As the name indicates, it requires adding the 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 the 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 you will add to your WP website.

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

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

Furthermore, need and imagination has no bound. You might need to add your personalized styling to your Dribbble shots gallery. So, to 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 posts and pages. Don’t believe it? Place this code [gs_dribbble] and see the difference.

In addition, with shortcodes, you can control Dribbble shots count, column and theme using the 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 the users messed up. I’ve added a setting panel above the editor to eradicate the confusion. You can graphically input the username, column number, shots number, and theme type. Have a look at the following image below.

Step 05: Publish Dribbble Shots Using Widget

When you install the Dribbble portfolio on your WordPress website, you can also enable your project 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 a project portfolio for your business site and enjoy!!

BOTTOM LINE

This article will help you create a project portfolio gallery in a very easy procedure. The plugin is simple but best for those developers or designers who will create a Dribbble portfolio-enabled website. As it doesn’t require code, don’t let you design the interface. It has everything combined at the core. Pick this plugin. If you need any questions or help setting up this plugin, please knock me anytime.