How to install post signature (WordPress)

1. In your WordPress dashboard, go to Appearance > Customize > Additional CSS.

2. Paste the following code in the box and then click Publish. This code will ensure your signature displays nicely on retina screens.

.signature {
    margin: 0 auto;
    text-align: center; }
.signature img {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5); }

3. Next, go to Media > Add New. Upload your signature image. Once uploaded, click "Edit" next to the file name. You'll be taken to a page just for that image. Leave this page open and create a new tab in your browser.

IMPORTANT! Before making any edits to your Functions.php file as instructed below, please make sure that you have access to the File Manager  in your cPanel or FTP. The Functions.php file is incredibly sensitive and if a mistake is made, it can cause the "white screen of death" on your site. Having easy access to your File Manager means you can easily upload a fresh copy of the Functions.php file if the need arises.

4. In the new tab, go to your WordPress dashboard again. Go to Appearance > Editor > Theme Functions (Functions.php).

Note: There are two different post signature placement options, which are explained at the bottom of this page. Before moving to step 5, choose the option that works for you and COPY the code given.

5. Scroll down in the Theme Functions file and paste your code at the very bottom.

6. Leave the code page open and return to your signature image. In the right column, find the File URL box. Copy the URL.

7. Go back to the Theme Functions page. Select the text that says "YOUR IMAGE LINK HERE" and paste your link in to replace it. Make sure to keep the quotation marks around your image link. The image line should look something like this:

<img src="http://17thavenuedesigns.com/wp-uploads/signature.png" />

8. Once you've finished, click Update File at the bottom of the page. View your blog and see your pretty new signature! If your signature is displaying too large,  clear your cache.

Placement Option 1

MOST COMMON: This option will display your post signature only on the single post pages and not on the homepage. Use this option if you are using a read more/continue reading button on your blog.

Code for option 1:

Placement Option 2

This option will display your post signature on the homepage and post pages. Only use this option if you are displaying your FULL blog posts on the homepage. If you are using a read more/continue reading button on your blog, use option 1 instead.

Code for option 2: