Skip to content

Commit aeb4afd

Browse files
authored
Merge pull request #23217 from shuuji3/contribute/style/content-organization
Translate contribute/style/content-organization into Japanese
2 parents d1708f5 + 8d77925 commit aeb4afd

File tree

1 file changed

+123
-0
lines changed

1 file changed

+123
-0
lines changed
Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
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

Comments
 (0)