how to add a social media bar below the menu

  • rtech

    (@alivemachine)


    13 years, 1 month ago

    I’m interested in adding a bar just below my menu containing links to various things like twitter, facebook, email, rss feed etc. I know how to build the html for this but I am not sure how to create a new div that will appear between the menu and the content. I’d like this to show up on all pages too, not just the home page. Here’s my site: http://www.alivemachine.com

    Any help or pointers to the right direction would be appreciated. Right now I’m not sure if this is something kind of simple or very complex to do.

Viewing 10 replies - 1 through 10 (of 10 total)
  • talynndar

    (@talynndar)

    13 years, 1 month ago

    depending on your theme you might be able to hack the header.php code and add a line with the images and links

    Thread Starter rtech

    (@alivemachine)

    13 years, 1 month ago

    Thanks. I’ll look into that. The site is built with the twenty-ten theme.

    esmi

    (@esmi)

    13 years, 1 month ago

    Don’t edit the Twenty Ten theme! Your changes will be over-written the next time you upgrade WordPress or the theme. For this reason, it is recommended that you consider creating a child theme for your customisations.

    Thread Starter rtech

    (@alivemachine)

    13 years, 1 month ago

    I already use child themes for my site.

    Any suggestions on what to do with my header.php file (in my child theme), to create another bar below my menu?

    esmi

    (@esmi)

    13 years, 1 month ago

    Why not just add the new div markup to header.php?

    Thread Starter rtech

    (@alivemachine)

    13 years, 1 month ago

    Is that all I have to do? Can I just write in the html in between the two div’s below I copied from my header.php?

    </div><!-- #access -->
		</div><!-- #masthead -->

    It looks like this is after the menu div (#access) and before the end of the # masthead div? Or should the new div go between these two below?

    </div><!-- #masthead -->
	</div><!-- #header -->

    And can I stick a table with html inside the new div I put in the header.php?

    Thanks.

    esmi

    (@esmi)

    13 years, 1 month ago

    You can place whatever markup you want into your template files. The exact positioning within the markup depends upon where you want the new bar to appear. Experiment! If you don’t get it right first time, move the markup block to a slightly different location. It should only take a few minutes and it’s one of the best ways to learn how to manipulate your template markup.

    Thread Starter rtech

    (@alivemachine)

    13 years, 1 month ago

    Thanks for your help. I will experiment with this… it sounds easier than I thought it would be.

    esmi

    (@esmi)

    13 years, 1 month ago

    A lot of the time, people do try to over-think these kinds of changes. 🙂 The only rule I’d recommend is keeping backup copy of your template file(s) each time you make any changes. That way, if everything does go pear-shaped, you can always restore the previous, working, version.

    Thread Starter rtech

    (@alivemachine)

    13 years, 1 month ago

    I think it’s those letters “.php” that make everything seem more complicated than it really is.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘how to add a social media bar below the menu’ is closed to new replies.

Tags