# Fumadocs UI (the default theme of Fumadocs): ホームレイアウト
URL: /ja/docs/ui/layouts/home-layout
Source: https://raw.githubusercontent.com/fuma-nama/fumadocs/refs/heads/main/apps/docs/content/docs/ui/layouts/home-layout.ja.mdx

その他のページで共通して使用するレイアウト

ナビゲーションバーのみで構成されるレイアウトです。

<home.WithControl />

For advanced customization that supported options cannot suffice, install via Fumadocs CLI:

```bash
npx @fumadocs/cli@latest customize
```

## 使い方 [#usage]

ほかのページ全体にわたって、ナビゲーションバーと検索ダイアログを追加します。

```tsx title="/app/(home)/layout.tsx"
import { HomeLayout } from 'fumadocs-ui/layouts/home';
import { baseOptions } from '@/lib/layout.shared';
import type { ReactNode } from 'react';

export default function Layout({ children }: { children: ReactNode }) {
  return <HomeLayout {...baseOptions()}>{children}</HomeLayout>;
}
```

[`links`](/docs/ui/layouts/links) オプションと [`nav`](/docs/ui/layouts/nav) オプションの詳細は、各ドキュメントを参照してください。