Adding a “home” button

  • Author
    Posts
  • #353430

    drorl
    Member

    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 drornotes.wordpress.com.

    #353628

    1tess
    Moderator Emeritus

    drorl,
    Please provide a link to your blog so we can take a look, starting with http://

    #353631

    drorl
    Member

    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.com

    thanks.

    #353634

    @drorl: It can be done, but in the theme you’re using it won’t look ok (for details see
    here). So write a normal link in a text widget instead.

    #353695

    drorl
    Member

    Sounds good,
    But where do I find this text-widget menu option?

    #353696

    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).

    #353705

    drorl
    Member

    hmm but that will put the widgets on the right side, instead of top side, right?

    #353707

    1tess
    Moderator Emeritus

    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:
    http://wpbtips.wordpress.com/2009/03/26/page-tabs-as-external-links/

    #353708

    babaliciou5
    Member

    I believe you should have a CSS upgrade and some degree of coding chop to be able to do that.

    #353709

    1tess
    Moderator Emeritus

    Notice that the tab as external link on Ocean Mist looks very odd.

    #353710

    1tess
    Moderator Emeritus

    babaliciou5
    Sorry, I don’t know what you mean? It’s just simple html links.

    #353713

    babaliciou5
    Member

    @tess
    Sorry, I was responding to drols’s latest reply ‘…instead of top side, right?’, not yours — mea culpa.

    #353714

    1tess
    Moderator Emeritus

    Oh, right. Or he could just switch to a theme with top navigation already.

    #353715

    @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.

    #353716

    drorl
    Member

    Thanks, just switched the theme eventually.

    #353722

    babaliciou5
    Member

    @panos
    Yes, please? I’d really like to know.

    #353723

    1tess
    Moderator Emeritus

    panos,
    I’d like it too. I tried to make it work, but no go.

    #353727

    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.)

    #353833

    wagneripsa
    Member

    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.

    #353834

    cardswiki
    Member

    Just add a link to your menu… I can use other words to say…

The topic ‘Adding a “home” button’ is closed to new replies.