Adding a “home” button
-
Hey,
I want to add a “news” button that will take me back to the main page,
It should be easy, but from some reason it isn’t…
I can only add pages with content, not buttons that take me to pages…
I even tried HTML redirect and tricks like JavaScript href.location=”” , but there must be a better way.How can it be done?
The blog I need help with is: (visible only to logged in users)
-
-
hey,
here it is:
http://drornotes.wordpress.com/useful-links/
I want that when pressed on the “news” button in the menu, it will take you back to:
http://drornotes.wordpress.comthanks.
-
-
Appearance > Widgets > Text > Add > Edit > paste content > Save Changes.
The code model for the link you want is this:
<a href="BLOG_URL_HERE">NAME_HERE</a>Note (so that you want be unnecessarily alarmed): when you add a widget, the default sidebar items of the theme are cancelled. If you want other things in the sidebar apart from the home link you’ll create, you just keep on adding the relevant widgets (e.g. Categories).
-
-
Yes, it will. You do know that clicking on the title of your blog brings you (or your readers) back to your home page? Your home page is http://drornotes.wordpress.com
In many themes there is a “home” or “posts” tab built into the top of the blog.
In some themes you can use links in the tabs at the top: links to external sites or links pages on the blog itself (like a categories page). Check out panos’ post about page tabs as external links: -
I believe you should have a CSS upgrade and some degree of coding chop to be able to do that.
-
-
-
-
@babaliciou5: You can create a header tab with plain html. You use a text widget and the “position-absolute” command. If you or drorl are interested, I can make one and paste the exact code here.
-
-
-
The general code for placing an item in a fixed position is this:
<div style="top:OFFSET_NUMBER_HEREpx;left:OFFSET_NUMBER_HEREpx;position:absolute;">ITEM_HERE</div>
The rest depends on the item and the theme. Here’s a specimen I worked out for the OP’s Ocean Mist:
<div style="font-family:tahoma;letter-spacing:.07em;background-color:#526A74;top:150px;left:326px;position:absolute;padding:6px;"><a href="BLOG_URL_HERE"><span style="color:#F3F3F3;"><strong>Home</strong></span></a></div>
(So far I cannot figure out how to fix the baseline instead of the topline of the text, so I cheated a little: fixed the tab in the upper corner of the header.) -
Be careful when using the <div> method. Different browsers count the top and left offsets differently. If you look at the widget with Safari/Firefox/Opera (all on Mac OS X), you see the home <div> in different places in the header. I was hoping to make Ocean Mist work, but I may need to switch to a different theme.
-
- The topic ‘Adding a “home” button’ is closed to new replies.