Today, I want to share how I add a signature in WordPress to my posts.
Option One: Online Signature Website
- Go to My Live Signature
- You will be prompted to log in or create an account. This is optional. You can just follow the steps to create a signature. Note: The buttons to the very top are actually ads (which are super annoying) so don’t click on those. The buttons for the website are actually below that as pictured below.
- Save the signature & download it to your desktop.
Option 2: Photoshop Signature
Another option is to use Photoshop. If you have a font you really love, try using that. Or if you have a Wacom Tablet, you could create your own signature using the wacom with a watercolor brush.
- Create a new document 500×500 px.
- Create a new layer
- Select the T tool for Text
- Select a font for your signature and a size
- Type on the screen your signature. To adjust the way it slants or to move it, use the move tool (press V or go to the toolbar and select the top arrows that crisscross).
- You can apply patterns or styles to your font by double clicking on the layer. To open the layer menu, go to Window–>Layers and then select the layer that your font is on by double clicking on it to bring up the layer style menu. Go down to the option on the left that says “Pattern Overlay”. Make sure it’s highlighted and then select the pattern you wish to apply. You can load different patterns (if you have them) by clicking on the dropdown arrow next to the pattern and clicking on the cog symbol and then clicking on Load Patterns. Click Preview to see what the pattern looks like and click OK when finished.
- Export your signature for use in WordPress. Save as a .png.
Adding the Signature to WordPress
Upload your signature file to the media area of WordPress. Click on the image file and grab the URL (highlight, CTRL+C).
You have 2 options on how to add your signature (Well, three–if you are super techy, you can add edit your WordPress theme, but I won’t go into that one!)
- Add your signature manually to every post in TEXT option, or
- Add your signature using a plugin
I hate doing things manually, so I use a plugin. Since I have a Genesis theme, I use the Signature Widget for Genesis. You can also use something like WP Post Signature if you do not have Genesis. For those who want to add the code manually, simply go to a blog post and use the text editor (not the visual editor) and paste the code from this file using your own image file URL.
Signature HTML file
If you use a plugin, you can also paste the code from this file, or upload the image directly into the plugin widget. Then hit save. View a blog post and see if the signature shows up correctly.
Another Option: An Animated GIF signature
If you want to create something similar to this gif I created below, watch my youtube video on how to make your signature animated.
Let me know what you think!