{"id":125,"date":"2007-12-12T10:17:56","date_gmt":"2007-12-12T16:17:56","guid":{"rendered":"http:\/\/benblogged.com\/?p=125"},"modified":"2007-12-12T10:52:40","modified_gmt":"2007-12-12T16:52:40","slug":"create-a-clickable-div","status":"publish","type":"post","link":"https:\/\/benblogged.com\/?p=125","title":{"rendered":"Create a Clickable div"},"content":{"rendered":"<p>Making a div clickable is a great way to cut out the traditional \u00e2\u20ac\u0153home\u00e2\u20ac\u009d button.  All you need is a div and a tiny bit of code in order to allow your viewers a quick and simple way back home.<\/p>\n<p><!--more--><\/p>\n<p>I saw a very interesting article the other day discussing the use of a clickable logo\/header vs a traditional \u00e2\u20ac\u0153home\u00e2\u20ac\u009d button.  It seems in general designers would rather just drop the \u00e2\u20ac\u0153home\u00e2\u20ac\u009d button and only use the logo as a link, but in my experience every client has insisted on having it listed somewhere in the navigation.  My personal solution for this is simple; do both.  If your logo is a background image enclosed in a div then this is the easiest fastest way to make it a link.<\/p>\n<p>So now the code!  All you need to do is copy this and change the id and URL to meet your needs.  It has Ben Blogged!<\/p>\n<p><textarea name=\"adf\" cols=\"50\" rows=\"10\">&lt;div id=&quot;header&quot; onclick=&quot;location.href=&#39;http:\/\/benblogged.com&#39;;&quot; style=&quot;cursor:pointer;&quot;&gt; &lt;\/div&gt;<\/textarea><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Making a div clickable is a great way to cut out the traditional \u00e2\u20ac\u0153home\u00e2\u20ac\u009d button. All you need is a div and a tiny bit of code in order to allow your viewers a quick and simple way back home.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/benblogged.com\/index.php?rest_route=\/wp\/v2\/posts\/125"}],"collection":[{"href":"https:\/\/benblogged.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/benblogged.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/benblogged.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/benblogged.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=125"}],"version-history":[{"count":0,"href":"https:\/\/benblogged.com\/index.php?rest_route=\/wp\/v2\/posts\/125\/revisions"}],"wp:attachment":[{"href":"https:\/\/benblogged.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=125"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/benblogged.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=125"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/benblogged.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=125"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}