Move RSS button to Menu Bar

  • kevinw

    #7377

    First post so I’d better start by saying “Hi”. I only started playing with WordPress last Thursday so I’m quite pleased with how far I’ve got but I seem to be stuck.

    I’d like to put the RSS button on the Menu bar. Specifically, on this site I’d like to put it to the right of the Search widget but if I could just get it on the bar it would be a start. I’ve searched the forum and found similar requests but I can only assume I don’t understand the answers I’ve read so far as I’ve made no progress.

    Would someone care give me a clue please as I don’t appear to have one, thank you.

    (Great theme BTW – nice and flexible.)

    Kevin

    Mod

    Kenneth John Odle

    #38008

    How did you get the search widget there to begin with?

    kevinw

    #38009

    Graphene options–> Display–> Header Display Options. Then selected Navigation bar in Search box location.

    There’s no such option for the RSS button unfortunately.

    Kevin

    Mod

    Kenneth John Odle

    #38010

    Try a Graphene action hook widget area.

    In header.php try graphene_nav_search or graphene_header_menu

    kevinw

    #38011

    I’m almost certainly being thick but to use an action hook my understanding is I need a widget to drag on to it. I know I called it an RSS widget but it’s actually code rather than a widget.

    I think this is the code:

    <div class="clearfix gutter-left" id="profiles">
    <a class="mysocial social-rss" id="social-id-1" title="Subscribe to thewellers.net/blog's RSS feed"
    href="http://www.thewellers.net/blog/feed">
    <img title="Subscribe to thewellers.net/blog's RSS feed" alt="RSS" src="http://www.thewellers.net/blog/wp-content/themes/graphene/images/social/rss.png">
    </a>
    </div>

    I tried placing that in the child functions.php which placed the icon in the top left-hand corner of the blog page, the wp-admin page and everything else that was subsequently displayed such as the ‘options saved’ and a widget set-up boxes so I know that’s not right. I suspect it should be in header-menu-wrap or maybe header-menu but I don’t know how to achieve that.

    I’m sure this is difficult for me purely because of my lack of knowledge so I’m sorry about that. At some point in the future I intend moving our main web site over to Graphene and when I do that I’ll be spending a lot more time understanding how it all hangs together. Unfortunately I don’t have that time at the moment so I’m just trying to get a quick and dirty blog page up before an upcoming trip to the US but I would like it to look how I want it to look.

    Edit: I’ve moved it nearer where I want it by adding a text box to the Nav Search action hook and then putting some code in the text box but that doesn’t feel ‘right’. I think I should be modifying the child code in the functions.php or style.css files…shouldn’t I?

    Kevin

    kevinw

    #38012

    I’m there I think :).

    I changed my mind about exactly where I wanted it then put a text box containing code into the Header Widget Area and positioned it in the style.css.

    Kevin

    Mod

    Kenneth John Odle

    #38013

    The code you’ve given above is HTML, so it does not belong in the functions file. I think you figured this out. However, if you drag a text widget to an action hook widget area, you can insert it there.

    Quote:
    I’m sure this is difficult for me purely because of my lack of knowledge so I’m sorry about that. At some point in the future I intend moving our main web site over to Graphene and when I do that I’ll be spending a lot more time understanding how it all hangs together.

    There are some great tutorials here:

    https://forum.graphene-theme.com/graphene-support/beginners-resources-possible-sticky

    Plus, the moderators (plus a lot of other folks) have tutorials on their blogs. Feel free to take a look.

Viewing 7 posts - 1 through 7 (of 7 total)

  • You must be logged in to reply to this topic.