|
| 1 | +--- |
| 2 | +title: コンテンツの構造化 |
| 3 | +content_type: concept |
| 4 | +weight: 40 |
| 5 | +--- |
| 6 | + |
| 7 | +<!-- overview --> |
| 8 | + |
| 9 | +このサイトではHugoを使用しています。Hugoでは、[コンテンツの構造化](https://gohugo.io/content-management/organization/)がコアコンセプトとなっています。 |
| 10 | + |
| 11 | +<!-- body --> |
| 12 | + |
| 13 | +{{% note %}} |
| 14 | +**Hugoのヒント:** コンテンツの編集を始めるときは、`hugo server --navigateToChanged`コマンドを使用してHugoを実行してください。 |
| 15 | +{{% /note %}} |
| 16 | + |
| 17 | +## ページの一覧 |
| 18 | + |
| 19 | +### ページの順序 |
| 20 | + |
| 21 | +ドキュメントのサイドメニューやページブラウザーなどでは、Hugoのデフォルトのソート順序を使用して一覧を作成しています。デフォルトでは、weight(1から開始)、日付(最新のものが1番目)、最後にリンクのタイトルの順でソートされます。 |
| 22 | + |
| 23 | +そのため、特定のページやセッションを上に移動したい場合には、ページのフロントマター内のweightを設定します。 |
| 24 | + |
| 25 | +```yaml |
| 26 | +title: My Page |
| 27 | +weight: 10 |
| 28 | +``` |
| 29 | +
|
| 30 | +{{% note %}} |
| 31 | +ページのweightについては、1、2、3…などの値を使用せず、10、20、30…のように一定の間隔を空けた方が賢明です。こうすることで、後で別のページを間に挿入できるようになります。 |
| 32 | +{{% /note %}} |
| 33 | +
|
| 34 | +### ドキュメントのメインメニュー |
| 35 | +
|
| 36 | +ドキュメントのメインメニューは、`docs/`以下に置かれたセクションのコンテンツファイル`_index.md`のフロントマター内に`main_menu`フラグが設定されたものから生成されます。 |
| 37 | + |
| 38 | +```yaml |
| 39 | +main_menu: true |
| 40 | +``` |
| 41 | + |
| 42 | +リンクのタイトルは、ページの`linkTitle`から取得されることに注意してください。そのため、ページのタイトルとは異なるリンクテキストにしたい場合、コンテンツファイル内の値を以下のように設定します。 |
| 43 | + |
| 44 | +```yaml |
| 45 | +main_menu: true |
| 46 | +title: ページタイトル |
| 47 | +linkTitle: リンク内で使われるタイトル |
| 48 | +``` |
| 49 | + |
| 50 | +{{% note %}} |
| 51 | +上記の設定は言語ごとに行う必要があります。メニュー上にセクションが表示されないときは、Hugoからセクションとして認識されていないためである可能性が高いです。セクションフォルダー内に`_index.md`コンテンツファイルを作成してください。 |
| 52 | +{{% /note %}} |
| 53 | + |
| 54 | +### ドキュメントのサイドメニュー |
| 55 | + |
| 56 | +ドキュメントのサイドバーメニューは、`docs/`以下の*現在のセクションツリー*から生成されます。 |
| 57 | + |
| 58 | +セクションと、そのセクション内のページがすべて表示されます。 |
| 59 | + |
| 60 | +特定のセクションやページをリストに表示したくない場合、フロントマター内の`toc_hide`フラグを`true`に設定してください。 |
| 61 | + |
| 62 | +```yaml |
| 63 | +toc_hide: true |
| 64 | +``` |
| 65 | + |
| 66 | +コンテンツが存在するセクションに移動すると、特定のセクションまたはページ(例:`index.md`)が表示されます。それ以外の場合、そのセクションの最初のページが表示されます。 |
| 67 | + |
| 68 | +### ドキュメントのブラウザー |
| 69 | + |
| 70 | +ドキュメントのホームページのページブラウザーは、`docs`セクション直下のすべてのセクションとページを使用して生成されています。 |
| 71 | + |
| 72 | +特定のセクションやページを表示したくない場合、フロントマターの`toc_hide`フラグを`true`に設定してください。 |
| 73 | + |
| 74 | +```yaml |
| 75 | +toc_hide: true |
| 76 | +``` |
| 77 | + |
| 78 | +### メインメニュー |
| 79 | + |
| 80 | +右上のメニュー(およびフッター)にあるサイトリンクは、page-lookupの機能を使用して実装されています。これにより、ページが実際に存在することを保証しています。そのため、たとえば`case-studies`のセクションが特定の言語のサイトに存在しない場合、メニューにはケーススタディのリンクが表示されません。 |
| 81 | + |
| 82 | +## Page Bundle |
| 83 | + |
| 84 | +スタンドアローンのコンテンツページ(Markdownファイル)に加えて、Hugoでは、[Page Bundles](https://gohugo.io/content-management/page-bundles/)がサポートされています。 |
| 85 | + |
| 86 | +Page Bundleの1つの例は、[カスタムのHugo Shortcode](/docs/contribute/style/hugo-shortcodes/)です。これは、`leaf bundle`であると見做されます。ディレクトリ内のすべてのファイルは、`index.md`を含めてバンドルの一部となります。これには、ページからの相対リンク、処理可能な画像なども含まれます。 |
| 87 | + |
| 88 | +```bash |
| 89 | +en/docs/home/contribute/includes |
| 90 | +├── example1.md |
| 91 | +├── example2.md |
| 92 | +├── index.md |
| 93 | +└── podtemplate.json |
| 94 | +``` |
| 95 | + |
| 96 | +もう1つのPage Bundleがよく使われる例は、`includes`バンドルです。フロントマターに`headless: true`を設定すると、自分自身のURLを持たなくなり、他のページ内でのみ使用されるようになります。 |
| 97 | + |
| 98 | +```bash |
| 99 | +en/includes |
| 100 | +├── default-storage-class-prereqs.md |
| 101 | +├── index.md |
| 102 | +├── partner-script.js |
| 103 | +├── partner-style.css |
| 104 | +├── task-tutorial-prereqs.md |
| 105 | +├── user-guide-content-moved.md |
| 106 | +└── user-guide-migration-notice.md |
| 107 | +``` |
| 108 | + |
| 109 | +バンドル内のファイルに関して、いくつか重要な注意点があります。 |
| 110 | + |
| 111 | +* 翻訳されたバンドルに対しては、コンテンツ以外の見つからなかったファイルは上位の言語から継承されます。これにより重複が回避できます。 |
| 112 | +* バンドル内のすべてのファイルは、Hugoが`Resources`と呼ぶファイルになり、フロントマター(YAMLファイルなど)をサポートしていない場合であっても、言語ごとにパラメーターやタイトルなどのメタデータを提供できます。詳しくは、[Page Resourcesメタデータ](https://gohugo.io/content-management/page-resources/#page-resources-metadata)を参照してください。 |
| 113 | +* `Resource`の`.RelPermalink`から取得した値は、ページからの相対的なものとなっています。詳しくは、[Permalinks](https://gohugo.io/content-management/urls/#permalinks)を参照してください。 |
| 114 | + |
| 115 | +## スタイル |
| 116 | + |
| 117 | +このサイトのスタイルシートの[SASS](https://sass-lang.com/)のソースは、`assets/sass`に置かれていて、Hugoによって自動的にビルドされます。 |
| 118 | + |
| 119 | +## {{% heading "whatsnext" %}} |
| 120 | + |
| 121 | +* [カスタムのHugo shortcode](/docs/contribute/style/hugo-shortcodes/)について学ぶ |
| 122 | +* [スタイルガイド](/docs/contribute/style/style-guide)について学ぶ |
| 123 | +* [コンテンツガイド](/docs/contribute/style/content-guide)について学ぶ |
0 commit comments