# WordPress Menu Best Practices and Policies

### <span style="font-weight: 400;">Summary</span>

- **Use Mega Menu (under Appearance)**
- Keep menu item names concise
- Keep formatting consistent
- WordPress Support: [Custom Menus](https://en.support.wordpress.com/menus/#add-menu-items)
- For more in-depth reading, visit our [Third Party Plugin Documentation](https://mlml.sjsu.edu/wordpress-resources/third-party-plugins/) page and click on Max Mega Menu.

### <span style="font-weight: 400;">Instructions</span>

- <span style="font-weight: 400;">Navigate to your menu: **Dashboard &gt; Appearance &gt; Menus**</span>
- <span style="font-weight: 400;">Create a new Menu</span>
- <span style="font-weight: 400;">Select a menu to edit: **Mega Menu (Primary Menu)**</span>
- <span style="font-weight: 400;">To add categories use the Pages, Posts, Custom Links, and Categories tabs listed on the left side of screen</span>
    - <span style="font-weight: 400;">If you'd like to directly link to one of the above that you've already created (i.e., a post or page) you can do so using those tabs</span>
    - <span style="font-weight: 400;">If you'd like to **create a drop down category use the Custom Links** option</span>
        - <span style="font-weight: 400;">For URL insert mlml.sjsu.edu - you can **delete the URL link once it's added to the menu**</span>
        - <span style="font-weight: 400;">Insert desired title of category in **Link Text**</span>
        - <span style="font-weight: 400;">Add to Menu</span>
        - <span style="font-weight: 400;">Click drop down arrow on newly created category and delete the URL linked</span>
- <span style="font-weight: 400;">For **Drop Down Menus where you'd like to add subcategories** with links or links to other pages:</span>
    - <span style="font-weight: 400;">Hover over the main menu category you'd like to create a drop down for </span>
    - <span style="font-weight: 400;">Select **Mega Menu button** that appears in blue</span>
    - <span style="font-weight: 400;">For "Sub menu display mode" choose "**Mega Menu - Standard Layout**"</span>
    - <span style="font-weight: 400;">Select a Widget to add to the panel: "**Layout Builder**"</span>
    - <span style="font-weight: 400;">2 columns</span>
- <span style="font-weight: 400;">To edit the Layout Builder in drop down menu:</span>
    - <span style="font-weight: 400;">Select the **wrench** on the right hand side of Layout Builder widget</span>
    - <span style="font-weight: 400;">Select **Open Builder**</span>
    - <span style="font-weight: 400;">Add desired number of rows with desired number of columns</span>
        - <span style="font-weight: 400;">The number of columns can be useful to place subcategories directly under the portion of the drop down menu that you want (i.e., more towards the right side of the menu, left side or middle)</span>
    - <span style="font-weight: 400;">Add a **SiteOrigin Editor** widget to make a list of Pages that you'd like to link to</span>

### <span style="font-weight: 400;">Visual Instructions</span>

<span style="font-weight: 400;">Appearance &gt; Menus &gt; Mega Menu (Primary Menu)</span>

### <span style="font-weight: 400;">[![Screen-Shot-2019-04-05-at-10.17.34-AM.png](https://kb.mlml.sjsu.edu/uploads/images/gallery/2019-04-Apr/scaled-840-0/Screen-Shot-2019-04-05-at-10.17.34-AM.png)](https://kb.mlml.sjsu.edu/uploads/images/gallery/2019-04-Apr/Screen-Shot-2019-04-05-at-10.17.34-AM.png)</span>

<span style="font-weight: 400;">Hover over the menu you want to modify and click the blue Mega Menu icon:</span>

<span style="font-weight: 400;">[![Screen-Shot-2019-04-05-at-10.18.28-AM.png](https://kb.mlml.sjsu.edu/uploads/images/gallery/2019-04-Apr/scaled-840-0/Screen-Shot-2019-04-05-at-10.18.28-AM.png)](https://kb.mlml.sjsu.edu/uploads/images/gallery/2019-04-Apr/Screen-Shot-2019-04-05-at-10.18.28-AM.png)</span>

<span style="font-weight: 400;">Use Layout Builder. Click the Wrench icon on the right to edit</span>

[![Screen-Shot-2019-04-05-at-10.19.02-AM.png](https://kb.mlml.sjsu.edu/uploads/images/gallery/2019-04-Apr/scaled-840-0/Screen-Shot-2019-04-05-at-10.19.02-AM.png)](https://kb.mlml.sjsu.edu/uploads/images/gallery/2019-04-Apr/Screen-Shot-2019-04-05-at-10.19.02-AM.png)

<span style="font-weight: 400;">Open Builder:</span>

[![Screen-Shot-2019-04-05-at-10.19.25-AM.png](https://kb.mlml.sjsu.edu/uploads/images/gallery/2019-04-Apr/scaled-840-0/Screen-Shot-2019-04-05-at-10.19.25-AM.png)](https://kb.mlml.sjsu.edu/uploads/images/gallery/2019-04-Apr/Screen-Shot-2019-04-05-at-10.19.25-AM.png)

<span style="font-weight: 400;">Here you have the standard Page Builder interface where you can add rows, columns, and widgets to create menu items.</span>

<span style="font-weight: 400;">[![Screen-Shot-2019-04-05-at-10.19.44-AM.png](https://kb.mlml.sjsu.edu/uploads/images/gallery/2019-04-Apr/scaled-840-0/Screen-Shot-2019-04-05-at-10.19.44-AM.png)](https://kb.mlml.sjsu.edu/uploads/images/gallery/2019-04-Apr/Screen-Shot-2019-04-05-at-10.19.44-AM.png)</span>