When I redesigned Nose Graze I wanted to get rid of my old social share buttons. They didn’t match my design and sometimes they really slowed down the page. I wanted social share buttons that actually matched my design, integrated seamlessly, showed the share numbers, and loaded fast.
I wasn’t aware of any plugin that fit this criteria so I coded my own solution. I’ve been using these buttons successfully for a few weeks now, and I decided to make these buttons available to everyone. Surely there must be other designers out there who want social share buttons that actually match their layout!
Naked Social Share
So, I used my existing code, repackaged it, added a small settings panel, and submitted it to the WordPress.org repository under the name Naked Social Share. Yesterday it was approved!
I’ve made a lot of free (and paid) plugins, but this was my first time submitting to the WordPress.org repo. It was REALLY exciting (and also made me a bit nervous). My plugin is super simple, but I still couldn’t help but think WHAT IF THEY HATE MY CODE AND REJECT ME. (Insecurities and all that.)
But it was accepted and I’m really excited to be able to share the plugin with all of you!
Unstyled social buttons
By default, the social buttons come completely unstyled. There’s no CSS AT ALL. This is so you—the designer—can add your own CSS and make the buttons match your theme perfectly.
However, there is an option to load the default stylesheet. It’s not loaded unless you select this option. If you do, it adds some suuuuper basic CSS to at least get the buttons looking like buttons. Here’s an example of how they look on the Twenty Fifteen theme with the default styles:
A few settings
The plugin comes with a few settings:
- Load default styles – This includes a simple stylesheet that applies a few bare minimum styles to the buttons.
- Load Font Awesome – Naked Social Share uses Font Awesome for the social share icons. But if you want, you can disable the Font Awesome stylesheet from being loaded.
- Automatically add buttons – You can opt to automatically add the social icons below blog posts or pages.
- Twitter handle – Add your Twitter handle to include a “via @YourHandle” message in the Tweet.
Try out Naked Social Share
If you want to take this plugin for a spin, it’s available for free on WordPress.org. You can download it from the listing page or just go to Plugins » Add New and search for Naked Social Share. Let me know what you think and it would also be awesome if you’d leave a review. 🙂
What it was like creating for WordPress.org
I was a huge bundle of nerves when I submitted my plugin to WordPress.org.
- I went over my plugin’s code with a fine-tooth comb to ensure I was following all of the plugin submission guidelines.
- I had to put a lot of time into creating the readme.txt file.
- Then I submitted my plugin. At the time, they said there were about 40 plugins in the queue. I expected to have to wait AGES.
- Just a few hours later (2-3) I received approval! I thought it would take a lot longer. At this point the plugin wasn’t publicly available yet, but I received access to my SVN repository and had to upload the code there.
- Then I had to set up SVN on my computer and check out the naked-social-share repository.
- I added my plugin code to the repository and created a tag for version 1.0.0.
- Within 5 minutes, it was available on WordPress.org.
This is hopefully my first of many free plugins
I’m hoping to do a lot more work on WordPress.org this year. I might go back and add some of my other free plugins (like Rating Report) to WordPress.org, and I’d also love to create some new free plugins.