Getting your navigation right is a fundamental piece of your affiliate site. In this guide, we will run through on how to set up your site navigation.

Launch the Site Editor

You can load the Site Editor from the Front End of your Site or from your WordPress Dashboard, we will cover both here.

Launch Site Editor from the Front End

From the front end of your site you should see the WordPress Admin Bar. Click Edit Site (1).

Launch Site Editor from the WordPress Dashboard

From the WordPress dashboard of your site click Appearance (1) > Editor (2).

The Site Editor should now be open and look like this:

Creating/Editing Navigation Menu

Once you’re in Site Editor, you’ll be able to create a new navigation menu.

Open a template and click the pen 🖊️ icon (1). Now click Create a new menu (2).

You can either add menu items within the editor (3), or etit within the tool bar for the navigation block (4).

You can add the following types of links in the Navigation block:

  1. Page Link
  2. Custom Link
  3. Buttons
  4. Page List (Default)
  5. Search Block
  6. Social Icons
  7. Browse all to see all types that also include:
    • Spacer
    • Post Link
    • Category Link
    • Tag Link
    • Submenu
    • Home Link
    • Site Logo
    • Site Title
    • Login/Logout
  8. Or Search for a Nav Item

Add a Category

Search ‘Category’ (1) when adding an item. Then click Category Link (2).

You’ll see a list of most recent categories, or search for another one.

Once you have added all your categories that you want in the main navigation, you can edit the text for them either in the editor (3) or in the tool bar for the navigation item (4). Clicking the Options (3 dots) (5) will allow you to Move the item up, down, add submenu or delete.

You can edit eack link individually with different attributes:

  1. Settings
  2. Styles
  3. Label / Text
  4. URL
  5. Description of the link
  6. Title Attribute1
  7. Rel Attribute2

Add a Page

You can also add a page easily. Click the Plus + (1) and slect Page (2). Alternatively you can Search (3).

You can select a recently added page (4) or search (5) for a different page.

As with the Category, you can adjust the individual links:

  1. Settings
  2. Styles
  3. Label / Text
  4. URL
  5. Description of the link
  6. Title Attribute
  7. Rel Attribute

Other Menu Items

You can add other menu items easily using the same methods above for:

  • Buttons
  • Custom Links
  • Posts
  • Tags
  • Home
  • and more

Be creative and experiment.

Remember to save your work!

Reverting or restoring template parts back

In block themes you can easily revert or clear any configurations back to defaults.

Open any template or template part that has been changed, and clear customizations (1).

Alternatively you can clear customizations without opening the template in Manage All Templates.

You can also easily see where you have made changes (2).

Click Clear Customizations (3).

Restore from a different revision

You can also restore to a different revision (4) if you want to go back a couple of steps.

  1. Title Attribute: The title attribute in web design, specifically in HTML, provides additional information about an element when the mouse hovers over it. It is commonly used with navigation elements, such as links (<a> tags), to offer supplementary context or a description of where the link leads. When a user hovers their cursor over an element with a title attribute, a small tooltip will typically appear, displaying the text that’s been assigned to that attribute. ↩︎
  2. Rel Attribute: The rel attribute in HTML specifies the relationship between the current document and the linked document or resource. It is most commonly used with the <a> (anchor) and <link> elements. The rel attribute helps browsers and search engines understand the purpose or nature of the link, which can influence behavior and interpretation. ↩︎

The article was writter by

Leave a Reply

Your email address will not be published. Required fields are marked *