[[menu-link-from-content]]
=== Adding a Page to the Navigation

[role="summary"]
How to add a page to the navigation.

(((Menu,adding a link to page)))
(((Page,adding to menu while editing)))
(((Content,adding to menu while editing)))
(((Navigation,linking menu to page)))

==== Goal

Add a page to the navigation. For example, the About page.

==== Was man wissen sollte

* <<menu-concept>>
* <<content-edit>>

==== Site prerequisites

The About page content item must exist. See <<content-create>>.

==== Steps

. In the _Manage_ administrative menu, navigate to _Content_ (_admin/content_).

. Find the About page, and click _Edit_ in that row. The content editing form
appears.
+
--
// Content table from admin/content page, with a red border around the Edit
// button for the About page.
image:images/menu-link-from-content_edit_page.png["Page edit link",width="100%"]
--

. Click _Menu settings_ on the right to expand it.

. Check _Provide a menu link_ for the menu options to appear.

. Enter values from the table below:
+
[width="100%",frame="topbot",options="header"]
|================================
|Field name |Explanation |Example value
|Menu link title |Title that will be displayed in the menu | About
|Description |Text that will be displayed when a visitor hovers over the link
  |History of the market
|Parent item |Location of the page in the menu hierarchy. For example,
  if you choose _<Main navigation>_, the page will appear in the highest
  level of the navigation. By choosing another menu item as parent, you can
  create a menu hierarchy of multiple levels. |<Main navigation>
|Weight|The order in which the page should appear in the menu (lower-weighted
  menu items will be shown before higher-weighted menu items) | -2
|================================
+
--
// Menu settings Abschnitt of content editing page.
image:images/menu-link-from-content.png["Creating a menu link from within the content edit form"]
--

. Click _Save and keep published_ to save the changes. Click _Home_ or _Return
to site_ in the navigation bar to see the result, which could look like the
picture below.
+
--
// Home page after adding About to the navigation.
image:images/menu-link-from-content-result.png["Link has been added to the main menu",width="100%"]
--

==== Expand your understanding

<<menu-reorder>>

==== Additional resources

https://www.drupal.org/docs/8/core/modules/menu-ui[_Drupal.org_ community documentation page "Working with menus"]


*Attributions*

Adapted by https://www.drupal.org/u/batigolix[Boris Doesborg] from
https://www.drupal.org/docs/8/core/modules/menu-ui["Working with Menus"],
copyright 2000-2017 by the individual contributors to the
https://www.drupal.org/documentation[Drupal Community Documentation];
edited by https://www.drupal.org/u/jerseycheese[Jack Haas].
