How to Install Scroll Down Tabs in Wordpress

Anchors in Web pages create targets for scroll down links. In WordPress, you can add a custom link to your menu to add a scroll down tab that links to an anchor. Rather than entering a URL in the field, add the ID name of your anchor, prefixed with a hash symbol. Add your anchor to the "footer.php" code. No matter which page a user visits, the scroll down tab will link to the footer, scrolling the Web page down.

Instructions

1. Log in to WordPress and navigate to Menus under the Appearance menu in the left sidebar. Click on a tab to select a menu to edit or fill in the Menu Name field and press the "+" tab to create a new menu. When creating a new menu, select a location for the menu from the Theme Locations box.

2. Enter "#bottom" in the URL field of the "Custom Links" box. Give the link a label and click "Add to Menu." Click on the new menu item and drag it to change the order of links as needed. Save the menu before navigating away from the Menus screen.

3. Navigate to Editor under the Appearanc menu and click the link for "footer.php" to add an anchor to the footer. Add this code somewhere in the footer.php file:

   <div id="bottom"></div>

   Nothing needs to go between the "<div>" tags. With no content, the new div will not take up any space inside your design.

Tips & Warnings

• Add an anchor named "top" to the header.php code to add an anchor the top part of your page. Add a "Go to top" link to your footer menu or directly code the link in the footer like this: <a href="#top">Go to top</a>.