页脚菜单

定义网站页脚中的链接，每个项目都是 NestedMenuItem。

src/config/footer-config.tsx

export function getFooterLinks(): NestedMenuItem[] {
  const t = useTranslations('Marketing.footer');

  return [
    {
      title: t('product.title'),
      items: [
        {
          title: t('product.items.features'),
          href: Routes.Features,
          external: false,
        },
        // 更多产品链接...
      ],
    },
    {
      title: t('resources.title'),
      items: [
        {
          title: t('resources.items.blog'),
          href: Routes.Blog,
          external: false,
        },
        // 更多资源链接...
      ],
    },
    // 更多页脚部分...
  ];
}

页脚链接按列组织，每列都有标题。每列都有一个标题和一个链接列表。这种结构允许按类别清晰地组织链接。

您可以根据需要删除或添加更多项目到页脚。

Footer

视频教程

下一步

现在您了解了页脚配置，请探索其他相关主题：

网站配置

配置网站的核心设置

导航栏配置

配置头部导航菜单

社交配置

配置社交媒体链接

侧边栏配置

配置仪表盘的导航菜单

定义网站页脚中的链接，每个项目都是 NestedMenuItem。

src/config/footer-config.tsx

export function getFooterLinks(): NestedMenuItem[] {
  const t = useTranslations('Marketing.footer');

  return [
    {
      title: t('product.title'),
      items: [
        {
          title: t('product.items.features'),
          href: Routes.Features,
          external: false,
        },
        // 更多产品链接...
      ],
    },
    {
      title: t('resources.title'),
      items: [
        {
          title: t('resources.items.blog'),
          href: Routes.Blog,
          external: false,
        },
        // 更多资源链接...
      ],
    },
    // 更多页脚部分...
  ];
}