Create a Buttons Skin

Create a fresh buttons skin for you website with Nobs • Share Buttons.

Kind reminder: This tutorial is made for the Nobs • Share Buttons (ex-Juiz Social Post Sharer) plugin available on the WordPress repository but also on Github.

To create a new skin for your website, you don't necessarily have to start from scratch. There are 3 ways to get it done, I'll show you how to do so.

Start from an existing skin

You've got already 8 free skins in the core of this plugin. Feel free to use one and adjust the CSS a little bit. To do so, follow this other tutorial: Customize CSS StyleSheet

Create a decicated theme's style

You can build a custom theme from scratch by creating a dedicated CSS file within you active WordPress theme.

All you need is to put some files into a new folder named nobs-skins (unless you change it with juiz_sps_custom_skin_folder ) in your current template.

theme-folder
|-- nobs-skins
    |-- styles.css
    |-- screenshot.png
    |-- screenshot@2x.png

This basic structure for 1 skin can be duplicated if you need to add several skins, that's why nobs-skins folder take an S at the end 😜.

theme-folder
|-- nobs-skins
    |-- skin-name-1
        |-- styles.css
        |-- screenshot.png
        |-- screenshot@2x.png
    |-- skin-name-2
        |-- styles.css
        |-- screenshot.png
        |-- screenshot@2x.png

As long as you respect this structure, you can add as many skins as you need.

Name and URL of the author are taken from the parent theme information (from the style.css file of the current WordPress Template). But if you want to change these, you can use juiz_sps_custom_skin_author and juiz_sps_custom_skin_author_url to customize those pieces information.

Create a Skin Extension

WordPress is powerful, so is Nobs • Share Buttons' plugin. Its power comes from the big amount of filters and action you can find in the core plugin, as well as in this documentation.

Tutorial coming soon…