How to Install Buttons in a WordPress Header

by Warren Davies

Most buttons on websites fall into one of two categories -- images styled to look like buttons or HTML form buttons. You can place either type into your WordPress header if you wish. The process is similar for both methods and involves editing your template files to paste the button code into your header. After you do this, the button will appear on every page of your WordPress site.

Image Buttons

1

Log in to your WordPress administration area. Click “Appearance” and then click “Editor.”

2

Click “header.php” from the list of files to the right. The code for this template file now appears in the central editing area.

3

Scroll to the point in the file at which you want the button to be displayed. Copy and paste the following code into that location: <a href="link-destination”><img src="image-link” alt="alternative-text” /></a>

4

Replace “link-destination” with the URL to which the button will send users. Replace “image-link” with the URL of the image you want to use for the button. Finally, replace “alternative-text” with some descriptive text that WordPress will display should the image fail to load; for example, “Log in” (without quotations) would work well for a login button.

5

Click “Update File” to save your changes.

HTML Form Buttons

1

Log in to your WordPress control panel. Click “Appearance” and then click “Editor.”

2

Click “header.php” from the list of files to the right.

3

Scroll through the file until you get to the location at which you want the form button to go. Copy and paste your button code into this location.

4

Click “Update File.”

About the Author

Warren Davies has been writing since 2007, focusing on bespoke projects for online clients such as PsyT and The Institute of Coaching. This has been alongside work in research, web design and blogging. A Linux user and gamer, warren trains in martial arts as a hobby. He has a Bachelor of Science and Master of Science in psychology, and further qualifications in statistics and business studies.

More Articles

Photo Credits