Configuring the navbar

In this section, we'll set up the navbar items for our site pages, and we'll also go ahead and add the markup for our icons:

1. In your WordPress Dashboard, navigate to Appearance | Menus.

   

2. Remove the Sample Page menu item from the menu.

3. Edit the Home menu item by adding the markup for our Font Awesome icon to the label area using the same markup from our Chapter 2, Bootstrappin' Your Portfolio, index.html file shown as follows:

   <span class="icon fa fa-home"></span> Home

   

4. Now create the remainder of your pages—for now, you could do so by creating simple custom links—using the appropriate markup as the label for each page.

   

5. The Link Text fields for each menu item are as follows:

   <span class="icon fa fa-desktop"></span> Portfolio
   <span class="icon fa fa-group"></span> Team
   <span class="icon fa fa-envelope"></span> Contact

6. After adding each one to its menu, save the menu.

   Note

   Recall that our Font Awesome icons are not yet available. Bootstrap...