---
> [!NOTE] 目次
```table-of-contents
title:
minLevel: 0
maxLevel: 0
includeLinks: true
```
---
> [!NOTE] リスト掲載用文字列
- [サイトをカスタマイズする - Obsidian ヘルプ](https://help.obsidian.md/publish/customize)【Obsidian Help】()
---
> [!NOTE] この記事の要約(箇条書き)
- **静的アセット:** `publish.css` でカスタムCSS、`publish.js` でカスタムJavaScript、`favicon-32x32.png` などのファビコンを設定できます。
- `publish.css` と `publish.js` はボールトのルートディレクトリに配置する必要があります。`publish.js` の利用にはカスタムドメインが必要です。
- **コミュニティテーマ:** 使用したいテーマのCSSファイルをボールトのルートフォルダにコピーし、`publish.css` にリネームして公開することで適用できます。
- **UI機能の有効化:** グラフ表示や目次など、サイトのUI機能は「サイトオプション」の「読み取りエクスペリエンス」と「コンポーネント」セクションで切り替えることができます。
- **ナビゲーションのカスタマイズ:**
- 「変更の公開」ダイアログから「サイトオプションの変更」に進み、「ナビゲーションのカスタマイズ」で「管理」を選択してアクセスします。
- 「ナビゲーションプレビュー」でファイルやフォルダをドラッグして表示順序を調整できます。
- ファイルやフォルダを右クリックして「ナビゲーションで非表示」を選択することで、ナビゲーションから非表示にできます。
- ナビゲーション内でファイルをあるフォルダから別のフォルダに移動することはできません。
- 表示順序や非表示状態は、デフォルトに戻すことができます。
> [!NOTE] 要約おわり
---
[このページでは、Obsidian Publish](https://help.obsidian.md/publish) サイトの外観と操作性をカスタマイズする方法について説明します 。
## 静的アセット
次のファイルをサイトに[公開する](https://help.obsidian.md/publish/publish#Publish%20notes)ことで、サイトをカスタマイズできます。
- `publish.css`カスタムCSSを追加する
- `publish.js`カスタムJavaScriptを追加する
- `favicon-32x32.png`ファビコンを設定する
**注:**
- [Publish の CSS 変数については、](https://docs.obsidian.md/Reference/CSS+variables/Publish/Publish)ドキュメント サイトをご覧ください。
- Obsidian は CSS または JavaScript ファイルをサポートしていないため、それらを作成して編集するには別のアプリケーションを使用する必要があります。
- `publish.css`とは両方とも、ボールトの`publish.js`ルート ディレクトリ ( ) に配置する必要があります。`/`
- デフォルトでは、ファイル エクスプローラーには表示されませんが、`publish.css`[**変更を公開]**ダイアログから公開することはできます。`publish.js`
- でカスタム JavaScript を使用するには、[カスタム ドメイン](https://help.obsidian.md/publish/domains)`publish.js`が必要です。[](https://help.obsidian.md/publish/domains)
ファビコンの場合、Obsidian Publish は次の命名規則をサポートしています。<span style="single"><span style="single">は `32` アイコンのピクセル単位の寸法を表します。
- `favicon-32.png`
- `favicon-32x32.png`
- `favicon.ico`
以下のディメンションを 1 つ以上指定することをお勧めします。
- `favicon-32x32.png`
- `favicon-128x128.png`
- `favicon-152x152.png`
- `favicon-167x167.png`
- `favicon-180x180.png`
- `favicon-192x192.png`
- `favicon-196x196.png`
ファビコンはサイトに公開されている限り、ボールト内のどこにでも柔軟に配置できます。
## コミュニティテーマを使用する
サイトにコミュニティ テーマのいずれかを使用するには:
1. OS のデフォルトのファイル エクスプローラーで Vault を開きます。
2. ボールト設定フォルダ (デフォルト: `.obsidian`) に移動します。
3. フォルダを開きます`themes`。
4. サイトに使用するテーマの CSS ファイルをコピーします。
5. ファイルを Vault のルート フォルダーに貼り付けます。
6. CSS ファイルの名前を に変更します`publish.css`。
7. [公開](https://help.obsidian.md/publish/publish#Publish%20notes) `publish.css`。
**注:**
- 数分以内にスタイルが更新されない場合は、ブラウザのキャッシュを更新してみてください。
- [サイトのオプション](https://help.obsidian.md/publish/sites#View%20site%20options)でライトモードとダークモードを切り替えることができます。
- 多くのコミュニティ テーマでは 、カスタム**スタイル設定にスタイル設定**が使用されます が、これらの設定は Obsidian Publish では機能しません。
テーマの開発
適切なテーマが見つかりませんか?[Publish テーマを](https://docs.obsidian.md/Themes/Obsidian+Publish+themes/Build+a+Publish+theme)自分で作成する方法を学びましょう。
## UI機能を有効にする
グラフ表示や目次など、サイトのいくつかの UI 機能を切り替えることができます。
[サイトオプションの「](https://help.obsidian.md/publish/sites#View%20site%20options)**読み取りエクスペリエンス」**と**「コンポーネント」**セクションで利用可能なUI機能を参照します。[](https://help.obsidian.md/publish/sites#View%20site%20options)
### ナビゲーションをカスタマイズする
[Obsidian Publishでは、公開ファイルエクスプローラー](https://help.obsidian.md/plugins/file-explorer)内でのファイルとフォルダのナビゲーション順序と表示をカスタマイズできます。ナビゲーション項目はデフォルトで公開順にリストされます。公開されていないメモはこのペインに表示されません。
#### ナビゲーションオプションのカスタマイズにアクセスする
1. [リボン](https://help.obsidian.md/ribbon)で**[変更の公開]** ( )を選択する か、[コマンド パレットを開いて](https://help.obsidian.md/plugins/command-palette)**「公開: 変更の公開…」**と入力します。
2. **[変更を公開]**ダイアログで、**[サイト オプションの変更]** ( ) を選択します。
3. **[コンポーネント設定]**の**[ナビゲーションのカスタマイズ]**の横にある**[管理]**ボタンを選択します。
**「サイト オプションの変更」ウィンドウの上に、** **「ナビゲーション」**というタイトルの新しいポップアップ ウィンドウが表示されます。
#### ナビゲーション項目を調整する
**「ナビゲーション プレビュー」**セクションでは、公開したコンテンツの表示順序を調整できます。
1. 調整するフォルダーまたはメモを選択します。
2. メモまたはフォルダを目的の場所まで上または下にドラッグします。
3. **ナビゲーション**ウィンドウの右下にある**[完了]**を選択します。
公開すると、ナビゲーションの変更がサイトに送信されます。
#### ナビゲーション項目の表示と非表示を切り替える
公開したメモやフォルダーがあるが、ナビゲーション内に表示したくない場合は、代わりにそれらの項目を非表示にすることもできます。
1. 調整するフォルダーまたはメモを選択します。
2. 右クリックして**「ナビゲーションで非表示」を選択します。これで、****ナビゲーションプレビュー**からアイテムが消えます。
3. **ナビゲーション**ウィンドウの右下にある**[完了]**を選択します。
公開すると、ナビゲーションの変更がサイトに送信されます。
**ナビゲーションプレビュー**タイトルの右側にあるチェックボックスを選択すると、**隠しファイルを表示**できます。
## よくある質問
**ナビゲーション内でファイルをあるフォルダーから別のフォルダーに移動できますか?**
いいえ。フォルダ内のノートのファイルナビゲーション構造は維持する必要があります。フォルダ内(Vaultルートを含む)のノートの順序、および他のフォルダ内のフォルダの順序は調整できます。
**「完了」を選択する前に、複数のメモやフォルダーの順序を編集できますか?**
はい。
**これらの変更を元に戻すにはどうすればいいですか?**
- **表示順序**:**「ナビゲーション項目の表示順序」の横にある****「デフォルトに戻す」**アイコン(反時計回りに回転する矢印)を選択します。これにより、ナビゲーション項目がアルファベット順に戻ります。
- **非表示状態**:**「ナビゲーションからページまたはフォルダを非表示にする」**の横にある**「デフォルトに戻す」**アイコン(反時計回りに回転する矢印)を選択します。これにより、非表示のナビゲーション項目が表示状態に戻ります。
このページへのリンク
[分析](https://help.obsidian.md/publish/analytics)
[CSSスニペット](https://help.obsidian.md/snippets)
[Obsidian Publish の紹介](https://help.obsidian.md/publish)
[サイトの管理](https://help.obsidian.md/publish/sites)
[コンテンツを公開する](https://help.obsidian.md/publish/publish)
[セキュリティとプライバシー](https://help.obsidian.md/publish/security)
[Obsidian Publishのセットアップ](https://help.obsidian.md/publish/setup)
[Obsidian Publishのトラブルシューティング](https://help.obsidian.md/publish/troubleshoot)