Create A WordPress Custom Menu

Your pages should already be displayed within the navigation menu on your site. However, they may not be in the order you desire. So, let’s create a custom menu!

Similar to widgets, you can create custom menus that can be applied to various locations in your theme. There are generally 2 menu locations:

  • Header Menu (or “Main” Menu) — For displaying your main site navigation.
  • Social Menu — For adding links to your social networks.

Menus can be created under Appearance -> Menus, or within the Customizer. Since you should still be within the Customizer after saving your theme options, let’s create the menu there. Navigate to the top level of options by clicking the back arrow within the Customizer (Not the back arrow of your browser!):
create-a-wordpress-site-custom-menu

  1. Select the “Menus” panel.
  2. Click the “Add a Menu” button.
  3. Add a name for the custom menu, like “Main Menu.”
  4. Click the “Create Menu” button.
  5. Click the “Add Items” button.
  6. Add Pages to your menu.
  7. Drag the Pages into the order you desire.
  8. Check the “Header Menu” location.
  9. Click the blue “Save & Publish” button.

In addition to pages, you can add other items to you menu such as Categories and Custom Links. Your menu should look similar to the example image above.

create-a-wordpress-site-social-menuThe “Social Menu” displays links with icons to your social media profiles. The menu is created similarly to the main navigation menu. However, instead of adding pages to the menu, you will be adding Custom Links. Custom links in the social menu should look similar to the example image on the left. The theme will automatically detect which link has been added to the menu and apply the appropriate icon. In addition to social media icons, adding a link to Google Maps will display a location icon, and an email link will display a mail icon. Here’s how to create a social media menu:

  1. Within the WP Admin, navigate to Appearance > Menus
    2. Click the “Create A New Menu” link. Give your menu a name, like “Social Menu”; click the blue “Create Menu” button
    3. Select your social menu under the “Edit Menus” tab
    4. Under “Custom Links”, paste the URL for your social media pages, then click “Add To Menu” for each one
    5. Check the “Social Menu” box next to “Display location” under Menu Settings. Click the blue “Save Menu” button

Note: To have social media links open pages in a new tab, select “Screen Options” and check the box that says “Link Target”. Then, within each social media tab (under the URL) you’ll see a box to check that says “Open link in a new tab”. Just check that box and save.

Create Feature List Section On WordPress Page

The Organic Feature List widget allows you to add a group of features with descriptions and icons. It’s great for things like product descriptions, or can be used as a unique way to list the services you offer. Within the widget options you can also add a button link at the bottom of the section. After installing and activating the Organic Builder Widgets plugin, you’ll be able to add a Feature List section by following these simple steps within the customizer:

  1. Apply the Organic Custom page template to your page.
  2. Update or Publish the page.
  3. Click the Customize Page button.
  4. Click the + Add A Widget button.
  5. Select the Organic Feature List widget.
  6. Give your Feature List section a title and description.
  7. To add a button link (optional) to your section:
    • Give the button a title (Button Text field).
    • Copy & paste the button link URL (Button URL).
  8. Select a Number of Columns.
  9. Start adding items to your feature list:
    • Add a Feature Title for each list item.
    • You can add a link to the feature title by copy/pasting a URL within the Feature Link URL field.
    • Click the Select Icon button to choose an icon, or click the Custom Icon Image/Select Image button to upload your own custom icon.
    • Add text content for each item within the Feature Text field.
  10. Customize Section Background Options as desired; click the Apply button.
  11. Click the Save & Publish button.

This is an example of an Organic Featured List section with 3 columns applied.

Create Portfolio Section On WordPress Page

The Portfolio Widget section displays a portfolio of posts from a selected category or the Jetpack custom post type. It’s like an art gallery for your website! Use it to showcase your projects, artwork, photography – anything really! After installing and activating the Organic Builder Widgets plugin, you’ll be able to add a Portfolio section by following simple steps within the customizer:

  1. Apply the Organic Custom page template to your page.
  2. Update or Publish the page.
  3. Click the Customize Page button.
  4. Click the + Add A Widget button.
  5. Select the Organic Portfolio widget.
  6. Give your Portfolio section a title and description.
  7. Select a Portfolio Category.
  8. Complete the remaining fields, as desired (Max Number Of Posts, Number Of Columns, and Section Background Options).

Here is an example of an Organic Portfolio section.

Create Pricing Table Section On WordPress Page

An Organic Pricing Table widget allows you to display your products within a clean, simple table format.

This widget is especially great for pricing services or packages, as seen in the example image below. After installing and activating the Organic Builder Widgets plugin, you can easily add a Pricing Table section by following these simple steps within the customizer:

  1. Apply the Organic Custom page template to your page.
  2. Update or Publish the page.
  3. Click the Customize Page button.
  4. Click the + Add A Widget button.
  5. Select the Organic Pricing Table widget. (Note: You will need to “+ Add A Widget” for each item within the table)
  6. Add a Title and description for each item.
  7. To add a button link (such as a purchase button):
    • Add a title for the button within the Purchase Button Text field (ie: “Buy Now”).
    • Copy & paste the button link URL within the Purchase Button URL field.
  8. Add Text Row items (such as product features) as needed – add as many as you like!
  9. You may also add a Background Color for your Pricing Table section.

This is an example of an Organic Pricing Table section.

Create Subpage Section On WordPress Page

The Organic Subpage widget displays a section of content from another page on any page.

For instance, you might want to display a portion of your “About” page on the Home page as an introduction, or perhaps a segment of your “Services” page.You can either select a portion of an existing page, or write new text within the section. After installing and activating the Organic Builder Widgets plugin, you can add a Subpage section by following these simple steps within the customizer:

  1. Apply the Organic Custom page template to the page you want to use.
  2. Update or Publish the page.
  3. Click the Customize Page button.
  4. Click the + Add A Widget button.
  5. Select the Organic Subpage widget.
  6. Then, you can either:
    • Add Title and text OR
    • Use Content From Page > Select Existing Page
  7. You have the option to add a background color, image, or video for the section within the Section Background Options: Choose  (Copy & Paste URL link)
  8. Click the Save & Publish button.

This is an example of an Organic Subpage section.