Top nav and footers customization

The top nav and footers are defined in the siteConfig.yaml file.

Change a top nav label

Let's rename the link from training exercises to training program.

BeforeAfter
Copy
Copied
nav:

  - label: Contact Us
  #   page: developer-portal/index.md

  # - label: External docs
  #   href: https://docs.redoc.ly/developer-portal/introduction/

  - search: true
Copy
Copied
nav:

  - label: Training program
    page: developer-portal/index.md

  - label: External docs
    href: https://docs.redoc.ly/developer-portal/introduction/

  - search: true

Add a link to your favorite exercise

Add a link to a page within the developer portal with the label and page information.

Copy
Copied
nav:

  - label: Training program
    page: developer-portal/index.md

  - label: Markdown exercises
    page: developer-portal/markdown.md

  - label: External docs
    href: https://docs.redoc.ly/developer-portal/introduction/

  - search: true

Add a link to your favorite website

Add a link to your favorite external website. Notice the href (instead of the page) and label. The href value must be a fully qualified URL.

Copy
Copied
nav:

  - label: Training program
    page: developer-portal/index.md

  - label: Markdown exercises
    page: developer-portal/markdown.md

  - label: Favorite website
    href: https://redoc.ly

  - label: External docs
    href: https://docs.redoc.ly/developer-portal/introduction/

  - search: true

Fix the copyright notice

Our lawyer just called and said the copyright should have LLC after Redocly. Please adjust the notice.

yamlyaml
Copy
Copied
footer:
  copyrightText: Copyright © Redocly 2019-2020. All right reserved.
Copy
Copied
footer:
  copyrightText: Copyright © Redocly LLC 2019-2020. All right reserved.

Add a footer column

Here is the original footer section.

Copy
Copied
footer:
  copyrightText: Copyright © Redocly LLC 2019-2020. All right reserved.
  columns:
    - group: Contact Us
      items:
        - label: 1-800-915-3381
        - label: info@nxtsoft.com
        
    - group: Social Media
      items:
        - label: Facebook
        - label: LinkedIn
        - label: Twitter    
    # - group: Support
    #   items:
    #     - label: FAQ
    #       page: faq.md
    #     - label: Contact us
    #       page: contact.mdx

Each item in a group may link to either a page or an href.

Copy
Copied
footer:
  copyrightText: © 2021 NXTsoft
  columns:
    - group: Contact Us
      items:
        - label: 1-800-913-3381
          # href: 'https://redoc.ly/subscription-agreement/'
        - label: info@nxtsoft.com
          # href: 'https://redoc.ly/privacy-policy/'
        # - label: Cookie Notice
        #   href: 'https://redoc.ly/privacy-policy/'
    # - group: Product
    #   items:
    #     - label: Reference docs
    #       href: 'https://docs.redoc.ly/api-reference-docs/getting-started/'
    #     - label: Developer portal
    #       href: 'https://docs.redoc.ly/developer-portal/introduction/'
    #     - label: CI/CD workflows
    #       href: 'https://docs.redoc.ly/ci-cd-workflows/'
    - group: Social Media
      items:
        - label: Facebook
          # page: faq.md
        - label: LinkedIn
          # page: contact.mdx
        - label: Twitter

You may also override the navbar and footer components. That is beyond the scope of this training program.