Php Flow » Php

How To Create An Image With Link in WordPress

In this post I will described how to create header image with link. For example we want to create an image in home page side bar to display ‘Advertise with us’ link, To achieve above target we need to create a header picture which will navigating back to your advertising page. Simple navigation system cam improve the overall experience of a website, making it more likely visitors will leave satisfied and willing to return in the future.


Step 1: Log in to the WordPress Dashboard for your website.
Step 2: Click “Appearance” on the main menu and then click “Editor” from the drop-down menu.
Step 3: Click “Sidebar” from the list of template files displayed along the right side of your screen. WordPress displays the code for your theme’s sidebar file.
Step 4Put the below code where you want to display image.

1
2
3
4
5
6
7
8
9
<div id="sidebar">
<div style="width:100%; float:left; height:150px;">
<a href="http://phpflow.com/advertising-on-phpflow.com-info/" title="Advertise Here" style="float:left; width:150px; height:150px; background:#CCCCCC; margin-left:5px; text-align:center; vertical-align:middle;line-height: 1000%;" target="_blank">Advertise Here</a>
<a href="http://phpflow.com/advertising-on-phpflow.com-info/" title="Advertise Here" style="float:left; width:150px; height:150px; background:#CCCCCC; margin-left:25px; text-align:center; vertical-align:middle;line-height: 1000%;" target="_blank">Advertise Here</a>
</div>

Step 5:
Click “Update File” to save your changes and link your header image to the homepage side bar of your website.

Step 6: Result
advertise with us

Did you enjoy this article? Share it!

About the Author:

Hi, This is Parvez Alam from India. I am software developer with 4 years’ experience in web development. I have submitted articles on PHP, Mysql, Magento,CSS, HTML, jQuery, web designing and social API. You can subscribe to my blog via RSS/Twitter/Google plus and Facebook.

Also like

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>