This article describes how to create and configure a link, and add it to the page-top navigation.
NOTE: This process works for internal and external links.
Before we begin...
In this exercise, we'll add a link, CEO Blog, to the Blogs menu of the community. It links to the CEO's blog on the company's corporate site.
This process requires access to, and assumes familiarity with, the CMS and Page Designer. To learn about these page-management tools, see Understand the CMS.
Add a link page in the CMS
- In the Admin Toolbar, click (or right click for a new tab) Edit Navigation to access the CMS.
- In the navigation tree, locate the page to which you want to add the link (e.g., Blogs); click the ellipsis and choose Add.
A new page is added at the bottom of the current hierarchy and it is "selected."
- Scroll up and, in the Page Properties box on the right, configure the following settings.
TIP: For detailed descriptions of these fields, see the table in Create Pages.
| Setting | Action |
|---|---|
| Visible in Navigation | Check this box. |
| Navigation Title | Specify the text that will display as a link, e.g., CEO Blog. |
| Page Title | Specify a title for the page (optional). |
| Page Code Name | Specify a code name for the page, e.g., ceo-blog. |
| URL Name | Specify a name for the URL, e.g., ceo-blog. (Higher Logic recommends using the same value for Page Code Name and URL Name). |
- At the bottom of the Page Properties box, click Save.
TIP: Verify that the page is in the tree structure. Also, you can grab the "handle" of the page and drag it to reposition it in the structure.
- After the page saves, click Edit at the bottom of the Page Properties box to access Page Designer.
Add and configure a link Content Item in Page Designer
- Drag a Hyperlink / URL Content item and drop it on the designer canvas.
- Click the pencil icon to edit the Content item...
...and on the edit dialog:
| Setting | Action |
|---|---|
| Open link in new window? | Check the box to have the link open in a new tab. This is optional, but recommended.
NOTE: If the link is to an external page and this is not checked, the user will be navigated out of the community site. |
| Redirect type | Accept the default, Permanent 301, or click the dropdown to select Temporary 302.
NOTE: A web search will yield numerous articles on redirects (such as the linked article, https://developers.google.com/search/docs/crawling-indexing/301-redirects) with information about redirect types, redirect codes, and SEO impact. |
| Enter a URL or Page Code |
Specify the URL of the target page or /pagecode, and click Verify to make sure the link is valid. |
- Click Save.
- Click Publish; you're redirected to the CMS.
- Scroll up and click the community name to access the community.
- Navigate to where you added the link and verify that it displays and works as expected.