• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer

The Cre8tive Diva - WordPress Developer

Digital Nomad | Helping WordPress & Genesis Framework Website Owners All Over the World

  • Home
  • About
    • Terms of Service & Privacy
    • Accessibility
  • Services
    • Blogger to WordPress Migration
    • Buddypress Installation
  • My Work
  • Blog
    • Tutorials
    • Five on Friday
    • Genesis Framework
    • Tipsy Tuesday
    • WordPress
  • Contact
Home » Add a Signature to Your WordPress Blog Posts in Genesis

Published on February 23, 2015 / Updated on June 25, 2016 / Reading Time: 3 minutes

Add a Signature to Your WordPress Blog Posts in Genesis

Signature

Update! I created the Signature Widget for Genesis! You can download that free in the WordPress Plugin Repository right here!

A client recently asked me if I could place her signature at the bottom of her blog posts. Surprisingly, this was the first time anyone had asked and my first attempt to do it. I went to Google and found several answers.

If you want to skip all the in between stuff on how I achieved the correct code, click here to jump right to it!

The first solution I found was to add this CSS to my style sheet:

It worked but, take a look. The Jetpack Share buttons are above the signature. The signature is not in the right place and it also shows up at the bottom of pages. Now, there was a three step solution to fixing this which required adding a plugin and other code to the functions file, but I didn’t want to do all of that. Add Your Signature to Your Blog Posts

So I searched again. This time, I found code which is to be placed in your functions.php file. Several people use this so I figured why not try it.

Once again, the Jetpack Share buttons are above the signature. Even changing the priority (the 1) to a higher number, the signature stayed in the same place. Not only that, the signature now appears on blog archive pages. If you use short codes on pages to present information such as a calendar, contact form, etc., the signature shows up below it instead of above it. Ughhhh, okay back to searching.

Three times a charm, I found the solution. Even though it’s from a post written in 2012 – it still worked. The following code works the way I want it to – on posts only, at the end of the content – before the Jetpack Share buttons and any other short code that we may be using. Thanks to WPBeginner for this code.

Note: Today I noticed the signature appeared on Custom Post Types. Line 3 of the code has been revised so that the code will not show up there.

Now this is what it should look like.

Add Your Digital Signature to Your Blog Posts

So… to get your signature to look like that. Follow these instructions:

  1. Make a copy of your functions.php file before you start.
  2. Upload your signature using Media > Add New. Then grab the URL to that image.
  3. Copy the code in the last gist labeled “new signature” and paste it at the bottom of your functions.php file.
  4. In the area of the code that says, “Load Your Content Here” – you can change that to something like “Thanks for stopping by!” or “Have a Great Day!“.
  5. On the same line of that code, you will see the pound (#) sign. Replace the # with the URL of your signature image, then save it.

That’s it!

  • Like my Signature? Get the Signature Widget for Genesis right here!

  • FacebookTweetPinPrintShares35

    Filed Under: Genesis Framework, Tutorials, WordPress

    A recent conflict was found when Genesis Simple Share is activated and configured while using the Posts and Page Grid in Genesis Blocks. The error can be seen when viewing the content on the front end. The error does not display in edit mode. Below is a temporary fix that will allow you to manually set […]

    Reader Interactions

    Comments

    1. Kristie Hill says

      October 2, 2015 at 8:49 pm

      Perfect. 🙂 thank you. I too tried the other two options first. Will be sharing this post and the plugin!

      • Anita C says

        October 3, 2015 at 6:36 am

        You’re welcome Kristie, I plugin is a much better option.

    2. Shameem Reza says

      May 21, 2016 at 12:02 pm

      Thanks Anita, Just Use your Plugin in my site and its look awesome. 🙂

      • TheCre8tiveDiva says

        May 21, 2016 at 12:52 pm

        Thank you! That looks great Shameem!

    3. ginger and scotch says

      June 25, 2016 at 3:41 am

      This is great! Sharing with my mom bloggers FB group.

      What’s the best way to create a signature? I’m thinking Canva?

      • Anita C says

        June 25, 2016 at 6:02 am

        Hi Ginger! I’ve created a plugin since I wrote that blog post. I need to update that. The plugin is free and in the plugin repository. Read about it here – https://cre8tivediva.com/new-genesis-signature-widget-plugin-adds-your-signature-to-your-blog-posts/. And then you can download it here – https://wordpress.org/plugins/signature-widget-for-genesis/. And yes, you can use Canva to create the signature. 🙂

    Primary Sidebar

    It's just me and my dog Bella. I am a freelance web developer at Cre8tiveDiva.com. I build websites using WordPress and the Genesis Framework, WooCommerce and provide troubleshooting and support. I also build with Shopify. I love chocolate, lots of coffee!

    Sign Me Up!

    Receive my blog posts, tips and updates delivered to your inbox!

    Yes, Sign Me Up

    *By signing up you will receive new blogs, updates on products, services and important alerts.

    Categories

    • Design
    • eCommerce
    • Five on Friday
    • Fonts
    • Free Themes
    • Freebie Friday
    • Genesis Framework
    • Genesis Plugins
    • Genesis Themes
    • Genesis Untapped
    • Instagram
    • MailChimp
    • News
    • Plugins
    • Press This News
    • Social Media
    • Tipsy Tuesday
    • Troubleshooting
    • Tutorials
    • Uncategorized
    • Web Development
    • WooCommerce
    • WordPress
    • WordPress Plugins

    Footer

    Digital Nomad! I can be anywhere I wanna be now.

    Latest Blog Posts

    • Temporary Fix When Using Genesis Blocks Posts and Page Grid with Genesis Simple Share
    • How to Add Reading Time to a WordPress Genesis Child Theme Without a Plugin
    • How to Add “Shop” to WooCommerce Breadcrumbs when Using Yoast

    Looking for Something?

    Copyright © 2012–2022 · Designed with by Me! · Hosted on SiteGround

    We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.OkPrivacy policy