The URL Sharing Plugin adds a text field with the post URL at the end of your posts – a qz.com like sharing approach. Additionally you get a button that enables copying the URL to the user’s clipboard. Look at the end of this post to see a live version of the plugin.
The plugin can be used as a more privacy-friendly alternative to sharing buttons or as an additional sharing-option. I was inspired by Dominik’s post about readability and usability on blogs (in German) who uses the Quartz-like approach – something I wanted to have, too.
URL share implementation on qz.com.
You have two options to get the code:
- Upload the files in your plugins directory. Then activate it.
- For a label in front of the URL and a text on the copy-to-clipboard-button, go to the settings page and insert your strings in the input fields. Of course, you can leave the label blank, the button, however, should have a call to action.
You can change the styling by adding your changes to stylesheet of the plugin. The URL Sharing plugin uses three CSS-elements:
.url_share_label: label of the input field
.url_share_input: input field
.zeroclipboard-is-hover: hover status for copy-button
.zeroclipboard-is-active: active status for copy-button
In the default version url_share_label and url_share_input don’t have values and therefore are using your theme’s style for
input. Of course, you can change them just the way you want. For example: To change the color of the URL to red, add the following to the plugin’s stylesheet or your theme’s stylesheet:
Things that might be considered in the future:
- Enable font color change of the URL in backend
- Offer a PHP-Snippet to enable more flexible positioning
If you have any remarks and/or questions, feel free to leave a comment.