• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
  • Home
  • Plugins
    • Testimonial Slider
    • Logo Slider
    • Filterable Portfolio
    • Team Members
    • Projects Showcase
    • Book Showcase
    • Coaches
    • Posts Grid
    • Posts Widget
    • WC Products Slider
    • Variation Swatches
    • WC Brands
    • Dribbble Portfolio
    • Behance Portfolio
    • Pinterest Portfolio
    • Instagram Portfolio
    • Envato Portfolio
    • YouTube Gallery
    • Twitter Feeds
    • Custom Login
    • All Plugins
  • About
    • About Us
    • Services
  • Blog
  • Support
  • Account
  • How to Create a Project Portfolio Gallery in WordPress Using Dribbble Shots

    by Sarwar Zaman November 17, 2016

    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.

    Live Demo
    Download Free Version
    Upgrade to Premium Version

    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

    GS Dribbble Portfolio Install
    GS Dribbble Portfolio Install

    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.

    GS Dribbble Portfolio Install
    GS Dribbble Portfolio Install

    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.

    GS Dribbble Portfolio Install
    GS Dribbble Portfolio Install

    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.

    GS Dribbble Portfolio Install
    GS Dribbble Portfolio Install

    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!!

    Live Demo
    Download Free Version
    Upgrade to Premium Version

    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.

    Reader Interactions

    Comments

    1. jamiericher53

      I love your blog.. very nice colors & theme. Did you create this website yourself or did you hire someone to do it for you? Plz respond as I’m looking to design my own blog and would like to know where u got this from. appreciate it

      Log in to Reply

      27 January 2021

    2. Golam Samdani

      Hi Jamie,

      Thanks for your comments.
      Yes, I developed this theme for my own site.

      Thanks

      Log in to Reply

      27 January 2021

    3. jamiericher53

      Great web site you have got here.. It’s difficult to find quality writing like yours nowadays. I really appreciate people like you! Take care!!

      Log in to Reply

      27 January 2021

    4. Golam Samdani

      Thanks 🙂

      Keep in touch.

      Log in to Reply

      27 January 2021

    Leave a Reply Cancel reply

    You must be logged in to post a comment.

    Primary Sidebar

    Footer

    GS Plugins Logo

    Get Seamless! Upgrade your business websites with richly designed custom plugins.
    Boost engagement and conversions in minutes.

    Resources

    • Documentation
    • Refund Policy
    • Privacy Policy
    • Terms of Use

    Quick Links

    • Contact
    • Manage License
    • Affiliate Program
    • Blog

    Want To Get Discount And Product Updates From Us?

    We Accept Secure Payments Via

    • Accepted Payment Methods

    Copyright © 2021 | GS Plugins, All Rights Reserved.

    Sign In

    Forgot Password?
    Create A New Account

    GS Plugins is Providing Pro Services

    View Services

    Looking for a better way to talk with customers? Contact US

    Sign Up

    Already Have An Account? Sign In

    GS Plugins is Providing Pro Services

    View Services

    Looking for a better way to talk with customers? Contact US